If you haven’t yet optimized the Contact Us page for your BigCommerce store, you’re missing out on a big opportunity. By putting a little effort into this section of your site, you can make your customer support team more efficient, capture more leads, and gather valuable information about customer needs and preferences.
In this guide, we’ll walk you through all the steps involved in creating an excellent BigCommerce Contact Us page.
When designing your Contact Us page, be sure to include the following elements:
Here are a couple more general points to keep in mind — for one, it should be easy for the visitor to find your Contact Us page. Feature a link to this page on the main header or footer menu of your site. Also, the overall design of the page should be simple and streamlined. Avoid adding too much text or any other extraneous elements, as this will distract from the main purpose of your BigCommerce Contact Us page.
To get a look at how this should all come together, check out this Contact Us page for Cotton Cuts. This page has everything — a clean and focused design, a link to their FAQ page, and a submission form with a clearly defined CTA button.
Shogun makes it easy to follow all of the established best practices for BigCommerce Contact Us page design and create your own from scratch.
To show you how it’s done, let’s walk through every part of this process, step-by-step:
Step 1. After downloading and installing Shogun, select the “Apps” option in the left sidebar of the BigCommerce control panel.
Step 2. Open Shogun.
Step 3. Hover your cursor over the “Build or edit a page” section and select “Start from scratch”.
Step 4. Give your new page a name, adjust the URL path if necessary, and then select “Create Page”.
Step 5. This will take you to Shogun’s visual editor. Here, you’ll find all the tools you need to build your Contact Us page, as well as your homepage, product pages, landing pages, and any other type of page that you might want to make.
To open the elements library, click on the “Elements” icon in the left sidebar of the visual editor (it’s the one that looks like a plus sign inside of a circle).
The elements library contains a wide variety of different features that you can choose to include on your new BigCommerce page. Once you’ve placed an element on the page, you’ll then be able to fully customize its content and styling.
Step 6. For complete control over how each element is positioned, you should first add the “Grid” element — this will allow you to alight and overlay your content however you want.
Step 7. In the “Content” section of the elements library, you’ll find the “Heading” and “Text” elements that you can use to explain the purpose of the page. Remember, you want to keep the number of words to a minimum here.
Step 8. In the “Forms” section of the elements library, you’ll find elements for building out your contact submission form.
First, add a “Form Box” element to the page. Then, you can add the following elements inside the Form Box:
Step 9. Above, we mentioned that you should link to an FAQ page. But if you don’t have too many questions to go over, you should consider just putting this feature directly on your Contact Us page instead — removing the extra step of jumping over to another page will encourage more people to read your FAQs, thus reducing the strain on your support staff.
The “Accordion” element is a good tool for this task.
Another option is to use a block instead of an element to create this section (these can be found by clicking on the “Block library” icon in the left sidebar of the visual editor — it’s the one that looks like a cube).
So, to add an FAQ section to a BigCommerce page in Shogun, you can just navigate over to the “FAQ” section of the block library, click and hold on the block you would like to use, and then drag it over to wherever you want the block to be placed on the page.
The difference between elements and blocks is that blocks come pre-styled. If you like the look of a block anyway, you can save yourself a lot of time by just dragging it over and replacing the default text rather than manually customizing all the styling options of an element.
To determine which questions you should include in your FAQ question, simply refer to the questions your support staff has previously had to address through phone calls, email exchanges, etc.
These questions should be listed in order of priority, as the higher a question is featured in this section, the more likely it is that a visitor will notice it before they decide to submit the form instead.
Frequency may not be the only factor you should consider when setting the order of these questions. For example, the question you actually get asked the most may be quick and easy to answer, while the question you get the second-most may require a more involved explanation. In that case, your second-most frequent question should probably be listed first. Take some time to think over what would best help your support team.
If you’re still in need of some inspiration, here are a few of the most common FAQ questions for ecommerce stores:
Of course, in addition to these general questions, you may also need to address questions that pertain to your specific products or services.
Do you use Klaviyo for your email marketing or customer data management needs? If so, here’s a Shogun feature you should certainly know about — you can have submissions from any form you’ve built in Shogun sent directly to your Klaviyo account.
The first step to setting this up is going to the “Settings” section of the Shogun app.
Scroll down to “Integrations”, then click on the “Enable” button next to “Klaviyo OAuth”.
You’ll then be directed to Klaviyo to sign in to your account and finish the integration.
Once that has been completed, go back to your Form Box element in Shogun’s visual editor. In the customization settings for the Form Box, you’ll see an option for “Send submissions to” — this is where you can choose to have your form submissions sent to your email funnel in Klaviyo.
With the powerful native capabilities of Shogun and its integration with Klaviyo, you’ll have no problem designing the perfect BigCommerce Contact Us page and keeping in touch with your customers.
