Why Your Website is Not Displaying Videos or Google Maps

If your website is not displaying videos or Google Maps, it might be due to iframe restrictions or incorrect embedding methods. This guide will help you check and enable iframes on your PrestaShop site and show you how to correctly get iframes from YouTube and Google Maps.

1. Check and ensure iframes are enabled

To display videos or Google Maps on your website, you need to ensure that iframes are enabled. Here’s how to allow iframes in HTML fields on your PrestaShop site:

Step 1: From your PrestaShop admin panel, navigate to "Configure > Shop Parameters > General".

Step 2: Locate the option "Allow iframes on HTML fields" and switch it to "Yes".

Step 3: Click the “Save” button to apply the changes.

2. How to get iframe codes from YouTube and Google Maps

Once iframes are enabled, you can embed videos or maps by obtaining the correct iframe code from YouTube or Google Maps. Here is the guide to obtaining iframes for videos and Google Maps.

Getting video iframe from YouTube

Step 1: Go to the video you want to embed on YouTube.

Step 2: Click on the "Share" button located below the video.

Step 3: Choose the "Embed" option from the share menu.

Step 4: Copy the provided iframe code.

Getting iframe from Google Maps

Step 1: Go to the location you want to embed on Google Maps.

Step 2: Click on the "Share" button.

Step 3: Select the "Embed a map" tab from the share options.

Step 4: Copy the provided iframe code.

3. How to embed iframes into your menu

To include iframes for videos or Google Maps in your menu, follow these steps:

Step 1: Access the module configuration page in your PrestaShop admin panel.

Step 2: Click to add a new block or edit an existing one.

Step 3: On the menu sidebar, either add or edit a block. In the "Block type" field, select "Text/HTML".

Step 4: Insert the iframe code

In the "HTML/Text content" field, click the video icon for video iframes or the "<>" source code icon for Google Maps iframes.

For video iframes:

• Click on the video icon in the content editor.
• In the "Insert/Edit video" popup, go to the "Embed" tab.
• Paste your video iframe code into the provided field and click "OK".

For Google Maps iframes:

• Click on the "<>" source code icon in the content editor.
• Paste your Google Maps iframe code into the field.
• Click "OK" to insert the code.

Step 5: After inserting the iframe code, make sure to save the block by clicking the "Save" button.

By following these steps, you can ensure that videos and maps display correctly on your PrestaShop site, enhancing your site's content and user experience. If you have any further questions or need additional support, feel free to reach out to our support team.