Por defecto, las fotos del feed de Instagram enlazarán a las fotos de Instagram o a nuestro Lightbox, sin embargo, puedes utilizar fragmentos de código personalizados para enlazar cada foto a una URL única de tu elección.
Vincula fotos individuales a diferentes URL
Hay dos métodos para hacerlo. Puede utilizar nuestra función Shoppable Feed o cambiar manualmente cada enlace.
Método Shoppable Feed (Enlace personalizado)
Nota: Esta función sólo está disponible en la versión "Pro".
Hemos añadido una función a la versión Pro del plugin para que vincular tus entradas a URL personalizadas sea realmente fácil y sencillo. Habilita la siguiente configuración para tu feed en nuestro plugin: Instagram Feed > All Feeds > Select your Feed > Settings > Shoppable Feed > Enable. A continuación, puede hacer clic en el botón Añadir en cada post para añadir una URL personalizada para ese post específico. Para obtener instrucciones más detalladas sobre la creación de un feed shoppable, por favor consulte este artículo.
Método manual
Primero, desactiva la caja de luz emergente del plugin (Instagram Feed > All Feeds > Feed Options > Customize > Lightbox > Disable).
A continuación, tienes que encontrar el ID de cada foto. Para ello, haz clic con el botón derecho en la foto, haz clic en "Inspeccionar elemento" y, a continuación, copia el atributo ID(captura de pantalla). Tendrá un aspecto similar a este: sbi_1253736523657580376_10145706.
En la versión Pro, también puedes encontrar el ID viendo tu feed, haciendo clic en la foto para abrir el lightbox emergente y, a continuación, haciendo clic en el enlace "Ocultar fotos (admin)".
A continuación, puede utilizar un fragmento de JavaScript para cambiar el enlace en cada foto, de esta manera:
$('#sbi_1253736523657580376').find('.sbi_photo').attr('href', 'https://yourlink1.com');
$('#sbi_1253665037575982435').find('.sbi_photo').attr('href', 'https://yourlink2.com');
$('#sbi_1248694870995570598').find('.sbi_photo').attr('href', 'https://yourlink3.com');
Puede añadirlos a la sección JavaScript personalizado del plugin en la página Personalizar.
Vincular todas las fotos a la misma URL
Para ello:
1) Primero desactiva el popup lightbox del plugin (Instagram Feed > All Feeds > Feed Options > Customize > Lightbox > Disable)
2) Añade una clase al shortcode del feed para que el enlace sólo se aplique a las entradas de ese feed: [instagram-feed feed=1 class="custom-link-feed"]
3) Añada el siguiente JavaScript personalizado a su sitio web (Usando código JavaScript personalizado para nuestro plugin Instagram Feed):
$('.custom-link-feed .sbi_photo').attr('href', 'https://yourlink.com');
