Skip to main content

Getting started

Install Flyyer CDN to manage your previews

1. Create a project

A project is created when you synchronize a website with Flyyer.

2. Insert Flyyer CDN in your meta-tags

Each path or route of your website should have a "mirrored" URL targeting Flyyer CDN to allow you to manage it's previews. Find your project identifier here.

In HTML it would look like this:

<!-- Replace {project-identifier} and {path} with your project-id and your current page's path respectively -->
<meta property="og:image" content="https://cdn.flyyer.io/v2/{project-identifier}/_/_/{path}" />
<meta name="twitter:image" content="https://cdn.flyyer.io/v2/{project-identifier}/_/_/{path}" />
<meta name="twitter:card" content="summary_large_image" />

<!-- [Optional but recommended] Keep your original images per page available on the dashboard -->
<meta property="flyyer:default" content="{your-original-og:image-link}" />

Example

Let's say you synced https://example.com and you created a project with id example.

WebpagePathMirrored URL to Flyyer CDN (og:image's content)
https://example.com/https://cdn.flyyer.io/v2/example/_/_/
https://example.com/about/abouthttps://cdn.flyyer.io/v2/example/_/_/about
https://example.com/posts/1/posts/1https://cdn.flyyer.io/v2/example/_/_/posts/1
https://example.com/posts/2/posts/2https://cdn.flyyer.io/v2/example/_/_/posts/2

To see a full example please select your website technology or programming language.

3. Voilà 🎉

Now you're able to manage your link previews from your dashboard, create content from templates while preserving your brand style and export it as social media formats.

Go to your dashboard 🚀

demo of flyyer dashboard

Guides with full examples

JavaScript guides

Python guides

Ruby guides

PHP guides


Are we missing an integration guide? Need help? Feel free to join our Discord Channel.