Cómo insertar un feed de Instagram en un sitio web de forma gratuita (pasos sencillos)
¿Quieres que tu sitio web sea más interactivo y atractivo? Cuando integras el feed de Instagram en tu sitio web, llevas contenido cautivador directamente a tus visitantes. Esto les permite interactuar con las vibrantes publicaciones y videos de Instagram, lo que los mantiene interesados y los motiva a tomar acción.
Sabías - Mucha gente usa Instagram para buscar nuevos productos. Acerca de 35% de los usuarios de Instagram han comprado algo después de verlo en la aplicación. Además, el 72 % de los clientes cree que mirar fotos de productos en Instagram aumenta la probabilidad de que compren esos productos.
| No se requiere tarjeta de crédito |
2 métodos para insertar un feed de Instagram en un sitio web
A. Incrustar publicaciones de Instagram usando la opción Incrustar de Instagram
B. Cómo insertar un feed de Instagram en un sitio web con Tagbox
A. Incrustar el feed de Instagram en un sitio web usando Instagram (manualmente)
Puede que te sorprenda, pero Instagram ofrece a los usuarios la posibilidad de incrustar el feed de Instagram en su sitio web. Para ello, asegúrate de tener una cuenta abierta y de que la configuración de incrustaciones también esté activada.
La única limitación es que solo puedes incrustar una publicación a la vez, a diferencia de otras herramientas de incrustación que te permiten incrustar una galería visual de Instagram completa en tu sitio web.
Entonces, si quieres insertar una publicación de Instagram en tu sitio web usando el código iframe, sigue estos sencillos pasos con facilidad:
- Abierto Instagram.com en el navegador
- Visite la Instagram Quieres incrustarlo en tu sitio web
- Haga clic en los tres puntos. (...) En la esquina superior derecha del post
- Haga clic en el Insertar Opción para generar el código HTML para incrustar
- Copiar & Pasta El código de inserción del feed de Instagram iframe en el editor de la página web donde desea mostrar el feed de Instagram en el sitio web
- Por ejemplo, para insertar una foto de Instagram en una página de WordPress, agregue el bloque “HTML personalizado” y pegue el código de inserción. ¡Eso es todo!
Las opciones de inserción de Instagram son limitadas. Solo puedes insertar una publicación a la vez. No tiene funciones exclusivas como personalizaciones, moderación de contenido, análisis de rendimiento, actualizaciones de contenido en tiempo real, diseño interactivo, etc., para alinearse con el diseño del sitio web. Por lo tanto, para este propósito entra en juego una herramienta de Instagram como Tagbox. Con muchas personalizaciones, actualización de nuevas publicaciones en tiempo real, herramienta sin codificación, recopile diferentes tipos de publicaciones con solo un clic y más.
A continuación se muestran los pasos para integrar Instagram en un sitio web usando Tagbox:
B. Cómo insertar un feed de Instagram en un sitio web con Tagbox
Para incluir rápidamente el feed de Instagram en el sitio web y cautivar a su audiencia, un UGC Se recomiendan plataformas como Tagbox. Ofrecemos una variedad de funciones que pueden ayudarlo a captar la atención de los visitantes con múltiples feeds e influir en los usuarios para que tomen una decisión.
¡Guía rápida para integrar Instagram en un sitio web!
1. Inicia sesión o regístrate con Tagbox
2. Haga clic en "Agregar feeds sociales" en el panel de control.
3. Seleccione 'Instagram' como fuente
4. Ahora, agregue el feed ingresando cualquiera de estos 'Hashtag(#)', 'Identificador(@)', 'Historias(@)', etc.
5. Ahora, haz clic en 'Crear feed' para conectar tu cuenta comercial de Instagram.
6. Tu feed ya está listo
7. Haga clic en 'Publicar' y seleccione su plataforma de creación de sitios web.
8. Por último, copia el código de inserción y pégalo en el backend. Fácil y sencillo, ¿verdad?
Hemos creado un tutorial para que puedas recopilar, seleccionar e integrar el feed de Instagram en tu sitio web de forma sencilla y fácil sin necesidad de conocimientos técnicos ni complejidad.
Paso 1: Crea un widget de feed de Instagram
- Iniciar sesión o Regístrese en su cuenta gratuita de Taggbox Widget.
Paso 2: Selecciona tu red – Instagram
- Seleccionar 'Instagram' como su fuente para recopilar publicaciones de Instagram.
- Escoge tu tipo de alimentación para recopilar esas publicaciones de Instagram.
¿Qué tipos de feeds de Instagram puedes integrar?
- Lista de tipos de feeds de Instagram:
- Hashtag (#) – Recopila en vivo Feed de hashtags de Instagram en el sitio web.
- Manijas (@) – Recopila publicaciones de Instagram del perfil comercial.
- Historias - Esta Incrustar historias de Instagram en el sitio web.
- Menciones (@) – Agrega publicaciones de Instagram donde se haya mencionado tu marca.
- etiquetado – Selecciona los feeds en los que te han etiquetado en Instagram.
- Carretes – Recopila Reels de tu perfil comercial para Incrustar reels de Instagram en el sitio web.
- Mi nombre de usuario – Recopila publicaciones cargadas en Instagram desde tu propia cuenta comercial.
- Elige tu tipo de feed e ingresa los datos correspondientes. Tus publicaciones de Instagram ya están recopiladas:
Paso 3: Generar el código de inserción del feed de Instagram
Una vez que obtenga todas sus publicaciones y haya terminado con toda la moderación y personalización, siga los pasos que se detallan a continuación para obtener el código de inserción de feeds de página o perfil de Instagram que puede usar en el código de su sitio web para insertar el perfil de Instagram en el sitio web.
- Haga clic en el Publicar Botón en la pantalla del editor de widgets.
- Seleccione la opción "Incrustar en la página web" Opción para incrustar el feed de Instagram en el sitio web.
- Ahora, elige tu Plataforma de creación de sitios web como (HTML, WordPress, Wix, Shopify, Weebly, Squarespace, etc.)
- Personaliza la altura y el ancho de tu widget y copia el código de inserción generado. Ahora has generado y copiado correctamente el código de inserción. “Código para insertar en el feed de Instagram” para el CMS de su sitio web. Siga los pasos que se indican a continuación para mostrar su feed de Instagram en el creador de su sitio web.
Paso 4: Integrar el feed de Instagram en el sitio web con código de inserción
- Inicia sesión en tu sitio web y ve a la sección backend o editor de la página donde deseas incrustar la publicación de Instagram.
- Pegue el código de inserción de Instagram copiado del widget de sitio web gratuito Taggbox en el cuerpo de su página y publique/actualice los cambios.
- Habrás incrustado exitosamente los feeds de Instagram en el sitio web.
| No se requiere tarjeta de crédito |
¿Cómo insertar el feed de Instagram en diferentes creadores de sitios web?
Aquí encontrará soluciones paso a paso para todas las plataformas CMS más populares, por lo que no tendrá que preocuparse por perderse ninguna. ¡Explore ahora!
- Pasos para incrustar Instagram en HTML
- Pasos para integrar Instagram en WordPress
- Pasos para agregar Instagram a Squarespace
- Pasos para agregar Instagram en Wix
- Pasos para integrar Instagram en Weebly
- Pasos para agregar Instagram a Shopify
- Pasos para integrar Instagram en Google Sites
1. ¿Cómo integrar el feed de Instagram en el HTML del sitio web?
HTML es una plataforma de sitios web bien organizada en la que confían muchas empresas y marcas. Parece que usted es una de ellas. ¿Quiere ofrecer más a los visitantes de su sitio web para que permanezcan más tiempo en él y aumenten el tiempo de permanencia en él?
Bueno, aquí hay algunos pasos sencillos que puedes seguir para insertar el feed de Instagram en el código HTML del sitio web:
- Inicie sesión en su sitio web HTML y elija la página de destino donde desea agregar un widget de feed de Instagram.
- Pegue el “código HTML del feed de Instagram” copiado en la sección página/blog/barra lateral.
- Aplica los cambios y listo. ¡Habrás integrado correctamente! Widget de Instagram en HTML sitio web.
2. ¿Cómo integrar el feed de Instagram en WordPress?
WordPress es la plataforma perfecta para diseñar páginas web futuristas que tengan su propia singularidad. Si eres de los que les gusta ofrecer contenido único a los visitantes de tu sitio web, entonces incorporar publicaciones de Instagram puede ser la solución perfecta para ti.
A continuación se muestran algunos pasos que puede seguir para insertar el feed de Instagram en el sitio de WordPress:
- Inicie sesión en su sitio web de WordPress.
- Selecciona y edita la página web donde quieres incrustar la galería de publicaciones de Instagram.
- Seleccione la sección Páginas > Agregar nueva página desde el Panel de control en las versiones 6.0 y superiores del editor de WordPress.
- Elija el botón (+), seleccione la opción HTML personalizado, pegue su código de inserción de Instagram y aplique los cambios para mostrar la galería de Instagram en el sitio web.
Consulta el tutorial completo para todas las versiones de WordPress. Incrustar feed de Instagram en WordPress.
3. ¿Cómo integrar el feed de Instagram en Squarespace?
Squarespace es un creador de sitios web único y una opción preferida para las empresas que no tienen miedo de experimentar con todas las plantillas que ofrece Squarespace.
Agregar feeds de Instagram a tu sitio web de Squarespace será la ayuda visual perfecta para que los visitantes de tu sitio web se mantengan enganchados por más tiempo. Estos son los pasos que puedes seguir:
- Abra una página o un editor de publicaciones y haga clic en “Agregar bloque”.
- Seleccione incrustar en el menú y haga clic en el icono en el campo URL.
- Ahora pegue el código de inserción de su galería de fotos de Instagram en ese cuadro y haga clic en configurar.
- Una vez hecho esto, haga clic en Aplicar para publicar los cambios.
Guía completa de Agregar feed de Instagram a Squarespace sitio web.
4. ¿Cómo agregar el feed de Instagram al sitio web de Wix?
Wix es la principal opción para las empresas que prefieren sitios web creados completamente por ellos, ya que Wix brinda a los usuarios la libertad de diseñar y desarrollar sus páginas web de la manera que deseen.
Aquí, sigue estos sencillos pasos para agregar el feed de Instagram al sitio web de Wix:
1. Integra el feed de Instagram en Wix con el editor clásico
- Para el editor clásico, siga los pasos a continuación. Incrustar un feed de Instagram en el sitio web de Wix.
- Haga clic en “+”.
- Elija la opción “Incrustar un widget” de la lista disponible.
- En la página, tienes la opción de ajustar la altura y el ancho de tu widget dependiendo del diseño de la página.
- Haga clic en “Introducir código”.
- Pegue el código de inserción en el Editor Wix.
- Pulsa “Actualizar” y tu feed de Instagram aparecerá en tu página de Editor.
- Haga clic en el botón “Publicar” para finalizar los cambios.
Bueno, eso es todo. Tu feed de Instagram está activo en tu sitio web de Wix.
2. Cómo incorporar un feed de Instagram en Wix con el editor ADI
- Al trabajar con el editor Wix ADI, se han modificado algunos pasos. Veámoslos.
- Haga clic en el icono "+".
- Selecciona la sección donde deseas incrustar el feed de Instagram.
- Seleccione “Incrustar HTML” a la izquierda.
- Elija entre las plantillas integradas y edite el contenido predeterminado allí.
- Haga clic en el botón “seleccionar” que aparece junto a HTML
- Seleccione la opción “sitio web” aquí en lugar del código de inserción del feed de Instagram.
- Agregue la URL de vista previa de su feed y ajuste el ancho y la altura de la visualización de su feed.
- Ahora, toca el botón “Publicar” para que tu feed funcione en tu sitio web Wix.
| No se requiere tarjeta de crédito |
5. ¿Cómo integrar el feed de Instagram en Weebly?
Cuando muestra contenido de Instagram visualmente atractivo en su sitio web Weebly, recibe algunos beneficios de marketing visual sorprendentes para su sitio web de comercio electrónico.
No busques en ningún otro lado, ya que hemos reunido algunos pasos simples para insertar una publicación de Instagram en tu sitio web Weebly sin esfuerzo.
- Busque el elemento “Código para insertar” (en el menú del lado izquierdo de su pantalla)
- Arrastre y suelte el elemento Código de inserción en la página donde desea adjuntar feeds de Instagram al sitio web de Weebly.
- Haga clic en el cuadro HTML y elija la opción Editar HTML personalizado.
- Pegue el código de incrustación del feed de Instagram en mostrar feed de Instagram Sitio web de Weebly.
6. ¿Cómo agregar el feed de Instagram a la tienda Shopify?
Shopify es el sitio web perfecto para las empresas que buscan una plataforma perfecta para crear un sitio web de comercio electrónico gratuito para llegar a un público más amplio.
Agregue el feed de Instagram a la tienda Shopify para atraer a los visitantes de su sitio web y aumentar las tasas de conversión.
- Haz clic en Tienda online en la sección Canales de venta. Verás una lista desplegable en la barra lateral; selecciona la opción Temas
- En el lado derecho de la pantalla, encontrará un botón de Acción en su tema actual.
- Haga clic en el botón de acción y elija Editar código en la lista desplegable.
- Seleccione Diseño/Plantillas/Sección (por ejemplo: Para la página de inicio – Index. liquid) donde desea insertar perfiles de Instagram o feeds de páginas
- Pega el código copiado de la publicación de Instagram y haz clic en Guardar.
7. ¿Cómo integrar el feed de Instagram en Google Sites?
Los sitios de Google han hecho que la creación de sitios web sea fácil para los usuarios. Solo tienes que arrastrar y soltar el contenido en el lugar donde se necesita; no necesitas un desarrollador web, un diseñador de sitios web ni ningún otro programador. Puedes crear páginas web de equipo, sitios web públicos, centros de proyectos internos y mucho más.
Las marcas lo consideran increíblemente importante debido a las numerosas ventajas y la función de respuesta que permite a los clientes acceder al sitio de Google incluso con un teléfono inteligente. Ahora veamos cómo puedes Incruste el feed de Instagram en sus sitios de Google.
- Después de haber creado tu feed, copia el código generado.
- Abra su cuenta de Google Site e inicie sesión.
- Elige la página en la que quieres insertar tu widget de feed de Instagram en el lado derecho. (Supongamos que podemos elegir la página de Contacto).
- Seleccione la pestaña INSERTAR y la opción > Incrustar en su panel de control.
- Cuando aparezca el cuadro emergente para incrustar desde la web, seleccione CÓDIGO incrustar, pegue el código incrustar y luego haga clic en SIGUIENTE.
- El widget ahora se mostrará como una vista previa en la ventana Insertar recuperada del formulario emergente web.
- Haz clic en el botón INSERT Botón para incorporar las publicaciones de Instagram en la página web de tu sitio de Google.
| No se requiere tarjeta de crédito |
Cheque - Ejemplos de feeds de Instagram en sitios web que puedes copiar
¿Necesita un tema adaptable para mostrar contenido visual? Pruebe el tema de galería para cautivar a sus usuarios en un abrir y cerrar de ojos.
A ti
Sin duda, Instagram es una gran herramienta de marketing: desde audiencia para aumentar tus ventas hasta contenido generado por los usuarios para construir relaciones de confianza, aquí lo tienes todo. Como esta plataforma cambia constantemente, tu negocio necesita adaptarse rápidamente a estos cambios. De esta manera, puedes mejorar la experiencia de tus clientes en el sitio web de una manera más eficiente.
Al incorporar tu feed de Instagram en tu sitio web, puedes aumentar las conversiones y hacer que tu marca parezca creíble. Con Tagbox, puedes incorporar varios feeds en una sola página con cargas rápidas e incluso realizar un seguimiento del rendimiento en términos de interacción y ventas.
Recopilar, moderar y agregar feeds de Instagram en cualquier sitio web para aumentar la prueba social y la autenticidad.
Regístrate, es GRATISNo se necesita tarjeta de crédito.
PREGUNTAS FRECUENTES
Para incrustar tu feed de Instagram de forma gratuita, puedes usar la herramienta Taggbox Widget que te ayudará a recopilar, seleccionar y mostrar contenido en el sitio web usando un hashtag único (#), nombre de usuario (@), videos, reels, historias, menciones, etiquetas, etc. Simplemente puedes incrustar el código de incrustación del feed de Instagram generado en las páginas de tu sitio web.
Vaya a Instagram y seleccione la publicación para la que desea generar el código de inserción y luego haga clic en los tres puntos para ver más opciones. Ahora, seleccione la opción de inserción para generar el código de inserción para el feed de Instagram. Si desea insertar varias publicaciones de Instagram, regístrese en el agregador de Instagram Tagbox y recopile todas sus publicaciones.
Tagbox ofrece una solución perfecta para incorporar un feed de Instagram en un sitio web con unos pocos clics. Una vez que haya recopilado y seleccionado un widget con Tagbox, debe seleccionar su plataforma CMS entre las opciones disponibles en el panel de control. Luego, se generará un código HTML único que puede copiar y pegar en el backend de su sitio web donde desea que aparezcan los feeds de Instagram.
Sí, Taggbox tiene una exclusiva plugin para WordPress Sitios que puedes encontrar en el panel de WordPress buscando "Taggbox" en la sección de complementos. Una vez que agregues un complemento a tu panel de WordPress, te ayudará a agregar fácilmente un widget de feed de Instagram a tu sitio web de WordPress.
Puedes mostrar feeds de Instagram en varias páginas de tu sitio web, ya sea en el pie de página, la barra lateral, el encabezado, la página de inicio, los blogs o cualquier página web que desees. Solo tienes que copiar y pegar el código de inserción en el backend de tu sitio web donde quieras que aparezcan tus feeds de Instagram.
Sí, Taggbox te ofrece una función de publicación personalizada para agregar publicaciones específicas con solo unos pocos clics. Inicia sesión en tu cuenta de Taggbox > Ve a Aplicaciones y más > Selecciona “Publicación personalizada” > Agrega la URL de la publicación > Haz clic en el botón “Crear publicación”. Tu publicación particular de tu feed se mostrará automáticamente.
