Cómo insertar un flipbook en tu sitio Wix

Wix facilita construir un sitio web pulido sin escribir código, pero agregar contenido interactivo como un flipbook puede parecer complicado al principio. La buena noticia es que insertar un flipbook de FlipLink en tu sitio Wix toma solo unos minutos — sin necesidad de experiencia en programación.

En esta guía, aprenderás cómo obtener tu código de inserción de FlipLink, colocarlo en el editor de Wix y ajustarlo para que tu flipbook se vea bien en cada tamaño de pantalla.

¿Por qué insertar un flipbook en tu sitio Wix?

Los PDF estáticos enterrados detrás de enlaces de descarga no enganchan a los visitantes. Un flipbook insertado permite a las personas hojear tu contenido directamente en la página con animaciones realistas de paso de página en 3D. Eso significa:

• Mayor interacción — los visitantes interactúan con tu contenido en lugar de navegar hacia un visor de PDF
• Mayor tiempo en página — los elementos interactivos mantienen a las personas explorando
• Presentación profesional — catálogos, portafolios, revistas y folletos se ven mucho más pulidos como flipbooks
• Sin descargas necesarias — todo carga directamente en el navegador

Ya sea que muestres un catálogo de productos, un informe corporativo o una revista digital, insertar siempre supera a enlazar.

Qué necesitas

Antes de empezar, asegúrate de tener:

1. Una cuenta de FlipLink con al menos un flipbook publicado (regístrate aquí si aún no lo hiciste)
2. Acceso al Editor de Wix de tu sitio web
3. El código de inserción o URL para compartir de tu flipbook de FlipLink

Eso es todo. No se necesitan plugins premium de Wix ni aplicaciones de terceros.

Paso 1: obtén tu código de inserción de FlipLink

Primero, obtén el código de inserción del flipbook que quieres mostrar.

1. Inicia sesión en tu panel de FlipLink en go.fliplink.me
2. Abre el flipbook que quieres insertar
3. Haz clic en el botón Compartir en la barra de herramientas
4. Selecciona la pestaña Insertar
5. Copia el código iframe de inserción proporcionado

El código se ve así:

<iframe
  src="https://go.fliplink.me/view/your-flipbook-id"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

FlipLink te da un fragmento iframe listo para usar, así que no necesitas construir nada manualmente. Para una visión más profunda de las opciones de inserción, consulta la página de funciones de Compartir y Distribución.

Paso 2: agrega un elemento de inserción HTML en Wix

Ahora cambia al editor de tu sitio Wix.

1. Abre el Editor de Wix de tu sitio
2. Navega a la página donde quieres que aparezca el flipbook
3. Haz clic en el botón Agregar (+) en la barra de herramientas izquierda
4. Selecciona Código de inserción en el menú
5. Elige Insertar HTML
6. Un widget HTML gris aparecerá en tu lienzo — arrástralo a la posición deseada en la página

Este widget es donde vivirá tu flipbook.

Paso 3: pega el código de inserción

1. Haz clic en el widget de inserción HTML que acabas de colocar
2. Selecciona Ingresar Código
3. Asegúrate de que el modo esté configurado en HTML (no en URL)
4. Pega el código iframe que copiaste de FlipLink
5. Haz clic en Actualizar o Aplicar

Tu flipbook ahora debería renderizarse dentro del widget. Verás el visor interactivo directamente en la vista previa del editor de Wix.

Paso 4: redimensiona y posiciona el flipbook

Las dimensiones predeterminadas del iframe pueden no coincidir perfectamente con el diseño de tu página. Aquí tienes algunos consejos para ajustar el tamaño correctamente:

Establece una buena altura

Una altura de 500–700 píxeles funciona bien para la mayoría de los flipbooks. Si tu contenido tiene orientación horizontal (como un catálogo extendido), opta por más alto — alrededor de 650–700px. Para documentos verticales, 500–600px suele ser suficiente.

Hazlo de ancho completo

Para que el flipbook se extienda a lo largo del área de contenido, ajusta el ancho del widget para que coincida con la columna de contenido de tu página. En el editor de Wix, arrastra los bordes del widget HTML para llenar el espacio disponible, o usa la opción de diseño Estirar si tu plantilla de Wix lo permite.

Consideraciones de responsividad

Wix maneja el comportamiento responsivo de forma diferente al HTML tradicional. Algunas cosas a tener en cuenta:

• El widget de inserción HTML no se redimensiona automáticamente en móvil en el editor clásico de Wix — puede que necesites ajustar la versión móvil por separado
• En el editor móvil de Wix, haz clic en el widget HTML y redimensiónalo para pantallas más pequeñas
• Configura el ancho del iframe a 100% en tu código de inserción para que llene cualquier contenedor que Wix proporcione
• Considera reducir la altura a 400–500px en móvil para que el flipbook no domine toda la pantalla

