Nos estamos preparando para el lanzamiento 😄

DevelopersFlyyer.io API

Mejora tus links en redes sociales

Flyyer es la plataforma Og:Image as a Service para administrar y previsualizar tus links. Potencia tu estrategia de marketing orgánico hoy mismo.

<meta
property="og:image"
// one-line integration 👇 just replace id and path
content="//cdn.flyyer.io/v2/:id/_/_/:path*"
/>
Houm.com logo
Global-crowd.com logo
Platanus Ventures logo
Spikeball.cl logo
QueAFP.cl logo

¿Has creado algo increíble

Example of bad link previews on social media

...pero se ve terrible en redes sociales?

No todos puedan usar un CMS, y aún así no todos los sistemas entregan links efectivos y llamativos.

Flyyer to improve your links

Por esto creamos Flyyer, para que puedas compartir con confianza

Administra y previsualiza tu sitio completo

Con Flyyer puedes importar y sincronizar tus páginas web en pocos minutos y conservar tu URL y dominio original.

1

Sincroniza tu sitio

Deja que nuestro crawler escanée tu website para encontrar páginas, estilos e imágenes.
2

Usa Flyyer CDN en tus og:image

Solo se necesita 1 linea de código para usar Flyyer CDN, además tenemos guías y plugins para esto.
3

Configura las reglas e imágenes

Maneja páginas de manera personalizada o en grupos usando una sintaxis tipo Express.js.
4

Listo!

Administra todas tus previews desde nuestro dashboard.
Showing how previously the link previews were bad on an cellphone and how much they improved with Flyyer
Dashboard of Flyyer to manage link previews

Genera confianza y compromiso

El internet es un salvaje mar de información, necesitas diferenciarte del resto.

CTR 57.6%

Increase your Click-Through Rate by improving your links.

Showing how previously the link previews were bad on an cellphone and how much they improved with Flyyer

Próximamente!

Flyy.ly links cortos con tu marca

Acortador de URLs para la siguiente generación de links y que genera confianza en tu audiencia.

Con Flyyer CDN para og:images conservas tu dominio original, pero también estamos trabajando en un servicio para que usuarios puedan re-brandear páginas fuera de su sitio web.

Obtén mejores insights

Comprende cómo 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. Flyyer está un paso adelante.

¿Qué artículos o páginas 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

Prueba nuestra aplicación web gratuita

Comprueba como se ven tus links antes de publicarlos.

Descubre LinkPreview.io

Flyyer Render

JavaScript-a-Imagen

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 { FlyyerRender } from "@flyyer/flyyer";
const flyyer = new FlyyerRender({
tenant: "flyyer",
deck: "charming-man",
template: "main",
variables: { title: "Atrae más personas a tu sitio" },
});
<meta property="og:image" content={flyyer.href()} />
<meta name="twitter:image" content={flyyer.href()} />
import React from "react"
import { Variable as V, Static } from '@flyyer/variables';
import { TemplateProps } from "@flyyer/types";
import clsx from "clsx";
import "../styles/tailwind.css";
import logo from "../static/logo.svg";
// Export 'schema' to declare variables
export const schema = V.Object({
title: V.String({ default: "This is a variable" }),
img: V.Image({ default: "/background.jpeg" }),
});
type Variables = Static<typeof schema>;
// https://cdn.flyyer.io/r/v2/flyyer/charming-man/main.jpeg?title=Atrae+m%C3%A1s+personas+a+tu+sitio
export default function MainTemplate({ variables, width, height, agent }: TemplateProps<Variables>) {
// Get parsed variables from querystring
const { title, img } = variables;
// Render component to image based on context
if (agent.name === FlyyerAgentName.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)} />;
}

Crea templates públicos y privados

Use tus tecnologías web favoritas como React, Vue o Tailwind para crear plantillas para tus propios proyectos o para compartirlas con la comunidad.

$ npm init flyyer-app@latest hello
? Select template setup:
react
react-styled-components
react-typescript-styled-components
react-typescript-tailwind
vue
vue-typescript
$ NODE_ENV=production npm run-script build
🌠 flyyer project successfully built!
$ npm run-script deploy
🖼 Created template with URL:
- https://cdn.flyyer.io/render/v2/flyyer/hello/main.png?title=Hello+World

JavaScript

Usa nuestro formateador universal de URL @flyyer/flyyer-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

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

Python

Creamos un paquete pip flyyer 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 flyyer ya está disponible y lista para ser instalada. Independiente del framework.

Ruby on Rails

Potencia tu app de Rails con Flyyer. 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: flyyer/flyyer

Wordpress

Para tu blog, e-commerce, portafolio, o cualquier tipo de sitio web que desees. Revisa flyyer/flyyer-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

847+

Imágenes generadas

630.976+

Datos descargados

50.5GB+

Disponibilidad

99.95%

Precios y planes

Todos los planes cuentan con créditos renovables, acceso a nuestro dashboard y templates gratis.

Gratuito

Prueba Flyyer sin compromiso para sitios web con pocas páginas.

Gratis

No credit card required

Crear cuenta
  • 20 páginas web

  • 300 créditos/mes

  • 3 website(s)

  • 1 usuarios(s)

  • Firma digital

Hobby

Para pequeños sitios web con pocas páginas

$12/mes

Obtén 2 meses gratis pagando anualmente

Seleccionar plan
  • 200 páginas web

  • 3000 créditos/mes

  • 3 website(s)

  • 3 usuarios(s)

  • URLs con firma digital

  • Analytics

Pro

Gran volumen para compañías con mucho contenido para compartir.

$36/mes

Obtén 2 meses gratis pagando anualmente

Seleccionar plan
  • 1000 páginas web

  • 10.000 créditos/mes

  • 3 website(s)

  • 5 usuarios(s)

  • Todo del plan Hobby

  • Imágenes Full HD

Escala

Masiva cantidad de imágenes para sitios web populares y virales.

$72/mes

Obtén 2 meses gratis pagando anualmente

Seleccionar plan
  • 3000 páginas web

  • 30.000 créditos/mes

  • 3 website(s)

  • Unlimited usuarios(s)

  • Todo del plan Pro

  • Soporte prioritario

Un crédito es una métrica para cuantificar las veces que se generan imágenes y se escanea el sitio web para obtener información. En condiciones normales 8 créditos son consumidos por 1 página al mes.

Requests subsiguientes a una misma imagen o recurso no debería consumir créditos.

Planes empresariales con soporte premium

Soluciones personalizadas, servers dedicados, instalación local, servicios de diseño y desarrollo.

Servicio prioritario

Si estás lidiando con alto tráfico o simplemente no quieres preocuparte de cuotas, este plan puede ser para ti. También incluímos servidores dedicados para mayor seguridad y menores tiempos de entrega.

Se puede incluir

  • Imágenes ilimitadas

  • Servers dedicados

  • Consultoría de diseño e ingeniería

  • Mayor velocidad, seguridad y privacidad

  • Configuración local

  • Canal de Slack compartido con los fundadores del proyecto.

Potencia tu marketing

Hablemos

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 item showing an example of Flyyer
gallery item showing an example of Flyyer
gallery item showing an example of Flyyer
gallery item showing an example of Flyyer
gallery item showing an example of Flyyer
gallery item showing an example of Flyyer

El equipo Flyyer.io

Este proyecto es desarrollado por solo dos ingenieros de Santiago, Chile 🇨🇱