Cómo crear una transmisión de fotos personalizada Instagram en WordPress

Recientemente, uno de nuestros lectores preguntó si es posible agregar un feed de Instagram personalizado a su sitio web. Específicamente, querían personalizar el flujo de fotos de Instagram para mostrar solo fotos seleccionadas en lugar de todas las fotos en su perfil. En este artículo, le mostraremos exactamente cómo crear un flujo de fotos personalizado de Instagram en WordPress.

¿Por qué incluir un Feed Instagram en su sitio web de WordPress? Agregar un flujo de Instagram a su sitio de WordPress le permite agregar contenido fresco sin mucho trabajo. También alienta a los lectores a seguirlo en Instagram.
En lugar de agregar manualmente en su sitio, simplemente puede cargarlos en Instagram y aparecerá en su sitio. También puede incluir otras personas que usan un hashtag de feed. Esta podría ser una excelente manera de mostrar a las personas que usan sus productos, dando pruebas sociales valiosas que pueden ayudarlo a ganar más dinero en línea. Tutorial de video
Suscríbete a WPBeginner
Si prefiere instrucciones escritas, continúe leyendo. Cómo crear un flujo de fotos de Instagram personalizado en WordPress para configurar un flujo de fotos personalizado de Instagram en su sitio, deberá instalar y activar el complemento de alimentación de Smash Balloon Instagram. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress.
Esta es la versión premium del complemento gratuito para flujos de Instagram que utilizan más de 1 millón de sitios web. Después de instalar el complemento, vaya a la página Feed Instagram »Configuración de su administrador de WordPress y haga clic en la pestaña Licencia para ingresar la clave de licencia. Puedes encontrar esto en tu cuenta de globo Smash. Recuerde hacer clic en el botón “Guardar los cambios” en la parte inferior después de activar la clave de licencia. Después de haber activado su licencia, vaya a la pestaña “Configuración” y haga clic en el botón “Conecte un botón Instagram”.

Luego verá una ventana emergente que le pide que elija si usa un perfil personal o comercial.

Si simplemente desea mostrar un flujo con sus fotos, puede usar una cuenta personal de Instagram. Sin embargo, si desea mostrar un flujo de hashtag, necesitará una cuenta comercial. Consejo: ¿No tienes una cuenta comercial? Para convertir su cuenta personal de Instagram en una cuenta comercial, puede seguir las instrucciones paso a paso de Smash Balloon. Es gratis crear una cuenta comercial con Instagram. Puede volver a la aplicación Instagram en cualquier momento. Al hacer clic en el botón “Iniciar sesión” en el tablero de WordPress, simplemente debe seguir las instrucciones y conectar su cuenta.

Después de eso, verá su cuenta enumerada junto a “Cuentas de Instagram” de la siguiente manera:
Nota: Puede conectar más cuentas. Más tarde, en este tutorial, analizaremos cómo mostrar varios flujos de Instagram diferentes en su sitio. Mostrar un flujo de fotos de Instagram si desea mantener su WordPress fresco y actualizado, fácil de agregar un flujo con las últimas fotos de Instagram. Primero echaremos un vistazo al método básico, luego presentaremos cómo personalizar su feed. Primero, haga clic en el botón “Agregar al alimento principal” junto a su cuenta de Instagram: después de eso, puede abrir una publicación o página donde agregará la alimentación. Alternativamente, si lo prefiere, puede agregarlo a un widget de barra lateral. Crearemos una nueva página en Páginas »nueva adición para nuestro flujo. Haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione el bloque “Feed Instagram” en la sección Widget:

Su feed de Instagram se agregará instantáneamente a su página con un botón Sigue:

Si usa el editor clásico, simplemente ingrese el código corto [Instagram-feed] donde desea su flujo. Puede usar el código corto o el widget de alimentación de Instagram para agregar sus publicaciones de Instagram a la barra o sótano lateral. Solo acceda a los widgets de Look »y tire del widget de alimentación de Instagram en cualquier lugar.

Personalización de su estilo de flujo de Instagram en WordPress predeterminado, sus fotos de Instagram se mostrarán en una cuadrícula de cuatro columnas. Para empezar, los usuarios verán 20 fotos de su cuenta, pero pueden hacer clic en “cargar más” para ver fotos adicionales. Feed Instagram Plugin le brinda control total sobre estas configuraciones. Para cambiar el aspecto de su flujo de Instagram, acceda a la personalización de la configuración del flujo de Instagram.

Para cambiar el aspecto, haga clic en la opción deseada. Usaremos un aspecto destacado para nuestras fotos de Instagram con cada tercera foto resaltada. También puede elegir cuántas columnas dividir las fotos y cómo mostrar. Elegimos tener 6 fotos en 3 columnas.

