Ir al contenido principal

Cómo usar el código de inserción dinámico para mostrar contenido multimedia etiquetado con productos

Optimice el rendimiento de su página de producto con contenido etiquetado y nuestro código de inserción dinámico.

Antonia avatar
Escrito por Antonia
Actualizado ayer

Ahora puedes mostrar dinámicamente los medios etiquetados con productos específicos utilizando nuestra nueva función "Dynamic Embed Code". Esta actualización te permite mostrar UGC relevante en diferentes páginas de productos sin crear widgets separados, ahorrando tiempo y facilitando la gestión de tu contenido.

Esta función es ideal si:

  • Gestionas varias páginas de productos.

  • Quieres reutilizar un widget en diferentes páginas.

  • Prefieres una configuración más flexible y escalable.

Te mostramos cómo utilizarlo.

Dónde encontrar el "Dynamic Embed Code"

  1. Ve a la sección 'Widgets' y abre el widget que contiene los medios etiquetados con tus productos:

  2. Desde la barra lateral izquierda, haz clic en la pestaña 'Embed', desplázate debajo del código de inserción estándar hasta encontrar la sección 'Dynamic Embed Code' y haz clic en 'Generate code':

Una vez generado, verás dos opciones:

Opción 1: Sustitución manual del ID de producto

Ideal para desarrolladores o usuarios con sitios web dinámicos

Utiliza este método si ya tienes valores de product_id en tu código o CMS y deseas cargar los medios correctos para cada página de producto.

Cómo usarlo:

  1. Copia el Dynamic Embed Code.

  2. Sustituye {{ product_id }} por el ID real del producto de tu catálogo:
    Código de ejemplo - asegúrate de modificar la sección {{ product_id }} con tu ID de producto:

<div class="embedsocial-hashtag" data-ref="89ba5783c3e106b63db926f16b1de76cee4b251a" data-productId="{{ product_id }}"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script> 


3. Pega el código en la página de producto correspondiente de tu sitio web.

También puedes insertar el ID correcto dinámicamente según la URL o los metadatos de la página utilizando JavaScript o la lógica de tu CMS.

Opción 2: Elegir desde los catálogos de productos cargados

Ideal para configuración manual sin cambios de código

Si no deseas modificar ningún código, esta opción te permite seleccionar los productos directamente desde tus catálogos cargados.

Cómo usarlo:

  1. En el panel Dynamic Embed, elige el catálogo que ya has subido y, de la lista de productos, selecciona aquel para el que deseas mostrar los medios:

El código de inserción se actualizará automáticamente con el data-productId correcto.


2. Luego, simplemente copia y pega el código de inserción en tus páginas de productos:

¿Qué sucede después?

Independientemente del método que utilices, el widget automáticamente:

  • Filtrará y mostrará solo los medios etiquetados con el producto seleccionado.

  • Se actualizará dinámicamente en tus páginas de productos.

¡Eso es todo!

Si tienes alguna pregunta, haz clic en el icono de chat en la parte inferior derecha para hablar con nuestro Customer Success Team o envíanos un correo electrónico a support@embedsocial.com

Estamos aquí para ti 🙏

¿Ha quedado contestada tu pregunta?