Mejora las previews de tus links

Cuenta una historia desde cuando comparten tu sitio web en redes sociales. Genera mayor engagement y asegura la mejor primera impresión.

Transforma las interacciones de las personas en oportunidades de marketing

Creamos nuevas estrategias para tu marketing orgánico. Impulsa a las personas a compartir tus links y aumenta las visitas en un 200%

Obtén mejores insights

Comprende como se comparte el contenido de tu sitio web

¿Qué red social?

La mayoría de los servicios de analítica solo pueden comenzar a hacer el seguimiento cuando los usuarios visitan los sitios web. Flayyer está un paso adelante.

¿Qué artículos son más populares?

Las visitas al sitio y las ventas no son lo mismo. Te ayudamos a comprender mejor el comportamiento de tus clientes de acuerdo a cada producto o publicación.

¡Mi publicación se volvió viral!

Te notificamos cuando un link se comparte con frecuencia. ¡Así puedes actuar rápido!

women studying their website share analytics
¡Pronto muchas más!

Flayyer se integra con todo

Shopify

¡Nos encanta esta plataforma! La integración es tan simple como cambiar cinco líneas del código de tu tema.

logo 2

JumpSeller

Si te interesa usar Flayyer con JumpSeller, nosotros nos encargamos de la instalación, sin costos extras.

Magento

Somos compatibles con cualquier proveedor basado en Wordpress. ¡Mejora tus ventas con Flayyer!

WooCommerce

Crea vistas previas increíbles para tus productos de WooCommerce. ¡Es muy fácil!

PrestaShop

Cualquier sitio de e-commerce, el que quieras. ¡Integra PrestaShop con Flayyer!

Wordpress

Entendemos que no todo es e-commerce, ¡Impulsa a que tu blog o sitio se haga viral!

Squarespace

Lo sabemos, tu sitio es hermoso; te ayudamos a que tus links también lo sean.

Wix

Usa Flayyer en tu sitio web o e-commerce de Wix. ¡Nosotros lo instalamos por ti, sin costos extras!

Bootic

¡También soportamos Bootic! Mejora tus ventas empezando por hoy.

VTEX

Esta plataforma está creciendo rápidamente. ¡Intégrala con Flayyer!

Prueba nuestra aplicación web gratuita

Comprueba como se ven tus links antes de publicarlos.

Descubre SocialPreview.io

flayyer.io

Og:Image as a Service

Crea plantillas con React.js y Vue.js. Sube tus increíbles diseños de plantillas a nuestra nube y úsalas para renderizar miles de imágenes.

Comienza
Esta imagen fue creada usando Flayyer.ioCambia la <meta property="og:image" /> de tu sitio por un link de Flayyer. Revisa nuestras guías de integración.flayyer.com
https://flayyer.com/es/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

Usa nuestro formateador universal de URL @flayyer/flayyer-js para integrarnos a cualquier framework.

Express.js

Podemos ser integrados a cualquier framework Connect.js o Fastify. Cada view engine es compatible.

Gatsby

Gatsby.js

Amamos JAMStack, y por supuesto soportamos Gatsby. Echa un vistazo a nuestra guía.

next-black

Next.js

Flayyer fue tremendamente inspirado por este framework, nuestro sitio está desarrollado con Next.js

Python

Creamos un paquete pip flayyer para que no tengas que lidiar con la codificación URL. Independiente del framework.

Django

Hemos utilizado este framework por muchos años. Armamos especialmente una guía y un ejemplo para amantes de Django.

Ruby

Nuestra gema oficial flayyer ya está disponible y lista para ser instalada. Independiente del framework.

Ruby on Rails

Potencia tu app de Rails con Flayyer. Estamos desarrollando una gema para hacer esto más automático.

Official PHP Logo

PHP

Muchos nos pidieron un plugin para Wordpress, por eso creamos esta librería independiente de PHP con Composer: flayyer/flayyer

Wordpress

Para tu blog, e-commerce, portafolio, o cualquier tipo de sitio web que desees. Revisa flayyer/flayyer-wp

Un servicio distribuido globalmente mediante edge technology

Te garantizamos la mejor experiencia de usuario ofreciendo respuestas rápidas gracias a nuestro sistema global de caché.

PlanetPlanet avatar 01Planet avatar 02

Plantillas creadas

342+

Imágenes generadas

21.7K+

Datos descargados

18GB+

Disponibilidad

99.95%

El 90% de las compañías descuidan sus vistas previas

Empresas invierten miles de dólares en campañas publicitarias pero muchas personas las ignoran.
Cuando los usuarios comparten tus links hay una mayor probabilidad de que obtengas visitas. ¡No pierdas esa oportunidad!

gallery
gallery
gallery
gallery
gallery
gallery