Cómo poner un flipbook en una página de GoDaddy Website Builder, paso a paso

¿Quieres un catálogo, un menú o un folleto que de verdad pase páginas en tu sitio de GoDaddy? Este tutorial muestra cómo convertir un PDF en flipbook, copiar el código para incrustarlo, pegarlo en una sección de GoDaddy Website Builder y corregir los problemas habituales de tamaño y de dispositivos móviles.

Cómo poner un flipbook en una página de GoDaddy Website Builder, paso a paso
Cristian Da Conceicao
Fundador de Flipbooks AI

Un enlace a un PDF en tu sitio web es donde la atención de los visitantes se pierde. La gente hace clic, espera una descarga, entrecierra los ojos ante un texto diminuto en el teléfono y se va. Un flipbook soluciona eso. Muestra tu catálogo, menú o folleto como una publicación real con paso de página dentro de tu propio sitio. Este tutorial muestra exactamente cómo poner un flipbook en una página de GoDaddy Website Builder con Flipbooks AI, incluso si nunca has escrito una línea de código.

Todo el proceso toma unos quince minutos: convierte tu PDF, copia un código para incrustar, pégalo en una sección de GoDaddy y publica. Abajo encontrarás cada clic, los errores comunes y algunos ejemplos reales de pequeñas empresas.

Por qué los flipbooks superan a los enlaces a PDF

Manos escribiendo en una laptop sobre una mesa de cafetería

GoDaddy Website Builder está pensado para la rapidez. Eliges una plantilla, editas el texto y publicas. Lo que no ofrece es una herramienta nativa para convertir un documento largo en algo interactivo. Ese es el vacío que llena un flipbook.

Un flipbook es una publicación digital con pasos de página realistas, zoom y un visor limpio que funciona en cualquier pantalla. Tus visitantes se quedan en tu página en lugar de saltar a un visor de PDF aparte.

Así se comparan las dos opciones en la práctica:

FunciónEnlace a PDF simpleFlipbook incrustado
Se abre dentro de tu páginaNo, en una pestaña nueva o en una descargaSí
Efecto de paso de páginaNingunoAnimación realista
Lectura en dispositivos móvilesPellizcar y desplazarseDiseño adaptable
ActualizacionesVolver a subir y volver a enlazarActualizas una vez y la incrustación se mantiene
SeguimientoCasi ningunoVisualizaciones y datos de lectura
Aspecto profesionalDepende del visorSiempre

💡 Consejo: Si tu documento tiene más de unas pocas páginas, un flipbook casi siempre mantiene a la gente leyendo más tiempo que un enlace a PDF, porque la primera página se ve sin hacer ningún clic.

Quién saca más provecho

No todas las empresas lo necesitan, pero estas sí:

  • Restaurantes y cafeterías con un menú de temporada
  • Boutiques y tiendas con un catálogo de productos o un lookbook
  • Agentes inmobiliarios con folletos de propiedades
  • Fotógrafos y diseñadores con portafolios
  • Empresas de servicios con listas de precios y presentaciones de capacidades

Qué necesitas antes de empezar

Vista aérea de un escritorio con un catálogo, una tableta y una libreta

Reúne cuatro cosas antes de abrir cualquier editor:

  1. Un PDF terminado. Expórtalo desde Canva, Word, InDesign o Google Docs. Si puedes, procura que pese menos de 50 MB.
  2. Un sitio en GoDaddy Website Builder. Sirve cualquier sitio publicado o en borrador para hacer pruebas.
  3. Una cuenta en Flipbooks AI. Crea una cuenta gratuita para seguir el tutorial.
  4. Cinco minutos de paciencia para la primera incrustación. La segunda te toma dos.

Revisa primero tu plan

GoDaddy ofrece distintos planes para su constructor, y la posibilidad de añadir HTML personalizado o código para incrustar puede depender del plan que tengas. Si no encuentras la opción que se describe abajo, revisa tu plan en tu cuenta de GoDaddy o pregunta al soporte de GoDaddy. Los menús y las etiquetas también cambian de vez en cuando, así que toma los nombres de este tutorial como una guía aproximada y no como una promesa.

⚠️ Advertencia: No pegues código para incrustar en un cuadro de texto pensado para texto plano. Aparecerá como código sin formato en tu página publicada. Usa solo una sección de código o de incrustación.

Paso uno: convierte tu PDF

Primer plano de un dedo sobre el trackpad de una laptop

Antes, esta parte requería un desarrollador. Ahora basta con arrastrar y soltar.

  1. Abre Flipbooks AI e inicia sesión.
  2. Haz clic en el botón de subida y elige tu PDF. También puedes usar directamente el Conversor de PDF a flipbook.
  3. Espera un momento mientras se convierten las páginas. El texto se mantiene nítido y los enlaces dentro del PDF siguen funcionando.
  4. Abre la vista previa y pasa todas las páginas. Comprueba que nada quede recortado.

