Cómo incrustar Instagram Stories en tu web en 2024?

EmbedStories es una herramienta que puede sincronizarse con tus cuentas de Instagram y archivar tus historias de Instagram automáticamente.

How to embed Instagram stories on your website

Las historias de Instagram en los sitios web son cada vez más populares en estos días debido a la opción de añadir un enlace adhesivo y dirija a sus seguidores a su sitio web.

Y a medida que tu marca añade más y más contenido a sus historias de Instagram, ¿por qué no reutilizarlas y mostrar también un widget de historias de Instagram del sitio web?

De esta manera, puedes crear un feed para ampliar el alcance de tus historias de Instagram y ahorrar tiempo en la actualización de tu sitio web con tus últimas noticias.

Mostrar las historias de Instagram en un sitio web es posible, y puedes utilizar una aplicación que te ayude a sincronizar automáticamente las historias de Instagram con tu sitio web.

PARA SU INFORMACIÓN: Puede incrustar widget de historias de Instagram automáticamente en tu sitio web y mostrar tus historias de Instagram en segundos. Pruébalo ahora.

Image

Muestra automáticamente las historias de Instagram en tu sitio web

Genera e incrusta automáticamente historias de Instagram para desbloquear el potencial de ventas de tu sitio web.

7 días de prueba gratuita

Guía rápida: Incrusta las historias de Instagram en tu página web

  1. Regístrate en el widget de historias de Instagram.
  2. Vaya a Fuentes, seleccione Historias de Instagramy conecta la cuenta de Facebook que gestiona tu perfil de Instagram.
  3. Elija la cuenta de Instagram desde la que quieres generar historias y haz clic en Siguiente.
  4. Elige una plantilla de widget y crea tu propio widget de historias de Instagram.
  5. Copiar e incrustar el código del widget de historias de Instagram en tu sitio web.

Siga leyendo para obtener la pasos detallados sobre cómo puedes incrustar historias de Instagram. Aquí tienes una vista previa:

Cómo incrustar Instagram Stories automáticamente?

A continuación se detallan los pasos para crear un Widget de historias de Instagramgenera el código de incrustación, personaliza el widget e incrústalo en tu sitio web.

  1. Inscríbete para el widget de historias de Instagram;
  2. Haga clic en Fuentes y haga clic en el botón superior derecho Añadir nueva fuente';
    Go to Sources to add Instagram stories as a source
  3. En la página Fuentes, seleccione Historias y haga clic en Conectar la cuenta de Facebook para conectar con tu cuenta de Facebook y proporcionar los permisos necesarios;
    Select Instagram stories to add as a source
  4. Selecciona la cuenta de Instagram desde la que quieres generar las historias y haz clic en 'Crear widget‘;
    Select Instagram stories account
  5. En el editor de widgets, puedes elegir el diseño o hacer otras personalizaciones;
  6. Por último, haga clic en el botón Insertar y haga clic en Copiar código;
    Embed Instagram stories code
  7. Vaya a su sitio web y pegue el código en la sección del cuerpo de su sitio web.

Y ya está. Ahora, usted puede optar por incrustar Instagram historias widgets a su sitio web HTML o comprobar algunos de los constructores de CMS a continuación, dependiendo de la que se utiliza para construir su sitio web.

Tenga en cuenta lo siguiente: Según los requisitos de la plataforma Instagram, tu cuenta de Instagram debe estar conectada a una página de Facebook para que las aplicaciones de terceros puedan generar las historias de Instagram publicadas por esta cuenta.

A continuación te explicamos cómo conectar tu cuenta de Instagram a una página de Facebook >.

Para obtener una guía detallada, vea el siguiente vídeo:

Características del widget de historias de Instagram

