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.
A collection of Flayyer Templates. The idea behind a deck is being able to share components, styles, and images between related templates.
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.
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.
You can start with the free plan and change it whenever you want. Feel free to contact us if you have question.
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.
Currently we support:
We are also working to support:
: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:
Here is a concrete example:
More complex example with arrays:
More complex example with objects:
! but URL-encoded.
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.