Personaliza el aspecto

Antes de compartirlo, dedica dos minutos a los detalles. El visor debería parecer parte de tu marca, no un objeto extraño en tu página.

  • Color de fondo: que coincida con tu plantilla de GoDaddy para que el visor se integre
  • Marca: añade tu logotipo para que los lectores sepan de quién es el documento que tienen en las manos
  • Efectos de página: elige el estilo y la velocidad del paso de página
  • Multimedia: incrusta un video o un audio en una página cuando ayude
  • Sin marcas de agua: Flipbooks AI nunca pone su logotipo en tu trabajo

✅ Buena práctica: Elige un fondo para el visor que coincida con el color de la sección en tu página de GoDaddy. Una diferencia de color es la forma más rápida de que una incrustación se vea barata.

Paso dos: copia el código para incrustar

El código para incrustar es un fragmento corto, normalmente un iframe, que indica a tu sitio web de dónde cargar el flipbook.

  1. En tu panel de flipbooks, haz clic en Compartir.
  2. Elige la pestaña Incrustar.
  3. Elige un ancho y un alto. Empieza con 100% de ancho y una altura de unos 600 a 700 píxeles.
  4. Haz clic en Copiar código.

Para más detalles sobre esta función, consulta la página de la herramienta Incrustar flipbook en sitio web.

Incrustar, enlazar o ambos

Tienes tres opciones para compartir, y cada una tiene su propósito:

OpciónIdeal paraDónde funciona
Código para incrustarMostrar el flipbook dentro de una páginaSecciones de GoDaddy, cualquier sitio con HTML
Enlace directoCorreos, publicaciones en redes, códigos QREn cualquier lugar
Enlace con contraseñaListas de precios privadas, propuestas para clientesEn cualquier lugar

Paso tres: añádelo a GoDaddy

Dos colegas revisando un sitio web en un monitor grande

Ahora viene lo principal. Abre tu cuenta de GoDaddy y ve al editor de Website Builder de tu sitio.

  1. Abre la página donde debe aparecer el flipbook. Una página dedicada, como "Catálogo" o "Menú", funciona mejor que la página de inicio.
  2. Haz clic para añadir una sección nueva en el lugar donde quieres el flipbook. Desplázate entre las secciones existentes y usa el botón de añadir.
  3. Busca la opción de código o incrustación. Busca un tipo de sección llamado algo como HTML, Código personalizado o Incrustar. Elígelo.
  4. Pega el código para incrustar que copiaste de Flipbooks AI en el cuadro.
  5. Guarda o aplica la sección.
  6. Previsualiza la página en equipo de escritorio y en dispositivos móviles usando la vista previa del editor.
  7. Publica cuando todo se vea bien.

Ideas de ubicación que funcionan

Dónde pones el flipbook importa tanto como la forma en que lo incrustas.

  • Colócalo debajo de un párrafo introductorio corto para que los visitantes sepan qué están viendo
  • Dale su propia página si el documento es lo principal
  • Añade un botón de descarga debajo para quien quiera una copia
  • Enlázalo desde tu menú de navegación con una etiqueta clara como "Menú" o "Catálogo"

💡 Consejo: Pon una frase encima del flipbook que indique a la gente que haga clic en las esquinas de las páginas o en las flechas para pasarlas. Así no quedan dudas.

Ejemplos reales de pequeñas empresas

Joven sosteniendo una tableta en una panadería

Verlo en acción aclara la decisión. Estos son escenarios que coinciden con la forma en que la gente usa realmente esta configuración.

Una panadería de barrio crea su sitio en GoDaddy en una tarde. Las ofertas de la semana cambian cada viernes. La dueña exporta un PDF nuevo, reemplaza el flipbook y la página del menú se actualiza sin tocar el sitio. El Creador de flipbooks de menú de restaurante encaja muy bien con este caso.

Una dueña de boutique tiene un lookbook de primavera con 24 páginas de fotografía de producto. En lugar de una galería con 24 imágenes que gestionar, incrusta un solo flipbook. Las clientas navegan como si hojearan una revista. Mira el Diseñador de lookbooks interactivos para inspirarte.

Un agente inmobiliario guarda un folleto por cada propiedad. Cada uno tiene su propia página en GoDaddy con un flipbook incrustado, más un enlace directo para enviar por mensaje de texto. El Creador de folletos inmobiliarios está hecho para esto.

Una fotógrafa de bodas muestra un ejemplo de álbum en su página de portafolio. El Flipbook de álbum de boda da a los clientes la sensación de un álbum impreso sin tener que enviarlo.

Esta es una comparación rápida de qué herramienta conviene a cada negocio:

