Cómo insertar un widget de feed de Instagram en un sitio web

Desde sus inicios, Instagram ha sido proclamada como una plataforma de marketing muy poderosa y eficaz para las empresas que buscan obtener alcance orgánico y visibilidad para sus productos y servicios. Ahora, imagínese cuán grande sería el impacto si incorporara una cuenta de Instagram. Widget de Instagram ¡en el sitio web!

Con 500 millones de usuarios activos diarios, Instagram representa una enorme oportunidad de crecimiento para las empresas, grandes o pequeñas. Una estrategia dedicada a Instagram ayuda a las empresas a llegar lejos y, por lo tanto, a ampliar la base de clientes general de su negocio.

Incorporar contenido de Instagram en el sitio web de su empresa es una estrategia que puede ayudarlo a presentar una prueba social constante a los visitantes de su sitio web. Ahora bien, puede haber muchas formas de hacerlo. Incrustar el feed de Instagram en el sitio web.

Este artículo te enseñará a integrar un widget de Instagram en tu sitio web. ¡Comencemos!

Widget de Instagram Taggbox para sitios web

Con términos como “Incrustar”, “Widget”, etc., todo el proceso puede parecer un poco técnico, pero en realidad, ¡no lo es!

Cómo incorporar el feed de Instagram en su sitio web mediante un feed de redes sociales El widget es relativamente más simple de lo que se dice. Se puede dividir en cuatro pasos simples:

Step-1: Crea un feed de Instagram con el widget Taggbox.

Step-2: Aplicar tema de widget

Step-3: Generar el código de inserción del widget desde Taggbox Widget

Step-4: Incorpore el widget de feed en su sitio web

Entonces, aprendamos cómo insertar un widget de publicación de Instagram en su sitio web paso a paso.

Crea un widget de publicación de Instagram con Taggbox

Para crear tu propio widget, sigue estos pasos realmente sencillos y tendrás un hermoso widget de feed de Instagram. 

Step-1: Crea una cuenta con Taggbox Widget gratuito para sitios webInicie sesión en su cuenta. Accederá al panel de control.

Step-2: Haga clic en "Agregar feeds sociales" para agregar feeds sociales en el widget. 

Step-3: La "Elija una fuenteAparece el cuadro de diálogo ". Seleccione Instagram como tu Fuente de alimentación. 

Nota: Taggbox te da la opción de aggRegate feeds tanto de la cuenta estándar de Instagram como de la cuenta comercial de Instagram. Según la Política de API de Instagram actualizada, ahora no puedes obtener publicaciones en función del hashtag y la ubicación a través de una cuenta estándar de Instagram. Para hacerlo, debes tener una cuenta comercial de Instagram. Aquí, elegimos la cuenta comercial de Instagram.

Step-4: A Crear un feed de Instagram Aparecerá un cuadro. Seleccione una fuente de Hashtag(#), Nombre de usuario(@), Mención, Carretes, Historias etc. y crea una conexión de Instagram haciendo clic en Crear feed.

Step-5: A Continuar con Facebook Aparecerá un cuadro de diálogo. Haz clic en él y proporciona tus credenciales de inicio de sesión para conectar tu cuenta de Instagram.

¡Genial! Has agregado publicaciones de Instagram con éxito y pronto aparecerán en el Editor de widgets. 

Puedes personalizar la apariencia del widget de feed de Instagram usando el panel Personalizar en el Editor de widgets. También puedes seleccionar tus publicaciones agregadas de Instagram para permitir que solo se muestre el contenido de mejor calidad en tu cuenta. muro social utilizando el panel de Moderación en el Editor de Widgets.

Aplicar tema de widget

Ahora, este es el paso más fácil y divertido de todo el proceso. Una vez que hayas agregado tus propios feeds de Instagram en el Editor de widgets, sigue estos sencillos pasos para aplicar el tema del widget.

Step-1: Haga clic en el Diseño > Temas En la columna izquierda de la Editor de widgets.

Step-2: Desde el Temáticas, elegir la Tema del widget.

Step-3: Haga clic en Aplicar tema.

Step-4: Muy pronto verás el Widget de contenido agregado de Instagram en tu Editor de Widgets.

¡Y eso es todo! Has creado un widget con éxito. Ahora todo lo que necesitas hacer es incrustarlo en tu sitio web. Así que, pasemos al siguiente paso: incrustar el widget de feed de Instagram en el sitio web.

Leer también - Incruste el widget deslizante de Instagram en el sitio web

Generar el código de inserción desde el widget Taggbox

Ahora, para incrustar un widget de publicación de Instagram en su sitio web, primero que todo, necesita generar un código de incrustación desde nuestro poderoso agregador de instagram – TaggboxSiga estos sencillos pasos para saber cómo generar código de inserción desde Taggbox.

Step-1: Una vez creado el widget para el feed de Instagram en su Editor de widgets, haga clic en el botón Publicar del botón.

Step-2: Selecciona tu Plataforma de creación de sitios web desde el cuadro de diálogo que aparece. (por ejemplo, Vamos a elegir) HTML.)

Step-3: Seleccione las Ancho, Alturay Tipo de altura Según su requerimiento y haga clic en obtener código

Step-3: Copiar el código generado al portapapeles.

Este es el código de inserción que queríamos generar desde Taggbox. Una vez generado, este código de inserción se puede copiar y pegar en el backend de cualquier página web, lo que le permitirá insertar el widget en su sitio web.

Incruste una publicación de Instagram en su sitio web

Existen muchas plataformas de creación de sitios web que los usuarios utilizan para crear sus sitios web. Aprendamos a integrar el widget de feed de Instagram en algunas de las principales plataformas de creación de sitios web.

Incrustar en sitio web HTML