Estas son algunas de las características del widget de historias de Instagram:

  1. Sincronizar automáticamente las historias de Instagram en un sitio web: Los usuarios pueden incrustar sus historias de Instagram directamente en su sitio web, que mostraría automáticamente las historias más recientes.
  2. Diseño personalizable: El widget permite a los usuarios personalizar su aspecto para adaptarlo al diseño de su sitio web. Esto puede incluir cambiar el tamaño, el marco, los colores, etc.
  3. Diseño adaptable: El widget es compatible con dispositivos móviles y cambia de tamaño en función del dispositivo del usuario.
  4. Actualizaciones automáticas: El widget se actualiza automáticamente con las nuevas historias a medida que las añades en Instagram.
  5. Controles de navegación: Los usuarios que ven las historias incrustadas en el sitio web disponen de controles como avance, retroceso, pausa, etc.
  6. Integración analítica: Proporciona análisis sobre vistas, interacciones y otras métricas para las historias incrustadas.
  7. Compatibilidad: El widget es compatible con plataformas web populares como WordPress, Shopify, Wix, etc.
  8. Haz clic: Dirige a los usuarios desde la historia incrustada a la aplicación original de Instagram o al perfil de Instagram del usuario.

Más información:

Nuevas actualizaciones de Instagram

Funciones avanzadas de personalización

EmbedSocial ofrece funciones avanzadas para personalizar el diseño y el aspecto de la historia de Instagram en tu feed social o sitio web. Una vez que generes las historias, podrás crear widgets independientes para diferentes historias que pueden tener diferentes configuraciones.

Esto es lo que puedes hacer:

  • Mostrar la última historia de Instagram
  • Mostrar una historia de una fecha concreta
  • Ordenar por fecha
  • Intervalo de reproducción automática
  • Color del título
  • Mostrar título
  • Mostrar paginación
  • Mostrar navegación
  • mostrar fecha de la historia
  • mostrar nombre de usuario
  • mostrar foto de perfil

Compruebe esto widgets de historias de Instagram en directo que hemos publicado recientemente en nuestra cuenta de Instagram.

Por qué mostrar Instagram Stories en un sitio web?

Incrustar historias de Instagram en una plataforma de creación de sitios web puede ofrecer varios beneficios para marcas, influencers y empresas por igual. Aquí tienes cinco razones, junto con explicaciones, de por qué puede ser una estrategia valiosa:

Actualización de contenidos en tiempo real

Las historias de Instagram ofrecen una visión en tiempo real de las actividades, eventos o anuncios de una marca. Al incrustar estas historias en un sitio web, las empresas pueden mantener el contenido de su sitio web fresco y dinámico sin necesidad de actualizaciones manuales constantes. Los visitantes pueden ver los acontecimientos y promociones más recientes, lo que proporciona una sensación de inmediatez.

Aumentar la participación de los usuarios

Las historias son intrínsecamente atractivas por su naturaleza visual, sus pegatinas interactivas y su disponibilidad por tiempo limitado. Al trasladar este formato a un sitio web, las marcas pueden crear una experiencia de usuario más interactiva y envolvente, lo que puede aumentar el tiempo de los visitantes y profundizar su conexión con la marca.

Experiencia de marca unificada

Muchas marcas invierten significativamente en su estrategia de contenidos de Instagram y plataformas de creación de sitios web para reflejar la voz, el estilo y los valores de su marca. La incorporación de historias garantiza que los visitantes del sitio web experimenten una imagen de marca y un mensaje coherentes, y tiende un puente entre las redes sociales y la presencia oficial en línea de la marca.

Llegue a más personas e impulse el crecimiento de las redes sociales

Las empresas pueden promover su presencia en las redes sociales a un público más amplio mostrando historias de Instagram en un sitio web. Esta promoción cruzada puede animar a los visitantes del sitio web a seguir la marca en Instagram, ampliando el alcance de las redes sociales del equipo de apoyo de la marca y fomentando una comunidad en línea más grande.

Maximizar el rendimiento de la creación de contenidos

Producción Historias de Instagram de calidad a menudo requiere tiempo, esfuerzo y recursos. En lugar de dejar que el contenido desaparezca a las 24 horas (el tiempo de vida típico de una historia), incrustarlas en un sitio web da a estas historias una vida útil más larga y más visibilidad. Esto garantiza que más personas puedan ver el contenido e interactuar con él, maximizando el rendimiento del esfuerzo invertido en la creación de contenidos.

