Adding a Form in BigCommerce

April 13, 2022

BigCommerce is the world’s leading cloud eCommerce platform for established and rapidly-growing businesses. BigCommerce enables businesses to grow online sales with 80% less cost, time, and complexity than on-premise software.

If you have a contact form from Jotform, you can embed it on your BigCommerce website. Please proceed below for the steps.

Getting the Embed Codes for BigCommerce

  1. In the Form Builder, go to the Publish tab.
  2. Click the Platforms tab on the left.
  3. Search and click BigCommerce.
  1. Click the Copy Code button.

The code is now copied. You have two options to add the form to your BigCommerce website: Basic Editor and Visual Editor.

Adding Form through BigCommerce Basic Editor

  1. In your BigCommerce dashboard, toggle Storefront.
  2. Click Web Pages from the list of options.
  3. Under the Action column of the page, click the Meatball (three-dots) menu.
  4. Click Edit from the options.
  1. Click the HTML icon on the list of editing tools from the toolbar.
  2. Paste your form’s embed codes in the HTML Editor box.
  3. Click the Update button.
  1. At this stage, you will not see the form. You will have to save the changes and view the actual page to see the form.

Adding Form through BigCommerce Visual Editor

  1. In your BigCommerce dashboard, toggle Storefront.
  2. Click the Themes from the list of options.
  3. In your Current Theme, click the Customize button.
  1. At the top, select the page where you want to display the form from the dropdown.

Note
Only Normal Pages are displayed in the dropdown. You may need to change the Page Type to see it. To change, you will have to edit your Page. Under This Page Will, select the “Contain content created using the WYSIWYG editor below” option. Please visit the following link for more details.

  1. Once the page is selected, drag/drop the HTML block to the page.
  1. Paste your form’s embed codes on the HTML box.
  2. Click the Save HTML button.
  1. At this stage, you should see the form. If not, click the Publish button at the top to save and publish your changes.

Important
If some of your website features stop working after embedding the form, we recommend replacing the embed code with the iframe embed.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Himanshu
  • damienbegley
  • Chris
  • Chad Reid
  • Jrahman10
  • k9shippingincooperation
  • 2sweetdesignstudio
  • MilanovicB
  • ronnbeyer