Cómo Insertar un Vídeo en un Producto en PrestaShop 1.7

Categorias: PrestaShop

Cómo Insertar un Vídeo en un Producto en PrestaShop 1.7

Hoy en día vivimos colgados de un vídeo. En cualquier mensaje que nos envíen por teléfono o en cualquier sitio web que visitamos, podemos encontrarnos un vídeo. Por eso parece buena idea insertar vídeos en los productos que vendamos desde PrestaShop y aquí te vamos a explicar cómo hacerlo.

Si tienes una tienda online creada con PrestaShop, ya sabrás que añadir productos es algo muy sencillo, así como la configuración en general de todos los aspectos de la configuración de PrestaShop, está creado para esto.

Una de las cosas que podemos añadir a los productos que tengamos creados, es insertar un vídeo en la descripción.

Puede ser un vídeo explicando cómo funciona el producto o simplemente un vídeo mostrando el producto en todos sus ángulos o lo que querías, pero podemos insertar un vídeo en PrestaShop sin muchas complicaciones.

Aunque la forma «natural» o más «intuitiva» de insertar el vídeo en PrestaShop puede ser algo confusa las primera veces, así que vamos a ver cómo añadir un vídeo en una artículo creado con PrestaShop 1.7.


Tenemos diferentes tipos de hosting, selecciona uno:


 

Preparando PrestaShop para Aceptar Vídeos Integrados

No te asustes, no hay que hacer nada extraño, ni meterse en las tripas de PrestaShop para poder insertar un vídeo.

Pero por defecto, es algo que está desactivado y tenemos que cambiarlo para que funcione.

Si buscas una explicación al por qué PrestaShop tiene desactivada por defecto la inserción de vídeos en su sistema, no la busques porque no la hay, aunque intuimos que será por algún tema relacionado con la seguridad.

Para activarlo, tenemos que acceder a PrestaShop como administradores o al backend, como se le conoce.

Una vez dentro de PrestaShop, debemos dirigirnos a Parámetros de la Tienda > Configuración

Y buscar entre la opciones disponibles, la casilla de Permite iframes en los campos HTML.

Como comprobarás, si no se ha modificado antes, estará marcada como «NO» y lo único que tenemos que hacer es marcarlo como . Tal y como se muestra en la siguiente imagen:

prestashop permitir iframes

No olvides guardar los cambios, si no esto no funcionara.

Una vez hecho esto, ya no hay nada que hacer por aquí y podemos pasar a insertar el vídeo en el producto que queramos.

 

Insertar un Vídeo en un Producto de PrestaShop

Para insertar un vídeo en un producto de PrestaShop, deberemos localizar el producto en nuestro catálogo y editarlo. En el caso de que no esté creado, pues tendrás que crearlo, obviamente.

En la caja de texto del producto veremos dos pestañas:

Para añadir el vídeo seleccionaremos la pestaña Descripción y localizaremos el icono de Insertar/Editar Vídeo.

prestashop icono video

Al pulsarlo veremos las distintas opciones que PrestaShop nos ofrece para configurar el vídeo.

prestashop opciones video

Pero necesitamos un vídeo para añadir, así que vamos a buscar un vídeo de la mayor fuente de vídeos de Internet: YouTube.

En la página del vídeo de YouTube, verás un espacio en el que pone Compartir y si lo pulsas, aparecerá una ventana con las distintas opciones que tenemos para compartir el vídeo. Nosotros escogeremos la opción de Insertar.

En las opciones que nos ofrece YouTube podemos cambiar algunas cosas, pero lo que nos interesa es el botón de Copiar que nos permite copiar todo el código que necesitamos, sin dejarnos nada.

youtube copiar codigo

Ahora volvemos a PrestaShop, a la ventana de opciones del vídeo que hemos dejado sin datos y pulsamos sobre la pestaña Incrustado y pegar el código que hemos copiado de YouTube.

prestashop anadir codigo youtube

Según la plantilla que estés usando, tendrás que modificar el tamaño del vídeo para que no se salga de los límites.

En la plantilla por defecto PrestaShop, un tamaño de 425×350 puede valer, así que lo modificamos directamente sobre el código que hemos pegado y pulsamos en OK, para guardar los cambios.

Lo que nos mostrará PrestaShop será una caja gris, así que para ver el resultado tendremos que guardar los cambios en el producto editado y ver la página para ver el vídeo.

El vídeo podrás verlo en la descripción del artículo, tal y como se muestra en la siguiente imagen:

Cómo puedes ver, es muy sencillo añadir un vídeo en la descripción de un artículo en PrestaShop 1.7, si sabes cómo hacerlo.

prestashop video insertado descripcion articulo

 

Cosas a Tener en Cuenta

Es posible que prefieras subir los vídeos a tu hosting en lugar de utilizar una plataforma de terceros, como puede ser YouTube o Vimeo y técnicamente puedes hacerlo.

El problema es que la transferencia de datos que se consuma cada vez que alguien vea un vídeo, se descontará de la transferencia mensual contratada en tu hosting.

Esto puede ser un problema, ya que los vídeos consumen mucha transferencia y puedes llegar al límite, teniendo un problema ya que al llegar al límite, el sitio dejará de funcionar correctamente.

También es posible que te estés preguntando, porque no ponemos la URL directamente en el espacio que PrestaShop no indica para ello.

La respuesta es que no hemos podido hacer que funcione así. Quizás en alguna actualización de versión de PrestaShop se solucione, pero ahora mismo no funcionaba, así que hemos optado por la opción de insertar el código directamente.

En cualquier caso, la solución es sencilla de aplicar y el resultado el que buscamos, que es poder insertar un vídeo en la descripción de los artículos de PrestaShop 1.7.

¿Buscas un Hosting PrestaShop?

En Hostinet podemos ofrecerte un hosting PrestaShop con dirección IP española, discos SSD, servidor LiteSpeed, SSL gratuitos y soporte técnico especializado a precios realmente competitivos:

  • Hosting especializado en PrestaShop con discos SSDPrestaShop 53´99 / mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 257´99 / mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 509´99 / mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 53´99/mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 257´99/mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 509´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu PrestaShop
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu PrestaShop
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu PrestaShop
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y PrestaShop
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Nuevas Altas. Contratación anual.