Can I add my online forms to PrestaShop?

Yes, you can. To add online forms to PrestaShop, go to your 123 Form Builder account, copy the JavaScript code of your form and paste it inside a JavaScript module from your PrestaShop webpage. If you don’t have the JavaScript module for PrestaShop, you can either buy it from PrestaShop’s marketplace or follow the steps below:

1. Open the source control software from your server where all your PrestaShop files and folders are located. Go to Themes → Your Theme and select the page where you want to add the online form. In this tutorial, we will change the contact form located on the Contact Us page. Open the file contact-form.tpl and delete all content within the file. If you cannot open it with Notepad, try Notepad++.

2. Log in to your 123 Form Builder account, select the form you want to publish in My Forms, and go to the Publish → Embed Code section. Copy the JavaScript code of your form and return to your .tpl file to paste it there. Next, save your changes and overwrite the old contact-form.tpl file with the new one (if changes haven’t been applied directly on the server).

Return to your PrestaShop website (visual mode) and you’ll find the new contact form on the Contact Us webpage. All form submissions received through your PrestaShop webpage will be saved in the Submissions section on 123 Form Builder. Whenever you edit the online form in your 123 Form Builder account, all changes will be automatically applied on your PrestaShop website, but only if you use the JavaScript code.

Note: This documentation is made with the use of PrestaShop 1.6 without any customized modifications.