Questions and answers

Feel free to reach out to us if you didn't find the answer you were looking for at hello@flayyer.com

What is a Flayyer Template?

A Flayyer Template is what we call our smart templates for image preview. These templates contain all the logic, styles, fonts, and static images used to create a visualization, which we are able to attach to your links after you integrate your software with our system.

This integration, for tech-savvy people, is done by using the smart URL we provide to your per template in your <meta property="og:image" /> tags.

What is a Flayyer Deck?

A collection of Flayyer Templates. The idea behind a deck is being able to share components, styles, and images between related templates.

Is Flayyer for advertisement campaigns?

You can use it to generate images for your campaigns, but the main idea of Flayyer is to create image previews for every page of your website when your users share your links on the internet.

For campaigns we recommend manually creating your ads, as you have total control over the advertisement. Flayyer is for every other page you don't have control on.

What payment processor do you use?

Since our company is based on Chile, and we don't have Stripe here, we are resorting to Gumroad to handle subscriptions. If you have limitations or want to use PayPal please let us know.

Which plan is the best for me?

You can start with the free plan and change it whenever you want. Feel free to contact us if you have question.

What is the resolution of the generated images?

By default we use the recommended universal size of 1200x630px but you can use any size you want with a maximum of 1920x1920px. Free users are locked to a maximum of 900x472px.

For security reasons we need a isolated environment or a server located in a certain part of the world. Is it possible?

Sure, let us know by contacting us.

Do you support no-code tools like Wordpress or Ghost?

Currently we support:

  • Wordpress
  • Webflow

We are also working to support:

  • Wix
  • Ghost
  • Shopify

How do I create templates?

A template is just an HTML and CSS page with some JavaScript to replace values. Now we support:

  • React
  • Vue

We are also working to support:

  • Angular
  • Plain HTML

To create a template you need to use flayyer/create-flayyer-app and flayyer.github.io/flayyer-studio

Which programming languages can Flayyer integrations use?

You only need to setup a <meta /> tag on the <head /> of your HTML. We provide some libraries to help you generating the Flayyer URLs:

The final URL should look something like this: https://flayyer.io/v2/flayyer/landing/demo.jpeg?title=Hello+World

What is the anatomy of a Flayyer URL?




  • :tenant β€” is the company or organization in the Flayyer dashboard.
  • :deck β€” collection of templates created via create-flayyer-app.
  • :template β€” individual template (built with HTML+CSS+JS) that will be used to generate images.
  • :version β€” optional β€” You can rollback or use explicit versions of the deck. When omitted, the latest version will be used.
  • :extension β€” optional β€” Generated image extension. Options are: jpeg, png and webp. By default we use jpeg but if your images are more vector-based then we recommend png.
  • VARIABLES β€” optional β€” This is the main feature of Flayyer URLs. Every variable will be passed to the template to be rendered. Use the standard queryparam format and remember to encode them (eg: ?title=Hello+world&description=Some+text).

Here is a concrete example:


More complex example with arrays:


More complex example with objects:


Notice that %21 is ! but URL-encoded.

I use copyrighted images, how can I be sure I'm not infringing any agreement?

Operations over images, such as making them transparent through byebackgrounds.com is safe, as they are not stored anywhere.

Images in Flayyer Templates are never shared outside the Deck you created. Although it is your responsibility to ensure its correct usage by signing their URLs to prevent bad actors from generating images without your consent.