Asegúrese de hacer clic en el botón “Guardar los cambios” en la parte inferior de la pantalla después de hacer cambios. Esto es lo que se ve ahora el flujo de Instagram en nuestro sitio:

Mostrar un hashtag de Instagram de feed, etiquetado o mezclado en WordPress Instagram Feed se muestra por defecto las últimas publicaciones en su cuenta de Instagram.
En algunos casos, es posible que desee mostrar algo diferente. Por ejemplo, es posible que desee mostrar publicaciones de Instagram de cualquier cuenta, siempre que use un hashtag específico. Esta podría ser una excelente manera de presentar fotos de un evento o conferencia. Puede cambiar su tipo de alimentación accediendo a la configuración de Instagram Feed ». Bajo el tipo de alimentación, puede moverse a un hashtag o un alimento etiquetado. Puede hacer clic en el icono (?) Junto a una opción para obtener más información. Pasaremos a un hashtag de feed utilizando la opción de hashtag público. Lo pediremos después de las últimas publicaciones: Nota: No puede crear un flujo mixto aquí. Una alimentación mixta es aquella que combina diferentes tipos, como fotos de una cuenta de usuario más fotos de un hashtag. Puede seguir las instrucciones de la siguiente parte del tutorial para crear una alimentación como esta. Así es como se ve el feed ahora en nuestro sitio:

Creación de más flujos de Instagram en WordPress ¿Qué sucede si desea incluir más flujos de Instagram diferentes en su sitio de WordPress? Esto es posible con algunas configuraciones simples. Primero, vaya a Configuración de Feed de Instagram y haga clic en la pestaña “Mostrar su feed”.

Verá una serie de configuraciones diferentes que puede usar en el código corto [Instagram-Feed]. Consejo: si desea crear una sola alimentación para su sitio, puede cambiar estas configuraciones en la pestaña Configuración, como se muestra arriba. Si tiene varias cuentas de usuario conectadas, puede usar [Instagram-Feed type = “user” username = “wpbeginner”] para especificar una cuenta. Cambie WPBeginner con el nombre de usuario deseado. También puede elegir crear hashtags basados ​​en hashtags aquí. En este caso, deberá usar [Instagram-Feed type = “Hashtag” Hashtag = “#WPBeginner”] donde #WPBeginner es el hashtag elegido. Otra opción es crear una alimentación que haya etiquetado una cuenta de usuario en particular. Esta opción solo está disponible si su cuenta de Instagram conectada en la configuración del complemento es una cuenta comercial. Incluso puede usar códigos cortos para crear una alimentación mixta que combine diferentes tipos de alimentación, como su cuenta de usuario de Instagram más todas las fotos con un hashtag específico. Si usa el bloque de alimentación de Instagram en el editor visual de WordPress, no necesita crear todo el código corto. Simplemente puede agregar su configuración de código corto a la configuración del bloque:
Asegúrese de hacer clic en el botón “Aplicar los cambios” después de hacer cambios aquí.Otras configuraciones de flujos populares de Instagram en WordPress pueden estar perfectamente satisfechos con la visualización predeterminada de sus fotos, porque Instagram Feed hace un excelente trabajo sin personalizaciones.Sin embargo, hay algunos cambios ordinarios que puede hacer dependiendo de cómo desee mostrar sus fotos de Instagram.Por ejemplo, es posible que desee mostrar solo subtítulos sin subtítulos.Esto es especialmente útil si agrega las fotos a una barra lateral bastante estrecha: puede desactivar los subtítulos agregando showcaption = “falso” en el código corto.Entonces sus fotos se mostrarán de la siguiente manera:

Es posible que desee filtrar publicaciones si usa un hashtag de feed. Por ejemplo, es posible que desee evitar publicaciones que mencionen a uno de sus competidores o publicaciones que usan palabras gruesas en subtítulos. Puede usar ExcludeWords = “Competidor, parientes” en el código corto. Esto excluirá cualquier publicación que use cualquiera de las palabras en la lista de palabras separadas por una coma. Cambie “competidor” y “grosero” en cualquier palabra que desee excluir. Otra opción que puede usar es cambiar el texto de la carga de botón más. Puede hacerlo agregando Buttontext = “Ver más fotos” en su código corto. Simplemente reemplace “ver más fotos” con el texto que desea usar. Hay muchas otras configuraciones que puede usar. El complemento de Feed Instagram de Smash Balloon le permite cambiar todo sobre cómo se muestran sus fotos de Instagram en su sitio. Si desea ver todas las configuraciones posibles, vaya a la configuración de Feed »de Instagram» Muestra la alimentación para obtener la lista completa: esperamos Este artículo lo ha ayudado a aprender cómo crear un feed personalizado de Instagram en WordPress. También es posible que desee ver nuestra comparación con los mejores complementos de regalo de WordPress para desarrollar su seguimiento social y los mejores servicios de marketing por correo electrónico para aumentar el tráfico de su sitio. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.