Cómo insertar un feed de Instagram en un sitio web de forma gratuita (guía básica)

¿Estás buscando incorporar un feed de Instagram en tu sitio web? Esto te ayudará a mejorar tu presencia en línea y a atraer a tus visitantes con contenido nuevo y dinámico. Al mostrar tus coloridas publicaciones de Instagram y tus cautivadores videos, invitas a tu audiencia a tu mundo y les permites interactuar con tu contenido de una manera divertida y fluida.

¡Exploremos cómo esta simple adición puede crear una atmósfera vibrante en su sitio!

Guía breve: ¿Cómo agregar el feed de Instagram a tu sitio web?

1. Iniciar sesión o Regístrarme 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.

Guía paso a paso: ¿Cómo insertar un feed de Instagram en un sitio web de forma gratuita?

Para incluir rápidamente el feed de Instagram en el sitio web y cautivar a su audiencia, un Las plataformas de contenido generado por el usuario como Tagbox son muy recomendables. 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.

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 feed de Instagram con Tagbox

• Créar un Cuenta gratuita del widget Tagbox.

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 publicaciones de Instagram puedes insertar?

• 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.

• Haz clic en el botón Publicar Botón en la pantalla del editor de widgets.

• Seleccione el botón "Publicar" 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, Elementor, 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 desde Tagbox Widget gratuito para sitios web al cuerpo de su página y publique/actualice los cambios.
• Habrás incrustado exitosamente los feeds de Instagram en el sitio web.

¿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!

1. Para sitios web HTML:

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:

1. Inicie sesión en su sitio web HTML y elija la página de destino donde desea agregar un feed de Instagram.
2. Pegue el “código HTML del feed de Instagram” copiado en la sección página/blog/barra lateral.
3. Aplica los cambios y ¡tachán!

Habrás incrustado con éxito Widget de Instagram en HTML sitio web.

2. Para sitios web de 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 Añadir feed de Instagram en WordPress sitio:

1. Inicie sesión en su sitio web de WordPress.
2. Selecciona y edita la página web donde quieres incrustar la galería de publicaciones de Instagram.
3. 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.
4. Seleccione el botón (+), seleccione la opción HTML personalizada, pegue el código de inserción de Instagram y aplique los cambios para mostrar la galería de Instagram en el sitio web de WP. Consulte el tutorial completo para ver todas las versiones de WordPress para mostrar Widget de Instagram en WordPress.

3. Para el sitio web de 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.

Cómo agregar feeds de Instagram a tu Squarespace El sitio web será la ayuda visual perfecta para que los visitantes de su sitio web se mantengan enganchados durante más tiempo. Estos son los pasos que puede seguir:

1. Abra una página o un editor de publicaciones y haga clic en “Agregar bloque”.
2. Seleccione incrustar en el menú y haga clic en el icono en el campo URL.
3. Ahora pegue el código de inserción de su galería de fotos de Instagram en ese cuadro y haga clic en configurar.
4. Una vez hecho esto, haz clic en Aplicar para publicar los cambios. Guía completa para visualizar Widget de Instagram para Squarespace sitio web.

4. Para el sitio web de Wix:

Wix es la opción más importante 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 Agrega el feed de Instagram a Wix Sitio web:

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 en vivo en tu Widget de Instagram de Wix.

2. Cómo incorporar un feed de Instagram en Wix con el editor ADI

• Al trabajar con el editor Wix ADI, algunos pasos han cambiado. Analicé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.

5. Para el sitio web de Weebly:

Cuando muestras contenido de Instagram visualmente atractivo en tu Weebly sitio web, recibirá algunos sorprendentes beneficios de marketing visual 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.

1. Busque el elemento “Código para insertar” (en el menú del lado izquierdo de su pantalla)
2. 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.
3. Haga clic en el cuadro HTML y elija la opción Editar HTML personalizado.
4. Pegue el código de incrustación del feed de Instagram para mostrarlo Widget de Instagram Sitio web de Weebly.

6. Para el sitio web de Shopify:

Shopify es el sitio web perfecto para 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.

Agregar feed de Instagram en Shopify Tienda para atraer a los visitantes de su sitio web y aumentar las tasas de conversión. 

