How to add a form to your PrestaShop website

Last Update: June 10, 2016

We're pleased to announce that we've figured out an easy solution for you to add your forms to your PrestaShop with this guide so let's get going!

Assuming that you are in your Prestashop backend, please do the following to embed your form:

1. Allow iFrame on HTML fields.

Go to your Administration Panel > Preferences > General > Allow iFrames on HTML Fields. Change it to "YES" and save it.





2. Now grab your form iFrame from your Embed Options. Here's the guide: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. And do the following adjustments:

a. Remove the script part, highlighted with yellow below.
b. Adjust the height (highlighted with violet below) based on the actual height of the form, you may need to preview your Prestashop page to see the entire form. 




3. Create your CMS Page. Go to Preferences > CMS > Add new CMS page:







4. This a new page editor will load. Fill out the needed information. There are required fields in the editor. Now, click the "Tools" option and click "Source Codes":




5. Enter the modified iframe codes in the Source Codes box and click Ok button:



You won't see anything just yet other than the previous text you've entered into the page editor if anything, but there's no need to worry about that part.


6. Finally, go ahead and click " Save and Preview " and you're done! If you've done everything correctly it should now load a new page and look like this:






Additionally, There is an alternative method using an iFrame Wrapper Tool which is offered as a Prestashop add-on. However, be advised that this is not free and you must purchase the plugin to enable it for use in your store though it works just as well in the same aspect.


Questions? Please let us know in the comments box below!


7 Comments...


   
alexdochian (June 19, 2014 at 07:06 AM)

Hello,

My goal is to add jotform so it collects emails and names from the first time visitors on my website:
www.angrozenda.ro (i want it to show pop-up, 1 time -per user-cookie) I am using prestashop.

So I have managed to add the form to my test webpage:
Had to delete a module -home slider- so it would work without conflicts,
-needed to edit the home-text-editor so i can include html and other languages in the editor
-removed hook from this module so it would show only on the home-page (else it was showing on every page)

But the problem is that it would not remember the cookie, it shows on my home page every time, to every user.

Need support asap - trying to fix this for 2 days already

View Answer


   
Fabio Franchini (December 16, 2014 at 03:42 AM)

It do not work on prestashop 1.6
I cannot write caracter "=" in new (or old) cms page. Any suggestion?

View Answer


   
zoiijared (September 16, 2015 at 07:58 AM)

Failed.. JUST FAILD

HOOOOWWWWWWWWWWWWWWWWWWWWW please

View Answer


   
Lykinos (October 02, 2015 at 04:41 PM)





use this code instead and change the numbers of the form to yours, it works for me in ps 1.6.1.1


   
Clawtwin (March 20, 2016 at 08:27 AM)

Hi, I have an error message: The content field is invalid.

View Answer


   
Amelia Johns (July 20, 2016 at 03:17 AM)

I have seen that you have updated the post very soon, so I think that you form jotform will work for my latest version of PrestaShop. Here I want to know about your tool, Can I use it on product pages just like offering this module http://www.fmemodules.com/en/86-product-contact.html . Also let me know that i want to show a contact form button on product page, when a user clicks on the button, then the form open in ajax popup window. Does you tool support this?

View Answer


   
mette lyngeled (October 05, 2016 at 08:01 AM)

Hi
How do I set where to send the content of the form? And how do I translate the text after click on send to danish?
Mette

View Answer


Send Comment