HTML es una de las plataformas más básicas y preferidas para crear sitios web. Es el punto fuerte de los desarrolladores. Para incorporar el widget HTML de Instagram en el sitio web, siga estos sencillos pasos básicos:

Step-1: Seleccione HTML como su plataforma de creación de sitios web.

Step-2: Generar el código de inserción desde Taggbox (ya explicado). Copiar el código de inserción al portapapeles.

Step-3: Ahora, ve al backend de la página web donde quieres incrustar el widget. 

Step-4: Pegue el código copiado en la sección del cuerpo donde desea insertar el widget y guarde los cambios. (Si no es un experto técnico, puede pedirle a su desarrollador que haga lo mismo).

¡Genial! Has incorporado correctamente el widget en tu sitio web.

Incrustar en el sitio web de WordPress

WordPress es una de las plataformas de creación de sitios web más populares en todo el mundo y da servicio a la mayoría de los sitios web más importantes de grandes y pequeñas marcas de todo el mundo. Cuenta con increíbles funciones de personalización y complementos, tanto gratuitos como pagos.

Siga estos humildes pasos para integrar el Widget de Instagram en el sitio web de WordPress

Step-1: Seleccionar WordPress como su plataforma de creación de sitios web.

Step-2: Genera el Código de inserción del sitio web de Taggbox. (Ya explicado).

Step-3: Abra la página en su backend de WordPress donde desee Incrustar los feeds de hashtags de Instagram.

Step-4: Seleccione "(+)Añadir bloque” en la esquina superior izquierda del Editor de WordPress.

Step-5: Aquí, haga clic en Maquetación y luego elige HTML personalizado.

Step-6: Pegue el código copiado en el editor.

Step-7: Haga clic en Publicar/Actualizar publicación Y ya está.

Incrustar en el sitio web de WIX

WIX es una plataforma de creación de sitios web basada en la nube que es muy fácil de usar. Cualquier persona sin conocimientos técnicos y con conocimientos informáticos básicos puede crear un sitio web en WIX.

Para incrustar Widget de Instagram en el sitio web de WIX, siga estos sencillos pasos:

Step-1: Seleccione WIX como su plataforma de creación de sitios web.

Step-2: Generar el código de inserción desde Taggbox. (Ya explicado)

Step-3: En su sitio web WIX, navegue hasta la página donde desea incrustarlo.

Step-4: En el backend del Editor WIX de esa página web, haga clic en “+ Agregar"Botón".

Step-5: Haga clic en Más Y seleccione iframes HTML Desde el código de inserción. Aquí, pegue el código de inserción en el campo Código.

Step-6: Haga clic en Presente una solicitud Para guardar los cambios.

Incrustar en el sitio web de Squarespace

Squarespace es la plataforma de creación de sitios web para creativos. Cuenta con increíbles opciones de personalización que te ayudan a crear hermosos sitios web en cuestión de horas.

Para incrustar Widget de feed de Instagram en el sitio web de Squarespace, siga estos sencillos pasos: 

Step-1: Seleccione Squarespace como su plataforma de creación de sitios web.

Step-2: Generar el código de inserción desde Taggbox. (Ya explicado)

Step-3: En su sitio web de Squarespace, navegue hasta la página donde desea insertar el widget.

Step-4: En el backend de la página web, haga clic en “+ Agregar/Editar bloque".

Step-5: Seleccionar Código de inserción en el menú.

Step-6: Haga clic en el icono en el campo URL.

Step-7: Pegue el código copiado y haga clic en Presente una solicitud y guarde los cambios.

Incrustar en el sitio web de Weebly

Weebly es una plataforma gratuita de creación de sitios web. Cuenta con una sencilla interfaz de arrastrar y soltar que la hace divertida de usar.

Llene la Añadir el widget de feed de Instagram en Weebly sitio web, siga los pasos que se indican a continuación:

Step-1: Seleccione Weebly como su plataforma de creación de sitios web.

Step-2: Generar el código de inserción desde Taggbox. (Ya explicado)

Step-3: En su sitio web Weebly, navegue hasta la página donde desea insertar el widget.

Step-4: Seleccione "Código de inserción” desde la barra de navegación de la izquierda y suéltelo en la posición de la página web donde desea incrustar el widget.

Step-5: Ahora, haga clic en Cuadro HTML y Editar HTML personalizado .

Step-6: Aquí, pegue el código copiado en el cuadro y publique sus cambios.

Incrustar en el sitio web de Shopify

Shopify es la plataforma de creación de sitios web a la que recurres cuando deseas crear un sitio web de comercio electrónico en línea. Te permite vender productos en línea en múltiples plataformas y redes sociales.

Llene la Agregar el widget de feed de Instagram en Shopify sitio web, simplemente proceda según las instrucciones:

Step-1: Seleccione Shopify como su plataforma de creación de sitios web.

Step-2: Generar el código de inserción desde Taggbox. (Ya explicado)

Step-3: En su sitio web de Shopify, navegue hasta la tienda en línea donde desea insertar el widget.

Step-4: Vaya a Editar HTML / CSS Opción en la parte superior derecha de la página.

Step-5: Seleccionar Diseño/Plantillas/Sección (Por ejemplo, para la página de inicio: Index.liquid) donde desea mostrar su centro social de Instagram.

Step-6: Pegue el código copiado y haga clic en Guardar.

Conclusión

Esta fue una guía completa sobre lo fácil que es integrar un feed de Instagram en tu sitio web. ¿No fue fácil?

Entonces, ¿qué estás esperando? Súbete a la increíble experiencia de incorporar un widget de feed de Instagram en tu sitio web y mejorar la experiencia general de los usuarios que visitan tu sitio web.

Leer también - Insertar historias de Instagram en el sitio web