Incrustación o guardar historias de Instagram en un sitio web aumenta su atractivo y refuerza la sinergia entre las actividades de una marca en las redes sociales, su tienda en línea y su estrategia digital más amplia.

Reutiliza tu historia de Instagram

Las historias son la última tendencia en la publicación de contenidos. Son, sin duda, el formato de contenidos rey preferido por las agencias debido a su flexibilidad, las infinitas opciones creativas y las oportunidades de interacción digital con la audiencia.

Estos ingredientes naturales del formato de las historias imponen la necesidad de contar con herramientas más profesionales y sistemas de gestión de contenidos que ayuden a las agencias y marcas a archivar, reutilizar y ampliar la visualización de las historias en Google Sites y otras propiedades web.

Con el widget de historias de Instagram, puedes reutilizar la historia de Instagram incrustándola en tu sitio web.

Stories es un nuevo formato publicitario y un nuevo banner

Esta idea tan interesante te permitirá generar un código que podrás enviar a cualquier portal web o prueba social blogger que desea promocionar sus servicios y utilizar su posición dedicada en la portada de la web para mostrar su Instagram stories como anuncio.

Amplía el alcance de tu historia de Instagram

Asegúrate de aprovechar al máximo tu esfuerzo en la creación de la historia. Al mostrar la historia en tu sitio web o blog, en realidad ofreces un nuevo medio para que nuevos usuarios que quizá no te sigan en Instagram vean tu historia. Es una oportunidad para rentabilizar más el tiempo de producción de contenidos.

Si aún no tiene una cuenta, regístrese para una prueba gratuita e inserta tu primera historia de Instagram ahora mismo.

Muestra todos los formatos de tus historias en 1 widget

EmbedSocial ofrece opciones para subir fotos, vídeos o incluso historias de Pinterest Pin que puedes combinar en un widget junto con tus historias de Instagram.

Más información sobre estos widgets de historias:

Ejemplos de Instagram Stories en sitios web

Aquí tienes una lista de widgets de historias de Instagram incrustados en un sitio web:

Ejemplo de ventana emergente de Instagram Stories

Con este widget, puedes mostrar las últimas historias de Instagram en tu sitio web e informar a los visitantes sobre tus últimas actividades en Instagram.

Example of an Instagram stories widget

Ejemplo de slider de Instagram Stories

Tener las historias de Instagram en tu sitio web en formato slider te ayudará a potenciar la interactividad y a mostrar tus últimas noticias en un nuevo formato y con una interfaz muy fácil de usar.

Instagram stories widget example

Demostraciones de widgets de Instagram Stories

Para empezar con un widget de Instagram Stories preconstruido, consulta la biblioteca de plantillas y elige la que mejor se adapte a tu sitio web:

Insertar Instagram Stories en CMS

A continuación te mostramos los pasos sobre cómo incrustar historias de Instagram en cualquier creador de sitios web, donde no necesitarás conocimientos técnicos. Lo mejor es que lo haces una sola vez, y las historias de Instagram incrustadas se actualizarán automáticamente cada vez que publiques una nueva historia.

¿Cómo añadir historias de Instagram en Wix?

Si utilizas Wix como editor de tu sitio web, incrustar el código de las historias de Instagram desde EmbedSocial es extremadamente fácil. Estos son los pasos:

Primer paso: Accede a tu panel de control de Wix y abre el editor de sitios web.

Segundo paso: En el editor, elija la página y haga clic en la sección en la que desea colocar el código

Paso 3: En la barra lateral superior izquierda, haga clic en el botón + para añadir un nuevo elemento y seleccione Incrustar

Paso 4: En la ventana emergente, haga clic en la opción Fragmento de código.

Paso 5: Pegue el código en el campo y haga clic en 'Actualizacióncomo se muestra a continuación.

Inmediatamente aparecerá el widget de historias.

Más información sobre cómo incrustar historias de Instagram en Wix >

¿Cómo añadir historias de Instagram en WordPress?

WordPress es una de las plataformas de creación de sitios web más utilizadas, donde el proceso de incrustación es muy sencillo. Para añadir el código del widget de historias de Instagram de EmbedSocial, sigue estos pasos:

  1. Inicia sesión en tu sitio web WordPress y abre la página en la que quieres incrustar las historias de Instagram
  2. Haga clic en el botón + para añadir un nuevo bloque y busque HTML
  3. Pega el código copiado de EmbedSocial en el bloque HTML como se muestra a continuación.
