1. If you would like to install MightyForms on your BigCommerce site, please start by logging in to your BigCommerce panel. Then, go to the “Apps” section and visit the “BigCommerce App Marketplace”.

2. In the search bar, type in ‘MightyForms‘ and select it from the available apps.

3. You will be redirected to our app’s page where you need to click the ‘Install’ button.

4. When the following screen appears, please click the ‘Confirm’ button.

5. You will be redirected to your MightyForms application where you can login with MightyForms account or register for new one.

6. After successful login, you will see the dashboard page. Click to "Create new form" at the top right side of screen.

7. Example: click to "Start creating" to create a new form from scratch.

8. Using the visual builder, you can compose a form according to your needs, press "Publish" in top right side of screen.

9. Next, copy project id from the address bar to clipboard (without leading slash) and replace "YOUR_ID_HERE"  with this construction to your ID:
<iframe frameborder="0" width="100%" src="https://form.mightyforms.com/form/YOUR_ID_HERE/live"></iframe>


Example for our case: <iframe frameborder="0" width="100%" src="https://form.mightyforms.com/form/88f7c361-d662-4805-b6c5-fb12675ca44f/live"></iframe>


Just save this code anywhere, or copy to clipboard.


10. Now, go to any product page, scroll to "Description"  section and click to "Insert/Edit Media" icon on right side of toolbar.


11.Click to "Embed" tab, paste string that you copied at previous step and click "Ok".
Than, save the page.


12. That’s it!  Go to the product page, and you will see embedded form.

If you don't need the form anymore, the easiest way to remove it - just make left-click to white space, and press BackSpace or Delete on keyboard.

Did this answer your question?