Why Doesn't My Iframe Display in the Contact Form?

If you've inserted an iframe into your Contact Form 7 but it doesn't display, there may be configuration settings that need to be adjusted. Here’s a step-by-step guide to help you resolve this issue and successfully display iFrames in your forms.

Step-by-step guide to displaying iframes

Step 1: Navigate to general parameters:

• Open your PrestaShop admin panel.
• On the quick access menu, go to “Configure”.

Step 2: Access general settings:

• Click on “Shop Parameters”
• Then, select “General” from the dropdown options.

Step 3: Enable iframe display:

• In the “General” settings, look for the option labeled "Allow iFrame on HTML fields".
• Set this option to “YES”.

Step 4: Save your settings:

• Click the “Save” button to apply the changes.

Example of iframe usage

To ensure your iframe displays correctly, here’s an example of how to insert an iframe into your form:

Step 1: Edit your contact form:

• Navigate to “Contact Forms” on the sidebar menu.
• Select the contact form you want to edit and click “Edit”.

Step 2: Insert the iframe tag:

In the “Form editor” field, embed your iframe code where you want it to appear.

Step 3: Preview and save:

• Click on “Preview” to see how your form looks with the iframe.
• If everything looks good, click “Save” to finalize your changes.

By following these steps, you can enable the display of iframes in your Contact Form 7. Ensuring the correct settings in PrestaShop allows you to utilize iFrames effectively within your forms, enhancing the functionality and user experience of your website.