How to Embed and Add Videos in PrestaShop Product Description

Video in PrestaShop product description provides thorough overview of items you are selling over the store. They are preferable by retailers since help captivate customers and create positive shopping experience.

PrestaShop product video embedding allows you to take necessary video hosted on Vimeo or YouTube and post on your product pages. Then people can watch tutorials directly at this page without moving to video-sharing website.

Store Manager for PrestaShop helps you enhance user engagement by simplifying overall procedure of PrestaShop product video embedding either manually in product edit profile or massively through import.

1) Inserting Video Through Product Edit Form or Lower Grid

Product description is accessible in the lower grid of selected product as well as in the edit form.

1. Open the product, you want to add video to, in edit mode in the application.


2. Switch to ‘Description and Meta’ tab in the edit form.


3. Open HTML Editor and hit ‘Video’ icon on the toolbar.




4. Insert video URL in the field below and adjust settings in ‘General’ tab if necessary




5. Save changes and check whether video displays in the editor.




If you already have embedded video code, you can add it to product description through Raw HTML Editor. In order to switch to the Raw HTML Editor, press corresponding button as the screenshot below displays and paste embed PrestaShop product video code.




In order to access PrestaShop product video embed code, go to video page (on YouTube or Vimeo) and click ‘Share’ button. Afterwards navigate to preview section with extra options, that allow you to customize embed code. If necessary, implement adjustments and copy HTML code.





2) Bulk Add Videos Through Import

Videos can be added to multiple products in one go through import surely. If embed code of videos with all the necessary parameters is provided for each product in the import file, you can upload it to PrestaShop running usual data upload through the wizard.




Receiving data feeds from external sources, you oftentimes have plain video URL in separate file column, like it is shown below. It seems to complicate the task of adding the video in PrestaShop product description, since HTML tags are missed.






Store Manager allows to embed video code and add it to product description right in the course of import settings configuring creating special SQL formula to concatenate details from different columns, enclosing video into iframe HTML tag.



CONCAT([CSV_COL(x)],’<p><iframe src="',[CSV_COL(y)],'"frameborder="0" width="400" height="250" ></iframe></p>‘) ! Note, that x, y should be replaced to correct columns numbers!




When configuring import settings in the wizard, you are supposed to add this expression on ‘Assign CSV Columns to Database Fields’ page for ‘Description’ field.

1. Press ‘Editor’ button beside ‘Description’ field.




2. Insert above provided expression.




3. Execute the statement to ensure it is correct.





PrestaShop product import is performed, the videos will be added into PrestaShop product description for all the items you have in the source file.