How to Create & Customize Contact Form for BigCommerce?

Updated: May 31, 2021

Share:

Imagine when you visit an online store and want to communicate with them to ask some questions about their products or services as well as receive newsletters about their latest deals.

What can you do?

A helpful option for this case is to fill in the contact form. Indeed, a contact form is an effective means that helps merchants to approach prospects, generate leads, and improve their quality based on customer feedback.

Understanding this, BigCommerce also offers users the features to create and customize contact forms for their eCommerce store. Users are able to create contact forms directly by the built-in contact form on this platform or make use of a third-party contact builder.

In this post, you will get the detailed guides How to create and customize contact forms for BigCommerce in both ways, so don’t miss it!

Table of contents

How to create & customize built-in contact form on BigCommerce

Step 1: Create a web page

Open your BigCommerce control panel. Then, select Storefront.

Open-storefront

Click on Web Pages. You can select Create a Web Page button to create your contact form.

Create a web page

You will be navigated to a page to edit your web page. There, remember to select Allow people to send questions/ comments via a contact form.

Allow people to send questions/ comments via a contact form

In default, there is a contact form available in Web Pages, so if you don’t want to create more pages, click on the symbol in the block of Contact Us and choose Edit.

Edit contact forms

Step 2: Edit web page details

Still on that page, enter your page name, URL, and details.

Edit web page details

Scroll down and fill in your email address in the blank of Email Questions to. Below that field is Show These Fields, where you can tick on the field you want to display in your contact form.

Add your email address and edit fields on contact form

There are 7 fields available for you, which are:

  • Email address
  • Question/ comment
  • Full name
  • Company name
  • Phone number
  • Order number
  • RMA order

    Step 3: Customize the display of contact form

    Scroll down, and you will see a block named Navigation Menu Option, which includes the features allowing you to show your contact form in the navigation and choose parent pages.

Navigation menu options

Besides, the Advanced Options enables you to edit the page title, meta keywords, meta descriptions, and more.

Edit advanced options

Since these fields are optional, if you don’t want to change anything, ignore it.

Step 4: Save the changes

After all changes, click on the Save & Exit button at the bottom of the screen.

How to create & customize contact form from a third-party platform

Step 1: Create a contact form on a third-party platform

Create your own contact form on your favorite third-party platform like Jotform, Wufoo, EmailMeForm, Kontactr, etc.

When finishing, save your contact form and copy the HTML code of this form.

Step 2: Create a web page

Login your BigCommerce dashboard and select Storefront.

Open Storefront

After that, open Web pages and click on the Create a Web Page button.

Create a web page

Step 3: Embed the contact form’s HTML codes

You will be redirected to a page to edit your web page. In the Page Type, click on the option of Contain content created using the WYSIWYG editor below

Choose using the WYSIWYG editor

In the Web Page Details, click on HTML located on the top of the page content.

Choose HTML

An HTML Source Editor will appear on the screen, paste the embedded HTML code of your contact form here.

Embed HTML codes

Step 4: Save the changes

Finally, select Save & Exit and you finish creating your contact form from a third-party platform on BigCommerce.

Final thoughts

Overall, the above are two ways to create and custom contact forms for BigCommerce, read carefully, and select your preferred options. Hope that you will get a suitable contact form for your eCommerce store. If there are any problems during your process of making contact form, don’t hesitate to share with us by leaving a comment below this post.

Recommend for you
Image Description
SMS, Email Marketing Automation

Top rated Marketing automation for Shopify stores

Learn more
Image Description
SEO Suite

Auto-optimize website elements and structure in one-click.

Learn more
proofo
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up