miércoles, 20 de agosto de 2014

Insertar - inscrustar vídeos en los artículos - productos de Prestashop

Inscrustar un vídeo de Youtube en un producto de nuestra tienda Prestashop.


Lo primero que tenemos que hacer es entrar en nuestro Backoffice de Prestashop para configurar la tienda y nos permita Iframes en los campos HTML

1- Iremos al menú PREFERENCIAS / CONFIGURACIÓN.

2- Por defecto la opción "Permite iframes en los campos HTML" viene en NO, hay que ponerla en SI.

3- Hay que guardar los cambios, abajo a la derecha botón guardar.



El siguiente paso será ir a YOUTUBE u otra plataforma online e ir al vídeo que queremos insertar. Una vez en el vídeo, en la parte inferior hay la opción de compartir.

1- Le damos al botón compartir y se abre un panel en la parte inferior.

2- En este caso seleccionaremos "INSERTAR", que es la  opción que permite incrustar el vídeo en nuestra web o tienda online.

3- Este es el código que tenemos que copiar para después pegar en el lugar donde queremos que aparezca el vídeo.



4- Son las opciones de configuración, como por ejemplo el tamaño. ( que podremos de todas formas ajustar más adelantes desde la web o tienda online )
 

Ahora vamos a ir al producto que queremos que contenga el vídeo a incrustar. Aquí hay varias opciones, incrustar el vídeo el la descripción corta o la descripción larga, la diferencia es que una aparecerá arriba y al lado de la foto del artículo y la segunda aparecerá en la parte inferior del producto. ( ver imagen a pie de página )

1- Seleccionamos este icono para insertar el vídeo Arriba.

2- Seleccionamos este icono para insertar el vídeo Abajo.
 Esta ventana es común a ambas opciones y aquí es donde pegaremos el código que hemos copiado en YouTube "iframe"

1- En este caso seleccionamos la pestaña "Incrustado"

2- Pegamos el código iframe.

Si miramos el código veremos que el vídeo tiene un ancho y un largo, lo podemos modificar para ajustarlo a nuestro tema y quede perfectamente visible. También podemos ponerle borde con frameborder, etc.

<iframe src="//www.youtube.com/embed/kHue-HaXXzg" width="560" height="315" frameborder="0"></iframe>


 Después de darle OK, veremos que el vídeo aparece con un " ? " es normal, para ver el resultado nos vamos a la tienda, entramos en el producto y vemos como queda.


Aquí está el resultado, según donde hemos colocado el código.

Hay que tener en cuenta que podemos poner vídeos en ambos sitios e incluso poner varios vídeos en el mismo producto y descripción, no se limita a que sólo puedas poner uno, pero tampoco hay que abusar.


Si os ha gustado la entrada se agradece algún comentario o que se comparta la información.


Gracias!!!

Síguenos en:

PC INFORMÁTICA INTEGRAL  --- WWW.PCINFORMATICAINTEGRAL.ES

Mantenimiento informático a Empresas, Reparación de ordenadores y portátiles, instalación de redes informáticas, diseño web, posicionamiento web, diseño gráfico e impresión tarjetas de visitan flyers, tienda Online de productos informáticos y  electrónica de consumo, telefonía móvil libre y más… consulta en nuestra web todo lo que te podemos ofrecer. ( TIENDA : www.pcinformaticaintegral.com )

No hay comentarios:

Publicar un comentario