Hi visitor! 👋 — Don't Product-Hunt us yet! — We are getting everything ready for our official launch 😄

Frequently Asked Questions

Feel free to reach out to us if you didn't find the answer you were looking for

hello@flayyer.com


Is Flayyer for advertisement campaigns?

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

For campaigns we recommend to manually create your ads since you have total control over the ad. Flayyer is for every 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 using Paypal.

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 recommend universal size of 1200x630px but you can use any size you want with a maximum of 1080x1080px. 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 working to support too:

  • Wix
  • Ghost
  • Shopify

How to create templates?

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

  • React
  • Vue

We are working to support too:

  • Angular
  • Plain HTML

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

Programing languages to integrate Flayyer?

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 like something like this: https://flayyer.io/v2/flayyer/landing/demo.jpeg?title=Hello+World

What is the anatomy of a Flayyer URL?

Basically:

https://flayyer.io/v2/:tenant/:deck/:template.:version.:extension?VARIABLES

Where:

  • :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.
  • :versionoptional — You can rollback or used explicit versions of the deck. When omited the latest version will be used.
  • :extensionoptional — 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
  • VARIABLESoptional — 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:

https://flayyer.io/v2/mycompany/deck1/template1?title=1

More complex example with arrays:

https://flayyer.io/v2/mycompany/deck1/template1.jpeg?fruits[0]=Orange&fruits[1]=Pineapple

More complex example with objects:

https://flayyer.io/v2/mycompany/deck1/template1.jpeg?person[name]=John&person[bio]=Human+who+loves+music%21

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 like making them transparent trough byebackgrounds.com is safe because 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.