How to Add a Form to Your PrestaShop Website

PrestaShop is a free shopping cart platform that helps small to large businesses build and run a successful online store. They’re committed to providing the best shopping cart experience for merchants and customers.

If you have a PrestaShop website and want to embed your form to a page, follow the steps below.

Allowing Iframes on HTML Fields

By default, PrestaShop does not allow iframes in page content or product descriptions. To enable iframe support, make this change in your PrestaShop dashboard with just a few clicks:

1. In the PrestaShop Dashboard, expand the Shop Parameters menu on the left of the page and click on General.
2. On the right, toggle the Allow iframes on HTML fields setting to the Yes position.
3. Then, click on the Save button at the bottom to apply the changes.

Getting and Modifying the Embed Code

Follow these steps to copy the embed code for your PrestaShop website:

1. In Form Builder, click on Publish.
2. Next, click on Platforms.

3. Then, select PrestaShop. You can use the search bar to find it easily.

4. In the next screen, click on Copy Code.

5. In the embed code, find onload="window.parent.scrollTo(0,0)" and delete it. Then, remove any <script> sections that appear after the closing </iframe> tag. The updated code should look like this:

<iframe id="JotFormIFrame-201706063937051" title="Product Feedback Form" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/201706063937051" frameborder="0" style="min-width: 100%; height:539px; border:none;" scrolling="no">
</iframe>

Embedding the Form

Follow these steps to embed your form on your PrestaShop website:

1. In PrestaShop Dashboard, expand the Design menu on the left of the page.
2. Then, click on the Pages option.
3. In the Pages section, click the Pencil icon under the Actions column of the table below to embed your form on an existing page. To create a new page, click the Add new page button at the top.

4. Next, click on Source code on the Page content toolbar.

5. In the Source code window, paste your modified form embed code and click on Ok.
6. At the bottom of the Pages section, click on the Save and Preview or Save button to apply the changes to your website.
   Note: The Save and Preview button will open the preview of your page with your form on a new browser tab.

Do you have any questions, suggestions, or feedback? Please leave a comment below. You can also reach us for your inquiries by creating a support ticket.