Si usas Wix Studio (antes Editor X), tienes más control sobre los puntos de quiebre responsivos y puedes configurar el widget para que se escale fluidamente.

Paso 5: configura el whitelisting de dominio

Si habilitaste restricciones de dominio en tu flipbook por seguridad, necesitarás incluir en la lista blanca tu dominio de Wix para que la inserción cargue correctamente.

1. Ve a tu panel de FlipLink
2. Abre los ajustes del flipbook
3. Navega a la sección de Whitelisting de Dominio
4. Agrega el dominio de tu sitio Wix (por ejemplo, www.tunegocio.com o tuusuario.wixsite.com)
5. Guarda los cambios

Sin el whitelisting, los visitantes pueden ver un mensaje de bloqueo en lugar de tu flipbook. Si usas un dominio personalizado conectado a Wix, incluye en la lista blanca ese dominio en lugar de la dirección predeterminada .wixsite.com.

Solución de problemas comunes

El flipbook no aparece en el editor

• Asegúrate de seleccionar el modo HTML, no el modo Dirección de Sitio Web en el widget de inserción
• Verifica que tu flipbook esté publicado (no en estado borrador) en FlipLink
• Comprueba que la URL src del iframe sea correcta y accesible en una pestaña normal del navegador

El flipbook carga pero se ve cortado

• Aumenta la altura del widget de inserción HTML en el editor de Wix
• Asegúrate de que el atributo width del iframe esté configurado en 100%
• Verifica que ningún contenedor padre en tu diseño Wix esté recortando el widget

El flipbook muestra un cuadro blanco vacío

• Tu flipbook puede tener habilitado el whitelisting de dominio — agrega tu dominio de Wix a la lista permitida
• Limpia la caché de tu navegador y recarga la página
• Intenta abrir la URL del flipbook directamente en una nueva pestaña para confirmar que carga

La inserción se ve diferente en móvil

• Cambia al editor móvil en Wix y ajusta el tamaño del widget por separado
• Reduce la altura del iframe para móvil para evitar desplazamiento excesivo
• Prueba en un dispositivo móvil real, ya que la vista previa móvil de Wix a veces difiere del comportamiento real

Alternativa: enlazar en lugar de insertar

Si insertar no es ideal para tu diseño — tal vez quieres una página más limpia o tu flipbook es muy largo — puedes enlazarlo en su lugar.

1. Copia el enlace para compartir de FlipLink (no el código de inserción)
2. Agrega un botón o enlace de texto en tu página de Wix
3. Configura el enlace para que abra la URL de tu flipbook en una nueva pestaña

Este enfoque funciona bien para:

• Campañas de email donde diriges tráfico a una página dedicada del flipbook
• Menús de navegación donde quieres un enlace directo a un catálogo o revista
• Landing pages donde prefieres una sección hero limpia con un botón CTA

También puedes crear una página dedicada en tu sitio Wix que contenga solo el flipbook insertado, y luego enlazar a esa página desde tu navegación u otro contenido.

Consejos para una mejor experiencia de flipbook en Wix

• Coloca el flipbook debajo del pliegue si la página tiene otro contenido importante arriba — las inserciones grandes pueden empujar información clave hacia abajo
• Agrega contexto arriba de la inserción con un encabezado corto y descripción para que los visitantes sepan qué están viendo
• Usa un marcador de posición de carga — agrega una nota breve como "Cargando flipbook..." arriba del widget para conexiones lentas
• Mantén tu flipbook optimizado — comprime tu PDF antes de subirlo a FlipLink para tiempos de carga más rápidos
• Prueba en múltiples dispositivos antes de publicar — verifica en escritorio, tableta y teléfono para asegurarte de que todo se vea bien

Guías relacionadas

Si estás insertando flipbooks en otras plataformas, estas guías te llevan paso a paso por el proceso:

• Cómo insertar un PDF en cualquier sitio web
• Cómo insertar un flipbook en WordPress
• Cómo insertar un flipbook con iframe

Comienza a insertar tu flipbook hoy

Colocar un flipbook de FlipLink en tu sitio Wix es sencillo: copia el código de inserción, colócalo en un widget HTML, ajusta el tamaño y publica. Todo el proceso toma menos de cinco minutos.

Si aún no creaste tu flipbook, regístrate en FlipLink y sube tu primer PDF. Consulta nuestra página de precios para ver el lifetime deal — un solo pago, sin suscripciones, y acceso completo a todas las funciones incluyendo códigos de inserción, dominios personalizados y analíticas.