Hey Developers!DevelopersPrueba nuestra API Flayyer.ioFlayyer.io API

Genera imágenes sociales usando tu sitio web

Automáticamente genera imágenes de marketing en multiples formatos para tus redes sociales y links

https://flayyer.ai/v2

Houm.com logoGlobal-crowd.com logoSpikeball.cl logoQueAFP.cl logo

Mejora tu presencia online

Flayyer provee toda la tecnología para asegurar la mejor imagen para cada una de tus páginas web.

Toma control de las previews de tus links

Lo primero que ven las personas es la imagen adjunta a los links, conocida como og:image. Flayyer permite que las compañías creen y administren esas imágenes.

Mantén tu URL propia

Respeta el dominio y todo el esfuerzo que has dedicado en SEO y pagerank. No pierdas tu URL con otros servicios que hacen lo mismo.

+57.6% en tu métrica Click-Through Rate

Expande tu funnel atrayendo aún más usuarios a tu sitio web.
Showing how previously the link previews were bad on an cellphone and how much they improved with Flayyer

Añade branding a tus links

Automáticamente añade tu marca y mejora tus links con contenido especial. Una imágen vale más que mil palabras.

Construye confianza desde la primera impresión

Hay un mar de información en internet y el contenido se pierda fácilmente. Haz que tus post sean relevantes otra vez.

Entrega contenido en menos tiempo

Desde el momento que creas contenido en tu sitio web tendrás lista una colección de imágenes para publicar en redes sociales.

Diseño que escala

Gasta menos tiempo en tareas repetitivas de diseño y dedica lo ahorrado en tareas donde los humanos somos los mejores: siendo creativos.

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 a nuestra nube y úsalas para renderizar miles de imágenes.

Comienza
import { FlayyerIO } from "@flayyer/flayyer";
const flayyer = new FlayyerIO({
tenant: "flayyer",
deck: "demo",
template: "main",
variables: { title: "Atrae más personas a tu sitio" }
});
<meta property="og:image" content="{flayyer.href()}" />
<meta name="twitter:image" content="{flayyer.href()}" />
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/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)} />;
}

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

550+

Imágenes generadas

330.594+

Datos descargados

24.9GB+

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