Compartir e incrustar tu flipbook

Una vez que tu flipbook está publicado, querrás hacerlo llegar a tu audiencia. ZenFlip te ofrece múltiples formas de compartir e incrustar tus publicaciones.

Compartir por enlace directo

Cada flipbook publicado tiene su propia URL única. Para encontrarla:

1. Abre la publicación desde tu panel de control

2. Haz clic en el botón Share

3. Copia el enlace directo

El formato de la URL es: https://zenflip.io/view/slug-de-tu-publicacion

Si has configurado un dominio personalizado, el enlace usará tu dominio en su lugar. Puedes compartir este enlace en cualquier lugar: email, aplicaciones de mensajería, redes sociales o documentos.

Compartir en redes sociales

Cuando compartes el enlace de tu flipbook en redes sociales o plataformas de mensajería, ZenFlip genera automáticamente una tarjeta de vista previa enriquecida con:

• El título de tu flipbook

• La descripción que configuraste en los ajustes de la publicación

• Una miniatura de la portada

Para las mejores vistas previas en redes sociales, asegúrate de haber añadido un título y descripción descriptivos en la configuración de tu publicación.

Incrustar en tu sitio web

Incrustar te permite colocar tu flipbook directamente en una página web para que los visitantes puedan leerlo sin salir de tu sitio. ZenFlip ofrece dos métodos de incrustación.

Opción 1: Incrustación por iFrame

El método iframe es la forma más sencilla de incrustar. Funciona en prácticamente cualquier sitio web, CMS o constructor de páginas de destino.

1. Abre la publicación desde tu panel de control

2. Haz clic en Share y luego selecciona la pestaña Embed

3. Elige iFrame como tipo de incrustación

4. Configura tu ancho y alto preferidos (o deja los valores por defecto)

5. Haz clic en Copy Code

6. Pega el código en el HTML de tu sitio web

El código generado se ve algo así:

Consejos para incrustaciones iframe:

• Usa width="100%" para hacer el flipbook responsivo

• Configura una altura que coincida con la relación de aspecto de tu publicación (600px funciona bien para la mayoría de documentos)

• Añade allowfullscreen para que los lectores puedan expandir a modo pantalla completa

Opción 2: Incrustación con widget JavaScript

La incrustación con widget JS te da más control sobre la apariencia y comportamiento del visor. Se carga de forma asíncrona y ofrece una integración más rica.

1. Abre la publicación desde tu panel de control

2. Haz clic en Share y luego selecciona la pestaña Embed

3. Elige JavaScript Widget como tipo de incrustación

4. Personaliza las opciones del widget (tamaño, reproducción automática, página inicial)

5. Haz clic en Copy Code

6. Pega el código en tu sitio web

La incrustación del widget JS incluye una etiqueta <script> y un contenedor <div>. Carga el visor dinámicamente y proporciona mejor rendimiento que un iframe estándar, especialmente para páginas con múltiples incrustaciones.

¿Qué método de incrustación elegir?

Nuestra recomendación: Usa el iframe si necesitas una solución rápida y universal. Usa el widget JS si quieres más control o planeas incrustar múltiples flipbooks en una sola página.

Incrustar en plataformas comunes

WordPress

Pega el código iframe o del widget JS en un bloque HTML personalizado en el editor de bloques de WordPress (Gutenberg).

Squarespace

Usa un Bloque de código en el editor de Squarespace y pega tu código de incrustación.

Webflow

Añade un elemento Embed a tu página y pega el código.

Notion

Notion soporta incrustaciones iframe nativamente. Pega el enlace directo de tu flipbook y Notion ofrecerá crear una incrustación automáticamente.

Flipbooks protegidos con contraseña

Si tu flipbook usa protección con contraseña, los visores incrustados solicitarán al lector que introduzca la contraseña antes de mostrar el contenido. La misma contraseña que configuraste en la configuración de la publicación se aplica tanto a enlaces directos como a incrustaciones.

Solución de problemas de incrustación

Si tu incrustación no se muestra correctamente:

• Asegúrate de que la publicación está configurada como Pública o Protegida con contraseña (las publicaciones privadas no se pueden incrustar)

• Comprueba que tu sitio web permite iframes de dominios externos

• Verifica que el código de incrustación fue pegado en un bloque HTML, no en un editor de texto enriquecido

• Consulta nuestra guía Solución de problemas del visor de flipbooks para más ayuda