1. 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
2. En el lado derecho de la pantalla, encontrará un botón de Acción en su tema actual.
3. Haga clic en el botón de acción y elija Editar código en la lista desplegable.
4. 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
5. Pega el código copiado de la publicación de Instagram y haz clic en Guardar. Así que ahora tu Widget de Instagram de Shopify vive en tu tienda

7. Para sitios de Google:

Google Sites ha simplificado la creación de sitios web. Solo necesitas arrastrar y soltar el contenido donde lo necesites; no necesitas un desarrollador web, un diseñador web ni ningún otro programador. Puedes crear páginas web para equipos, 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 características de respuesta que permiten a los clientes acceder al sitio de Google incluso con un teléfono inteligente.

Ahora veamos cómo puedes integrar el feed de Instagram en tus sitios de Google:

1. Después de haber creado tu feed, copia el código generado. 
2. Abra su cuenta de Google Site e inicie sesión.
3. 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).
4. Seleccione la pestaña INSERTAR y la opción > Incrustar en su panel de control.
5.  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.
6. El widget ahora se mostrará como una vista previa en el formulario emergente Incrustar recuperado de la web.
7. 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.

8. Para sitios web de Elementor 

Elementor es la herramienta ideal para las empresas que buscan una plataforma intuitiva para crear fácilmente un sitio web sorprendente y mejorar su presencia en línea sin codificar.

1. Inicie sesión en su cuenta de administrador de WordPress
2. Selecciona las páginas en las que quieres agregar el feed de Instagram
3. Haz clic en «Editar con Elementor».
4. Arrastre y suelte el elemento HTML en la sección deseada de la página de su sitio web donde desea insertar su feed de Instagram.
5. Pegue el código y haga clic en ACTUALIZAR.

Ahora abra su sitio web y disfrute de las funciones integradas. Widget de Instagram en tu Elementor sitio web.

9. Para el sitio web de Webflow 

Webflow es la solución perfecta para las empresas que buscan diseñar un sitio web profesional con control creativo completo, ofreciendo una plataforma intuitiva que combina diseño, desarrollo y alojamiento en un solo lugar.

1. Inicie sesión en su cuenta de administrador de Webflow y seleccione su proyecto
2. Haga clic en “Agregar elementos” en el menú del lado izquierdo.
3. Arrastre y suelte el elemento “Incrustar” en la sección deseada de la página de su sitio web.
4. Aparecerá una ventana emergente con un editor de código HTML para incrustar; pegue el código y haga clic en Guardar y cerrar.
5. Haga clic en Publicar y seleccione Publicar en dominios seleccionados.

Ahora abra su sitio web y disfrute del widget de Instagram integrado en su sitio web Webflow.

10. Para sitios web de Blogger 

Blogger es una plataforma excelente para personas y empresas que buscan crear un blog fácilmente. Ofrece una interfaz sencilla e intuitiva para compartir ideas y conectar con un público más amplio.

1. Inicia sesión en tu cuenta de Blogger. 
2. Selecciona las páginas en las que quieres agregar el feed de Instagram.
3. Abra el editor de código HTML y pegue el código copiado en la sección de la etiqueta del cuerpo.
4. Ahora haga clic en PUBLICAR. 

¡Felicitaciones! Has incrustado el archivo correctamente. Widget de Instagram en Blogger sitio web.

11. Para el sitio web de Bigcommerce 

BigCommerce es la plataforma ideal para empresas que buscan expandir su tienda online. Ofrece funciones robustas y flexibilidad para crear una experiencia de comercio electrónico fluida y llegar a un público global.

1. Inicie sesión en su panel de BigCommerce y navegue hasta “Tienda”.
2. Ahora selecciona “Páginas web” para incrustar el código de los feeds de Instagram en tu tienda.
3. Después de seleccionar “Página web”, te redirigirá a todas tus páginas.
4. Seleccione “Crear una página web” y complete todos los detalles requeridos.
5. Después de completar todos los detalles, desplácese hacia abajo y haga clic en "Guardar y salir".

Has incorporado con éxito el widget de Instagram en tu tienda BigCommerce.

