Take control over your link previews

Tell a story from the moment people share your website on social media. Create more engagement and ensure the best first impression.

Turn user interactions into a marketing opportunity

We enable new strategies for organic viral marketing. Let users share your links and increase incoming traffic by 200%

Get better insights

Understand how people share your website

Which social network?

Most analytics services can only start tracking when the user visits your website. Flayyer is one step ahead of that.

Which items are more popular?

Sales are different than traffic. Understand customer behavior around each product or post.

My post is going viral!

Get alerts when an item is being shared frequently. Act fast!

women studying their website share analytics
More coming soon!

Flayyer integrates with any provider

Shopify

We love this platform! Integrating is easy as changing five lines of code in your theme.

logo 2

JumpSeller

If you're interested in using Flayyer with JumpSeller, we do the installation for you, free of charge.

Magento

We support any Wordpress-based provider. Improve your sales now with Flayyer!

WooCommerce

Create amazing previews for your products on WooCommerce. It is super easy!

PrestaShop

Any e-commerce site, you name it. Integrate PrestaShop with Flayyer today!

Wordpress

Not everything is eCommerce, make your website or blog go viral right now!

Squarespace

Your site is beautiful, we get it; it is time to make your links beautiful too.

Wix

Use Flayyer with your Wix site or e-commerce site today! We install it for you, free of charge.

Bootic

We support Bootic as well! Sell more starting today!

VTEX

This platform is growing quickly. Use Flayyer with VTEX today!

Try our free online tool to preview your website

Find out how you links look like before even posting them on social media.

Open SocialPreview.io

flayyer.io

Og:Image as a Service

Create templates with React.js and Vue.js. Upload your amazingly crafted flayyers to our cloud and use them to render thousand of images.

Get started
This image was rendered using Flayyer.ioCreate, deploy and update the <meta property="og:image" /> of your website. Checkout the integration guides.flayyer.com
https://flayyer.com/io/demo
import React from "react"
import { TemplateProps } from "@flayyer/flayyer-types";
import clsx from "clsx";
import "../styles/tailwind.css";
import logo from "../static/logo.svg";
// https://flayyer.io/v2/flayyer/flayyer-landing-demo/main.jpeg?title=Create+more+engagement
type Variables = { title: string, img?: string };
export default function MainTemplate({ agent, variables }: TemplateProps<Variables>) {
const { title, img = "https://images.unsplash.com/photo-1601933552240-d6b9e8e01cdc?w=1200" } = variables;
if (agent.name === FlayyerAgentName.WHATSAPP) {
return (
<Layer className="bg-gray-800 p-20">
<img src={logo} className="w-full h-full" />
</Layer>
);
}
return (
<div>
<Layer>
<img className="w-full h-full object-cover object-bottom" src={img} />
</Layer>
<Layer className="bg-gradient-to-r from-gray-900 opacity-70 mr-96" />
<Layer className="flex flex-col justify-center items-start px-12 py-12 w-1/2">
<img src={logo} className="w-24 h-24" />
<h1 className="text-8xl text-white tracking-tight font-semibold">
{title}
</h1>
</Layer>
</div>
);
}
function Layer({ className, ...props }: React.ComponentProps<"div">) {
return <div {...props} className={clsx("absolute inset-0", className)} />;
}

JavaScript

Use our universal URL formatter @flayyer/flayyer-js to integrate with any framework.

Express.js

Any Connect.js or Fastify framework can be integrated. Every view engine is supported too.

Gatsby

Gatsby.js

We love JAMStack and of course Gatsby is supported. Checkout our guide.

next-black

Next.js

Flayyer was heavily inspired by this framework, even this site is built with Next.js

Python

We created a pip package flayyer so you don't have to deal with URL encoding. Framework agnostic.

Django

I have been using this framework for many years. I personally crafted a guide and example for Django lovers.

Ruby

Our official gem flayyer is available and ready to be installed. Framework agnostic.

Ruby on Rails

Superpower your Rails app with Flayyer. We are building a gem to make this more automatic.

Official PHP Logo

PHP

Many people asked for a Wordpress plugin so we created this agnostic PHP library with Composer: flayyer/flayyer

Wordpress

For your blog, e-commerce, portafolio, or any type of website you have! Checkout flayyer/flayyer-wp

Globally distributed service with edge technology

Ensures the best experience for users by delivering fast responses when a link is shared thanks to our global caching system.

PlanetPlanet avatar 01Planet avatar 02

Templates created

342+

Images delivered

21.7K+

Data served

18GB+

Availability

99.95%

90% of companies neglect their previews

Businesses spend thousands of dollars on advertisements but people keep ignoring them.
When users share your links, there is a higher chance of getting clicks. Don't miss that opportunity!!

gallery
gallery
gallery
gallery
gallery
gallery