PrestaShop 1.7.x - How To Add Videos To The Product Page - TemplateTrip Help

Big Savings sale

Limited-time deal: Up to 70% off. Hurry before it ends!
Save Now





Product successfully added to your shopping cart.

PrestaShop 1.7.x – How to Add Videos to the Product Page

Adding videos to your product pages can significantly enhance the shopping experience for your customers. Videos allow you to showcase your products in action, provide demonstrations, and offer a more immersive understanding of their features and benefits. In this blog post, we will guide you through the process of adding videos to your PrestaShop 1.7.x product pages in five simple steps.

Step 1: Fill in the Tab Settings #

To begin, log in to your PrestaShop admin panel and navigate to the product for which you want to add a video. Scroll down to the “Tabs” section and click on the “Add new tab” button. Fill in the necessary settings for the new tab, including the Tab Heading and selecting the Category for which the tab will be displayed. Lastly, choose the specific Product(s) to associate with the tab.

Prestashop 1.7.x. - How To Add Videos To The Product Page

Step 2: Get the YouTube Video Embed Code #

Next, open the YouTube video that you want to add to your product page. Below the video player, click on the “Share” button. A share panel will appear with various sharing options. Click on the “Embed” button, which will display the video’s embed code.

Prestashop 1.7.x. - How To Add Videos To The Product Page

Step 3: Copy and Insert the Embed Code #

Copy the embed code provided by YouTube. Now, go back to your PrestaShop admin panel and access the configuration settings of the module responsible for handling the product tabs. In the “Tab Description” section, you will find an “Insert/edit video” button. Click on this button to open the video insertion tool.

Prestashop 1.7.x. - How To Add Videos To The Product Page

Step 4: Add the Video Embed Code #

In the video insertion tool, select the “Embed” tab. Paste the YouTube video’s embed code into the provided field. Once you have pasted the code, click the “Ok” button to save the changes. This will insert the video into the tab description.

Prestashop 1.7.x. - How To Add Videos To The Product Page

Step 5: View the Updated Product Page #

Congratulations! You have successfully added a video to the product page. To see the changes, refresh the product page on your PrestaShop store. The video will now be visible within the newly created tab, allowing customers to watch the video directly on the product page.

Prestashop 1.7.x. - How To Add Videos To The Product Page

Conclusion #

By following these five simple steps, you can easily enhance your PrestaShop 1.7.x product pages by adding engaging and informative videos. Videos have proven to be effective in increasing customer engagement, improving conversions, and providing a more immersive shopping experience. Take advantage of this powerful feature to showcase your products and differentiate your online store. Experiment with different video types, such as product demos, customer testimonials, or explanatory videos, to find the best approach for your audience. Remember, video content can significantly contribute to the success of your e-commerce business.

We prioritize the cultivation and preservation of trust through enduring professional connections, ensuring dependable customer reliance.Here are some important qualifiers:

  • We create and maintain themes entirely in-house.
  • Join our community of 1,000,000 enthusiastic customers and shape your future
  • Our passion lies in serving you and your future is our utmost priority.

To purchase a template, simply browse our collection, select the one that suits your needs, and proceed to checkout. Follow the instructions to complete the purchase, and you'll receive download instructions and licensing information.

Yes, our templates are highly customizable. They come with user-friendly options and settings, allowing you to personalize the design, layout, and other elements to align with your brand or project requirements.

We regularly update our collection with new and innovative templates. The frequency may vary, but our goal is to provide our customers with fresh and contemporary options for their web projects.

You can get support for TemplateTrip templates by visiting our dedicated support page on our website. There, you'll find resources such as documentation, FAQs, and the option to submit a support ticket. Our support team is ready to assist you with any questions, issues, or customization inquiries you may have.