Incrustar el feed de Instagram en un sitio web mediante Instagram (método manual)

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
• Vaya al feed de Instagram que desea insertar en su sitio web.
• Haz clic en los tres puntos (…) en la esquina superior derecha de la publicación.
• Haga clic en la opción Incrustar para generar el código de incrustación HTML
• Copie y pegue 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 Incrustar videos de Instagram, fotos en la página de WordPress, agrega el bloque “HTML personalizado” y pega el código para incrustar. ¡Eso es todo!

Las opciones de inserción de Instagram son limitadas. Solo se puede insertar una publicación a la vez. Carece de funciones exclusivas como personalización, moderación de contenido, análisis de rendimiento, actualizaciones de contenido en tiempo real, diseño interactivo, etc., para adaptarse al diseño del sitio web. Por ello, una herramienta de Instagram como Tagbox es fundamental. Ofrece numerosas opciones de personalización, actualizaciones de nuevas publicaciones en tiempo real, una herramienta sin programación, permite recopilar diferentes tipos de publicaciones con un solo clic y mucho más.

Beneficios de incorporar el feed de Instagram en su sitio web:

Existen varios beneficios por los que deberías incorporar el feed de Instagram en tu sitio web. Veamos algunos de ellos:

1. Compromiso mejorado

Cuando incorporas un feed de Instagram en tu sitio web, estás incorporando contenido nuevo y en tiempo real a tu sitio web. Este contenido atractivo alienta a los visitantes del sitio a pasar más tiempo en él, lo que reduce la tasa de rebote.

Además, cuando agregas contenido atractivo de Instagram a tu sitio web, no solo muestras el lado estático de tu sitio web, sino que los espectadores verán las actualizaciones en vivo, verán videos y navegarán por tu feed de Instagram en tu sitio. En general, esto generará más participación y visibilidad en tu sitio web.

2. Mayor confianza en la marca

Showcasing contenido generado por el usuario En tu sitio web, puedes ganar la confianza de los visitantes al incorporar un feed de Instagram y generar una prueba social. Esto ayuda a que tu marca atraiga a muchos visitantes y haga crecer tu negocio significativamente. Mostrar testimonios y reseñas de clientes satisfechos influye en otros para que tomen decisiones de compra. Valida la credibilidad de tu marca y demuestra que muchos usuarios confían en ella. Además, incorporar un feed de Instagram te ayuda a establecer tu comunidad social y generar más contenido generado por los usuarios.

3. Estética mejorada

Muchos de los principales agregadores de redes sociales, como Tagbox, ofrecen temas y diseños atractivos para tu feed de Instagram. Puedes combinarlos fácilmente con el diseño de tu sitio web, lo que mejora la estética del sitio web. Es importante que tu feed combine con la estética general del sitio web porque las primeras impresiones están relacionadas en un 94 % con el diseño. Por lo tanto, incorporar un Widget de Instagram en su sitio web embellecerá y animará su sitio web centrado en texto.

Estas integraciones te ayudarán a promocionar tu creatividad en las redes sociales ante nuevas audiencias y a mantener el diseño de tu sitio web. Además, cuando los usuarios visiten tu sitio web por primera vez, pueden ser redirigidos a tu Instagram, lo que mejora tu visibilidad general.

4. Alcance más amplio

El beneficio más obvio, pero a menudo ignorado, de integrar un feed de Instagram en tu sitio web es que el alcance de tu contenido será mucho mayor. Cuantas más personas visiten tu sitio web, más llegarán a tu página de marca de Instagram y viceversa. Hay varios puntos de contacto en el sitio web donde puedes mostrar tu atractivo feed para un mayor alcance. Quizás tu página de inicio sea el lugar más recomendado para mostrarlo, pero también se recomiendan las páginas de producto. ¿Por qué? Estos son los lugares que tus usuarios probablemente visitarán para construir su percepción de tu marca. Esto incluso los inspirará a conocer más sobre tu marca, aumentando su probabilidad de conversión.

5. Mejorar la interfaz de usuario y la experiencia de usuario

Cada vez que los usuarios potenciales visiten tu sitio web, se sentirán atraídos automáticamente por tus visuales atractivos y tu feed dinámico. Esto mejorará su experiencia de usuario, generando un mayor impacto y aumentando la interacción. El contenido y las imágenes de alta calidad de Instagram mejorarán la apariencia de tu sitio web, haciéndolo relevante para tus usuarios. 

Over To You

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 empresa debe 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.