Shopify no tiene un botón de YouTube de un solo clic en todos los temas, pero añadir un vídeo es sencillo una vez que sabes dónde va el HTML.
Método 1: una sección de Liquid personalizado (temas Online Store 2.0)
La mayoría de los temas actuales de Shopify soportan secciones de Liquid personalizado, que aceptan HTML sin procesar:
- En el editor de temas de Shopify, añade una nueva sección y elige “Liquid personalizado”.
- Construye tu código de embed con el generador de código de embed, activando el contenedor responsive para que se ajuste a los anchos de página flexibles de Shopify.
- Pega el código generado en el campo de contenido de la sección de Liquid personalizado.
- Guarda y previsualiza la página.
Método 2: un bloque de texto enriquecido o HTML en la descripción de un producto o página
Para la descripción de un producto o una página estándar, cambia el editor de descripción a “Mostrar HTML” (normalmente un pequeño icono <> encima del campo de texto) y pega el código de embed directamente en el código fuente HTML, en lugar del editor visual, para que las etiquetas iframe no queden escapadas.
Hacerlo responsive dentro del diseño de Shopify
Los anchos de página de Shopify varían según el tema y la configuración de la sección, así que usa siempre un embed responsive (basado en porcentaje) en lugar de un tamaño fijo en píxeles. De lo contrario, el vídeo puede desbordar una columna estrecha en móvil o dejar un espacio en blanco incómodo en una columna ancha.
Problemas comunes
Si el embed no aparece después de guardar, comprueba que has pegado el código en un campo compatible con HTML (Liquid personalizado o la vista de código fuente HTML) en lugar del editor de texto enriquecido normal, que puede eliminar por completo las etiquetas iframe. Confirma también que tu tema no aplica carga diferida a secciones enteras de una forma que entre en conflicto con el propio atributo loading=”lazy” del iframe; en la mayoría de los temas ambos funcionan bien juntos.