Tipo de negocioDocumentoHerramienta sugerida
Cafetería o restauranteMenúCreador de flipbooks de menú de restaurante
Tienda de productosCatálogoGenerador de catálogos de productos
Agente o corredorFolletoCreador de folletos inmobiliarios
FotógrafoPortafolioPortafolio fotográfico
ConsultorPropuesta o presentaciónDiseñador de flipbooks de presentaciones

Explora todas las herramientas de flipbook para encontrar la opción más cercana a tu documento.

Corrige problemas de tamaño y de dispositivos móviles

Teléfono mostrando un sitio web adaptado a móviles

Aproximadamente la mitad de tus visitantes verá la página en un teléfono. Revísala primero ahí.

El flipbook se ve demasiado pequeño

Aumenta el valor de la altura en el código para incrustar. Una altura de 650 a 750 píxeles es un rango cómodo para la mayoría de los diseños. Usa 100% para el ancho para que llene la sección.

El flipbook aparece recortado

Algunas secciones de GoDaddy tienen una altura fija. Aumenta la altura de la sección en el editor o reduce la altura en tu código para incrustar para que coincidan.

No se muestra en absoluto

Revisa esta lista:

  1. ¿Pegaste el código completo, incluidas las etiquetas de apertura y cierre?
  2. ¿La sección es de tipo código o incrustación, y no de texto plano?
  3. ¿Publicaste después de guardar?
  4. ¿Borraste la caché del navegador y recargaste la página?

Errores comunes de un vistazo

ErrorQué pasaSolución
Pegar código en un bloque de textoAparece código sin formato en la páginaUsa una sección HTML o de incrustación
Ancho fijo en píxelesSe rompe en teléfonosUsa 100% de ancho
PDF muy pesadoCarga lentaComprime las imágenes antes de exportar
Olvidar publicarEl sitio publicado no cambiaHaz clic en publicar después de cada cambio
Fondo de bajo contrasteDifícil de leerAjusta el visor al color de la página

⚠️ Advertencia: Prueba siempre en un teléfono real, no solo en la vista previa del editor. Los dispositivos reales revelan problemas de espaciado que la vista previa puede ocultar.

Funciones avanzadas que vale la pena usar

Cuaderno con un boceto a mano de una página web

Una vez que la incrustación básica funciona, algunos extras hacen que el flipbook se gane su lugar en tu sitio.

  • Estadísticas: mira cuánta gente abre el flipbook y qué páginas lee. Es una función del plan Professional, así que revisa los planes y precios.
  • Captación de contactos: pide un correo electrónico antes de que un visitante lea un documento premium, como una lista de precios mayorista.
  • Protección con contraseña: mantén el material privado para tus clientes detrás de una contraseña.
  • Descargas sin conexión: deja que los lectores guarden la publicación para más tarde.
  • Flipbooks ilimitados: disponibles en el plan Standard y superiores, muy útil si gestionas un catálogo para cada temporada.

Actualizar sin volver a incrustar

Esta es la función que más aprecian los dueños ocupados. Cuando cambias el contenido, actualizas el flipbook en tu panel de Flipbooks AI. La incrustación en tu página de GoDaddy sigue apuntando a la misma publicación, así que no tienes que volver a tocar el sitio web.

Una lista rápida para lanzar

Fotógrafa sonriendo en un pequeño estudio con una laptop

Antes de darlo por terminado, repasa esta lista:

  • PDF exportado con una resolución nítida
  • Flipbook revisado página por página
  • Marca y colores configurados
  • Código para incrustar pegado en una sección de código o de incrustación
  • Altura y ancho de la sección ajustados
  • Vista previa en dispositivos móviles revisada en un teléfono real
  • Frase corta con instrucciones añadida encima del flipbook
  • Página enlazada desde el menú principal
  • Sitio publicado

Haz que sea fácil de encontrar

Un flipbook que nadie encuentra no sirve de nada. Añade un título claro a la página, una descripción breve y un enlace desde tu página de inicio. Comparte también el enlace directo en redes sociales y en las firmas de correo.

¿Listo para publicar el tuyo?

Agente inmobiliario mostrando un folleto a una pareja

Ahora tienes todo lo necesario para añadir una publicación interactiva a tu sitio. Los pasos son breves: convierte el PDF, copia el código para incrustar, pégalo en una sección de código de tu página de GoDaddy, ajusta el tamaño y publica.

¿Listo para crear tu primer flipbook? Empieza gratis en Flipbooks AI. Explora las herramientas y plantillas para encontrar el formato adecuado para tu documento, y compara los planes y precios cuando quieras estadísticas, captación de contactos y flipbooks ilimitados. Cuando estés listo para mejorar el plan, puedes elegir un plan aquí.

Compartir este artículo

Elige tu idioma