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" />
<!-- [Recommended] Keep your original image handy for your project --><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.