Añadir vídeo de youtube en la ficha del producto de Prestashop

Tutorial sobre Prestashop que permitirá añadir un vídeo de youtube dentro de la descripción del producto y de cualquier otro campo que permita introducir código html.

Primero paso, tener activado en la pestaña Preferencias -> Configuración la opción denominada:  Permite iframes en los campos HTML

Permite iframes en los campos HTML

Debemos tener la opción señalado en “Sí”

Segundo paso, editamos un producto cualquiera desde la pestaña Catálogo -> Productos y dentro del bloque de la descripción del producto hacemos clic sobre “Insertar vídeo” o directamente en el icono multimedia.

Icono multimedia
Menú -> Insertar vídeo

A continuación, nos aparecerá una ventana con el siguiente formulario:

Ventana para añadir vídeo

Por ejemplo, nos vamos a youtube, y vamos a insertar el siguiente vídeo:

Copiar URL Vídeo
Copiar URL Vídeo

Copiamos la url desde el navegador y la pegamos en la ventana que habíamos expuesto anteriormente en el campo “Fuente

Url pegada

Automáticamente nos generara el iframe. Si pincháis sobre “incrustado” veréis el código del iframe que va a insertar.

Código iframe vídeo youtube

Código que también podíamos haber copiado de forma manual desde youtube y pegado en la pestaña “Incrustado”

Obtener código iframe youtube – parte 1
Obtener código iframe youtube - parte 2
Obtener código iframe youtube – parte 2

Finalmente, veremos el vídeo de youtube en la descripción del producto.

Vídeo descripción producto

Documento actualizado hasta Prestashop 1.6

* Novedad -> Artículo actualizado para Prestashop 1.7

Activar Iframes -> Parámetros de la tienda -> Configuración

Botón insertar vídeos en la descripción:

Botón insertar vídeo en Prestashop 1.7

Visualización del vídeo en la ficha del producto

Vídeo en la descripción del producto de Prestashop 1.7

Actualización del artículo (2)

Si tenéis problemas a hora de visualizar los vídeos en dispositivos pequeños (es decir, en modo responsive), revisar este módulo gratuito => Convertir iframes (youtube, vimeo, maps…) en responsive en Prestashop