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:

<!-- MightyForms Section -->
<div class="mighty-form" id="mf-YOUR_ID_HERE"></div>
<script src="https://form.mightyforms.com/loader/v1/mightyforms.min.js"></script>
<!-- End MightyForms Section -->


Example for our case: 

<!-- MightyForms Section -->
<div class="mighty-form" id="mf-88f7c361-d662-4805-b6c5-fb12675ca44f"></div>
<script src="https://form.mightyforms.com/loader/v1/mightyforms.min.js"></script>
<!-- End MightyForms Section -->


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.

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

11. If you wish to have the form in any web page, go to Storefront > Web Pages > find the page to edit. Add the code through either HTML editor or change the page type to RAW HTML and just paste the code there. 

12. That’s it!  Go to the product page or any other page where you added the code, 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?