--- title: "Como incrustar historias de Instagram en tu sitio web [Guía completa + Ejemplos]" date: 2018-02-19 canonical_id: embed-instagram-stories locale_slug: incrustar-historias-instagram author: "dushkotalevski" category: - blog - instagram - tutorials - widgets summary: "EmbedSocial es una herramienta que puede sincronizarse con tus cuentas de Instagram y archivar automáticamente tus historias de Instagram." draft: false seo: title: "Como incrustar historias de Instagram en tu sitio web [Guía completa + Ejemplos]" description: "EmbedSocial es una herramienta que puede sincronizarse con tus cuentas de Instagram y archivar automáticamente tus historias de Instagram." structured_data: article --- { "@context": "https://schema.org", "@type": "Product", "name": "EmbedSocial-Skopje", "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "reviewCount": 60 } } Incrustar historias de Instagram en sitios web se está volviendo cada vez más popular ya que es una excelente forma para que las marcas mantengan su sitio web fresco y creen conexión con sus visitantes. Además, puedes llevar fácilmente a tus seguidores de Instagram a tu sitio web a través de [aplicaciones de enlace en biografía](/blog/best-link-in-bio-apps/) o simplemente agregando tu enlace de sitio web a tus posts a través de un [sticker de enlace](/blog/instagram-link-sticker). Para agregar este contenido de Instagram a tu sitio web, necesitas usar un [widget de sitio web de Instagram](/instagram-widget/), que puede ser completamente personalizado a tu gusto y se actualiza automáticamente. Te contaré todo sobre ese proceso en las secciones a continuación y por qué necesitas hacerlo tan pronto como sea posible. Además, encontrarás las mejores herramientas y ejemplos para hacerlo. ## **Guía rápida:** Incrustar historias de Instagram en tu sitio web en unos pocos pasos Incrustar historias de Instagram en páginas web es muy simple con las herramientas adecuadas. Por ejemplo, cuando usas [EmbedSocial](/), solo tienes algunos pasos a seguir: 1. [Regístrate](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) para un widget de historia de Instagram y una [plataforma UGC](/ugc/) completa. 2. Ve a **'Fuentes'** → **'Administrar cuentas'** y presiona **'Agregar nueva cuenta'**. 3. Toca **'Agregar cuenta de Instagram'** y aprueba la conexión de EmbedSocial a tu Instagram. 4. Vuelve a **'Fuentes' → 'Agregar nueva fuente'** y toca **'Instagram'**. 5. Elige **@Historias** como tu fuente y selecciona tu cuenta de IG de la lista. 6. Toca **'Crear widget'**, selecciona tu plantilla de widget y diseña tu widget. 7. Copia el código del widget de la pestaña **'Incrustar'** y pégalo en tu sitio web. Si aún no estás seguro de qué hacer, revisa este video interactivo del proceso: Eso es todo lo que tenías que hacer, y cuando termines, obtendrás algo como esto: (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")\[0\].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); El widget anterior también incluye nuestra funcionalidad de [UGC comprable](/blog/ugc-shoppable-widget-increase-sales/), que ayuda a tus clientes a navegar inmediatamente a tus páginas de productos para comprar el look. Sin embargo, antes de proceder, hay algunas cosas que debes tener en mente para un incrusting exitoso de historias de Instagram, que describo a continuación, y luego obtendrás la guía completa. ## Qué debes saber cuando incrustas historias en Instagram Antes de incrustar historias de Instagram en tu sitio web, entiende que la API de Instagram requiere que tu **cuenta de Instagram sea una cuenta Comercial o de Creador.** Tener una cuenta profesional de Instagram es necesario para autorizar cualquier aplicación de terceros, como [EmbedSocial](/), para acceder y mostrar tus historias. Además, **solo se pueden extraer historias activas (en vivo) de las últimas 24 horas** de Instagram. Las historias archivadas y destacadas no están disponibles a través de la API. Por último, una vez que se establece la conexión, el sistema **obtiene y actualiza automáticamente tus últimas historias mientras permanecen en vivo** en Instagram. > **Nota:** A diferencia de algunos competidores, EmbedSocial puede conectarse directamente a tu cuenta profesional de Instagram *sin* pasar a través de tu página de Facebook primero. Dicho esto, ya debes haber iniciado sesión en tu cuenta de Instagram en escritorio. ## **Guía completa:** Cómo incrustar historias de Instagram en el sitio web paso a paso Aquí están los pasos detallados para crear un [widget de historias de Instagram](/widgets/instagram-stories/) inmersivo, personalizarlo, generar su código incrusting, e incrustarlo en tu sitio web: ### Paso 1: Regístrate en la plataforma UGC de EmbedSocial Antes de hacer cualquier cosa, necesitas una cuenta de EmbedSocial. No te preocupes, también ofrecemos una [prueba gratuita de 7 días](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) para que puedas revisar todas nuestras características antes de comprometerte. ### Paso 2: Agrega tu cuenta de Instagram A continuación, debes navegar a **'Fuentes'** y tocar **'Agregar nueva cuenta'**: ![Navegando a la sección de cuentas sociales en embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/step1-add-new-account-embedsocial-1024x630.webp) ### Paso 3: Aprueba la conexión de EmbedSocial a tu Instagram Una vez que hagas eso, debes tocar **'Agregar cuenta de Instagram'** y aprobar la conexión: ![Agregando una cuenta de instagram a embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/step2-add-instagram-account-embedsocial.webp) ### Paso 4: Agregar Instagram como fuente en EmbedSocial Ahora que Instagram está conectado, es hora de agregar una fuente específica de Instagram, que puedes hacer a través de **'Fuentes' → 'Agregar nueva fuente'** y presionando **'Instagram'**: ![Agregando instagram como fuente en embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/step3-add-instagram-source-embedsocial-1024x697.webp) ### Paso 5: Elige @Historias como fuente y selecciona tu cuenta Tendrás que **tocar @Historias** en este punto y luego seleccionar tu cuenta de IG conectada: ![Seleccionar historias de instagram como fuente en embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/step4-add-instagram-story-source-1024x879.webp) ### Paso 6: Crea y diseña tu widget Una vez que toques **'Crear widget'**, se te pedirá que elijas una plantilla de widget y serás llevado al editor de widgets de EmbedSocial. Allí, puedes cambiar absolutamente todo sobre la apariencia de tu widget, desde el diseño hasta los colores, fuentes, y los elementos que incluirá tu widget: ![Editar tu widget en el editor de embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/step5-customize-instagram-stories-widget.webp) ### Paso 7: Copia y pega el código del widget en tu sitio web Finalmente, solo necesitas copiar el código de widget incrusting, que puedes encontrar en la pestaña **'Incrustar'** del Editor (esquina superior izquierda). Una vez allí, haz clic en **'Copiar código'**: ![Copia el código del widget de embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/step6-copy-embedsocial-widget-code-1.webp) Naturalmente, el último paso es pegar ese código en tu sitio web. A continuación, cubro el proceso de hacerlo en todos los constructores de sitios web y plataformas CMS populares. ## **Guía de video:** Cómo incrustar un widget de historia de Instagram fácilmente Si prefieres ver un video sobre cómo incrustar feeds de Instagram, aquí hay uno: https://youtu.be/kV-1soI4ZqU?si=hyzTEGSx-\_0Pyn81 ## Cómo agregar una pared de Instagram a tu sitio web a través de diferentes plataformas CMS El proceso de pegar tu código de widget de historia de Instagram es similar en todos los constructores de sitios web populares. Aquí está cómo mostrar posts de Instagram en la mayoría de ellos: ## Por qué mostrar historias de Instagram en tu sitio web Cuando agregas una pared de Instagram a tu sitio web que incluye historias, posts, videos, etc., aumentas el compromiso de tu usuario y coseches beneficios adicionales: ![Mapa mental que muestra los beneficios de incrustar historias de instagram en el sitio web](https://embedsocial.com/wp-content/uploads/2018/02/instagram-stories-widget-benefits.webp) - **Muestra actualizaciones de contenido en tiempo real**, mantén tu sitio web vivo con sincronizaciones automáticas de historias que muestren tus últimos eventos, lanzamientos, o momentos detrás de cámaras. - **Aumenta el compromiso del usuario**, lleva el formato familiar de historias a tu sitio web para cautivar a los visitantes con stickers interactivos, elementos visuales, y narrativas de formato corto. - **Asegura una experiencia de marca unificada**, extiende tu estética y tono de Instagram a tu sitio web, creando una experiencia perfecta en ambas plataformas. - **Alcanza a más personas e impulsa el crecimiento de redes sociales**, convierte visitantes del sitio web en seguidores de Instagram promocionando tu feed de historias activo en tu sitio. - **Maximiza el retorno de la creación de contenido**, da a tus historias una vida más larga mostrándolas más allá del límite de 24 horas de Instagram y asegurando que más personas las vean. - **Reutiliza tu historia de Instagram**, reproporciona tus mejores historias directamente en tu sitio usando un widget profesional que te ayude a administrarlas y mostrarlas. - **Convierte historias en un nuevo formato de publicidad**, usa tus historias incrustadas como banners digitales para destacar campañas o destacar promociones en todos los sitios de socios y portales web. - **Expande el alcance de tu historia**, muestra historias a audiencias que podrían no seguirte en Instagram, desbloqueando nuevas oportunidades de exposición e impulsando el compromiso. Cuando incrustas posts o historias de Instagram en tu sitio web, estás haciendo más que solo mostrar tu contenido. Estás conectando tu narración social con la presencia digital de tu marca, impulsando el compromiso consistente en cada canal que posees. > **Nota:** Puedes mostrar todos los formatos de historias en un widget. [Historias de foto](/photo-stories/), [historias de video](/video-stories/), e incluso combinarlos con un [feed de historias de pins de Pinterest](/pinterest-story-pins/) en un único widget interactivo. ## Por qué usar EmbedSocial para agregar widgets de historia de Instagram a tu sitio web Si deseas hacer que incrustar historias de Instagram sea sin esfuerzo, automatizado y completamente personalizable, necesitas una plataforma como [EmbedSocial](/) que optimice tu flujo de trabajo: ![Página de inicio del widget de historias de instagram de embedsocial](https://embedsocial.com/wp-content/uploads/2018/02/embedsocial-instagram-stories-widget-landing-page-1024x793.webp) Aquí está por qué es la solución preferida para marcas y creadores: - **Conexión oficial de la API de Instagram**, EmbedSocial se conecta directamente a la API oficial de Instagram, asegurando que tus historias siempre se obtengan en tiempo real. - **Actualizaciones automáticas de historias**, las nuevas historias se sincronizan automáticamente cada 24 horas, manteniendo tu contenido del sitio web fresco sin cargas manuales. - **Widgets personalizables**, ajusta el diseño, tamaño, colores, y fuentes para que se ajusten perfectamente al diseño de tu sitio web e identidad de marca. - **Diseño responsivo**, los widgets se ven excelente en todos los dispositivos, adaptándose automáticamente a pantallas de escritorio, tableta y móvil. - **Múltiples opciones de visualización**, elige entre popups, sliders, carruseles, o cuadrículas para mostrar tus historias en diferentes estilos. - **Centro de contenido todo en uno**, combina historias de múltiples cuentas de Instagram o mezcla formatos de foto, video, y otros formatos de historias en un único feed de Instagram. - **Compatibilidad multiplataforma**, funciona sin inconvenientes con constructores de sitios web populares como WordPress, Shopify, Wix, y Squarespace. - **Análisis avanzados**, rastrea visualizaciones de historias y métricas de compromiso directamente desde tu panel de control de EmbedSocial para medir el desempeño. Como puedes ver, con EmbedSocial, incrustar un feed de historias de Instagram es una configuración única con varios beneficios: ahorrar tiempo, mejorar el diseño, e aumentar el compromiso. Además, puedes crear y agregar una pared de Instagram a tu sitio web que contenga más que solo tus historias. Puedes combinarlas con Reels y posts también. ## Ejemplos de widgets de historias de Instagram EmbedSocial ofrece varios [plantillas de widget de Historia de Instagram](/templates/feed/instagram-stories) listas para usar que puedes adaptar completamente para tus necesidades. O, puedes incluso crear una nueva plantilla desde cero. Aquí hay algunos de los widgets de incrusting de historias de Instagram que ofrecemos: ## **Conclusión:** ¡Maximiza el alcance de tus historias de Instagram más allá de 24 horas! Incrustar historias de Instagram en tu sitio web te ayuda a **extender su visibilidad** y mantener a tu audiencia comprometida incluso después de que desaparezcan de la aplicación. Cuando conectas tu presencia social con tu sitio web de esta manera, das a los visitantes contenido fresco y dinámico para explorar que se actualiza por sí solo. Es decir, si te registras en una plataforma como [EmbedSocial](/ugc/) que sincroniza automáticamente, personaliza, y muestra tus historias en cualquier lugar en línea sin necesidad de codificación. Así que, si buscas ahorrar tiempo y obtener más valor de cada historia que creas en tu cuenta de Instagram, incrustra el widget de historias de Instagram en tu sitio web. **Expande el alcance de tus historias de Instagram hoy con** [**EmbedSocial**](/)**!** ## Preguntas frecuentes sobre incrustar historias de Instagram en un sitio web ¿Cómo incrustas historias de Instagram en un sitio web? Puedes incrustar historias de Instagram en un sitio web usando herramientas como [EmbedSocial](/ugc/). Simplemente conecta tu cuenta de negocio de Instagram, comienza a recopilar tus historias de IG, diseña tu widget incrusting, genera un código incrusting, y pégalo en tu HTML del sitio. ¿Cómo incrustas historias de Instagram en un sitio web de WordPress? Puedes incrustar historias de Instagram en una página de WordPress copiando el código incrusting de tu widget de [EmbedSocial](/) y pegándolo en un bloque HTML. El widget mostrará automáticamente tus últimas historias y se actualizará cada vez que se publiquen nuevas. ¿Puedo incrustar múltiples tipos de contenido en un feed de redes sociales? Sí. Con [EmbedSocial](/), puedes mezclar historias con fotos, videos de Instagram, e incluso Pins de Pinterest en un único widget, creando un único feed de redes sociales unificado e interactivo. ¿Puedo incrustar historias de Instagram sin una cuenta comercial? No. Para incrustar historias de Instagram en un sitio web, necesitas una cuenta comercial o de creador conectada a una página de Facebook. Esto es requerido por la API de Instagram para autorizar aplicaciones de terceros como [EmbedSocial](/) para acceder y mostrar tus historias. ¿Puedo incrustar historias de Instagram de otros usuarios? No. La API de Instagram no permite que herramientas de terceros recopilen o incrusten historias de otros usuarios. Solo puedes incrustar y mostrar historias de tu propia cuenta conectada. Sin embargo, puedes cargar manualmente historias públicas (con permiso) y recrearía en tu widget usando las opciones de personalización de EmbedSocial. ¿Cómo incrustas resaltados de historias de Instagram? La API de Instagram actualmente no permite que herramientas de terceros recopilen o incrusten resaltados de historias directamente. Sin embargo, con [EmbedSocial](/ugc/), puedes recrear tus resaltados de Instagram seleccionando manualmente y cargando tus historias para mostrarlas a través de un widget de Instagram personalizado. Esto tiene el mismo efecto y mantiene tus mejores historias visibles más allá del límite de 24 horas. ¿Por qué no puedo incrustar historias antiguas de Instagram? Instagram solo permite incrustar historias en vivo de las últimas 24 horas. Las historias archivadas no se pueden sincronizar automáticamente debido a restricciones de la API de Instagram, pero puedes cargar y mostrarlas manualmente usando una herramienta de incrusting de historias como [EmbedSocial](/ugc/).