Steps to embed instagram Stories code in WordPress

Más información sobre cómo incrustar historias de Instagram en WordPress >

¿Cómo añadir historias de Instagram en Squarespace?

Si tienes un sitio web Squarespace, sigue estos pasos para incrustar historias de Instagram fácilmente:

  1. Inicia sesión en tu sitio web Squarespace y abre el editor
  2. Haz clic en la sección en la que quieras incrustar las historias de Instagram y pulsa 'Añadir bloque".
  3. Busca y selecciona 'Embed' de la lista de bloques.
    Embed reviews widget in Squarespace
  4. Paso 4: En la ventana emergente, haga clic en 'Fragmento de código y, a continuación, haga clic en 'Insertar datos.’
    Embed social media feed in Squarespace HTMl block
  5. Por último, pegue el código en el área HTML.

Puede hacer clic en Vista previa en modo seguro para ver el widget en el editor, guardar los cambios y ver el widget en vivo en tu sitio web Squarespace.

Más información sobre cómo incrustar historias de Instagram en Squarespace >

¿Cómo añadir historias de Instagram en Weebly?

El código de las historias de Instagram de EmbedSocial funciona para Weebly como en cualquier otro sistema de gestión de contenidos. Estos son los pasos:

  1. Acceda al panel de administración de su sitio web Weebly en la sección Páginas web haga clic en Editar sitio
  2. Una vez abierto el editor del sitio web, en la sección de elementos de la izquierda, haga clic en Mostrar todos los elementos y encontrar el Código de incrustación elemento
  3. Arrastre y suelte el Código de incrustación en la zona donde quieras añadir el widget de historias de Instagram.
  4. En la ventana emergente, haga clic en Editar HTML personalizado y pegue el código en el área HTML.
Embed Instagram stories code in Weebly

El widget aparecerá inmediatamente.

Más información sobre cómo incrustar historias de Instagram en Weebly >

Cómo añadir historias de Instagram en Shopify?

A continuación te mostramos cómo incrustar fácilmente las historias de Instagram en tu sitio web de Shopify:

  1. Inicia sesión en tu sitio web de Shopify, navega hasta Páginas y abre la página en la que deseas incrustar el código
  2. En el editor de texto, haga clic en el botón Icono HTML y pega el código que has obtenido de EmbedSocial
  3. Haga clic en Guardar y abre la página en una pestaña nueva para ver tu widget de historias de Instagram.
Steps to embed Instagram stories feed in Shopify

Leer más cómo incrustar historias de Instagram en Shopify >

Bonificación: Insertar widget de Instagram Stories gratis

Libre para siempre Widget de Instagram Stories puede ayudarle a mostrar su Lo más destacado de Instagram o historias en un diseño popover. Revivirá tu sitio web y te ayudará a reutilizar contenidos para llegar a nuevos públicos más allá de la aplicación de Instagram.

¿Preparado para sacar el máximo partido a tus historias de Instagram?

EmbedSocial permite capturar, guardar e incrustar historias de Instagram en cualquier sitio web.

Simplificar el proceso de capturar, guardar e incrustar historias de Instagram no solo amplifica el alcance de estas narrativas efímeras, sino que también crea nuevas vías para la promoción y el compromiso de las marcas.

¡Amplía el alcance de tu historia de Instagram hoy mismo!

PARA SU INFORMACIÓN: Puede incrustar widget de historias de Instagram automáticamente en tu sitio web y mostrar tus historias de Instagram en segundos. Pruébalo ahora.

Image

Muestra automáticamente las historias de Instagram en tu sitio web

Genera e incrusta automáticamente historias de Instagram para desbloquear el potencial de ventas de tu sitio web.

7 días de prueba gratuita

Cofundador de EmbedSocial y responsable de crecimiento. Anterior propietario de una empresa asociada a Facebook y de una agencia de marketing digital. Fanático de las API de marketing y de Call of Duty.