Ir al contenido principal

¿Cómo agregar un contenido embebido (Iframe, Widget) en Shopify?

J
Escrito por Juan David Ávila
Actualizado hace más de un mes

🛠️ Cómo agregar un contenido embebido en Shopify

✅ Opción 1: Insertar el código embed en una página (Pages)

  1. Entra a tu panel de Shopify.

  2. Ve a "Online Store" > "Pages".

  3. Haz clic en "Add page" o selecciona una página existente.

  4. En el editor de contenido, haz clic en el botón “<>” (Show HTML).

  5. Pega el código embed (por ejemplo, de YouTube, Loom, Google Forms, etc.).

  6. Haz clic en Guardar.

  7. Verifica la página desde la vista pública para asegurarte de que el contenido se muestra correctamente.

✅ Opción 2: Insertar el código embed en una sección del tema (Theme)

  1. En el panel de Shopify, ve a "Online Store" > "Themes".

  2. En el tema activo, haz clic en “Actions” > “Edit code”.

  3. Busca el archivo en el que quieras insertar el embed:

    • Ejemplos: index.liquid, product.liquid, footer.liquid, etc.

  4. Pega el código embed en el lugar deseado dentro del HTML.

  5. Guarda los cambios.

  6. Revisa la tienda para asegurarte de que el contenido embebido aparece correctamente.

💡 Tips

  • Asegúrate de que el código que estás pegando sea HTML válido.

  • Puedes usar <iframe>, <script>, o cualquier otro tipo de código embebido permitido por Shopify.

  • Para videos (Loom, YouTube, Vimeo), generalmente se usa un <iframe>.

¿Ha quedado contestada tu pregunta?