How to add a contact form to your online store

A contact form is exactly what it sounds like — a short form for customers to contact you about placing a pre-order, making a return, leaving feedback, and so on. Once a person fills in the form, you will receive an email with the message. A contact form lets you get messages from visitors without revealing your email address. This protects your email from spammers, plus it’s a great way to build your email marketing list.

In Ecwid, there are several ways to add a contact form to your store to let customers get in touch with you:

With a section on Instant Site
With apps from Ecwid App Market
With a form builder service
With custom coding based on Ecwid API

Adding a contact form section to Instant Site

If you use Ecwid Instant Site, you can add a dedicated contact form section to any website page in the site editor.

To add a contact form to Instant Site:

1. From your Ecwid admin, go to Website → Edit Site.
2. (if you've added multiple pages to your site) From the Page: Homepage dropdown in the left upper corner, choose the page where you want to add a contact form.
    
3. Click Add Section, then scroll down to Contact Form and click the section. It will be opened for editing.
4. On the Content tab, fill out contact form details: section title and description, field names and whether they are required, text on the "Submit" button, etc.
5. On the Design tab, adjust fonts, styles, and colors. To hide a certain element, switch the Show element toggle for it.
6. Click Back and drag and drop the section in the sections list to change its position on the page.
7. Click the Publish button in the top right corner of the editor.

That’s it! The contact form will now appear on your Instant Site page. Customer messages will be sent to the email specified in My Profile → Profile in your Ecwid admin.

Using apps from Ecwid App Market

You can add a contact form to your Ecwid store on any site platform by installing an app specifically designed for customers to contact you. All apps are located in Ecwid App Market and available on Ecwid's Venture, Business, and Unlimited plans. See the apps below and choose the one that suits you best.

Promotional Sales Tools

The Promotional Sales Tools app is a responsive and fully customizable tool for creating a popup contact form. You can choose to display the form immediately, with a short delay, or by clicking the Contact Us button. The contact form will be displayed both on Instant Site and any website you embed your store to.

Price: From $9.99 to $49.99+ / month, with the 30-day free trial.

To add a contact form with the Promotional Sales Tools app:

1. Install the Promotional Sales Tools app and open it.
2. Go to Improve Communication → Contact Form Builder.
3. Customize the form and its display options. In our example, the popup will be displayed by clicking on the Contact Us button.
4. Turn on the toggle in the upper menu to display the form on your website.
5. Click Save.

Now your customers will see a Contact Us button on your store’s page. Once they click the button, the popup will appear:

Poptin

Poptin is the app that helps you create contact forms with ease using the advanced drag and drop editor. You can choose from numerous templates and then adjust the form to your business.

Price: Free to $119 / month

To add a contact form with the Poptin app:

1. Install the Poptin app and open it.
2. Select the template to customize.
3. Adjust the form to fit your business needs, then click Next in the upper right.
4. Select display triggers. For example, exit intent or time spent on site.
5. Click Publish in the upper right.

Your customers will see a popup contact form on your store’s page:

Adding a third-party service form

There are plenty of form builders out there like Jotform, Typeform, Google Forms, POWr, etc. It only takes five minutes to design a form and add it to your online store. Depending on your design preferences, you can either add a link to the form you created or embed a form as a HTML code.

To add a third-party service form, you can be on any Ecwid plan. Some form builders require a subscription to their service to create and publish forms.

Adding a link to a form

There are no strict rules on how to redirect customers to the form. For example, if you sell with Ecwid Instant Site, you can add a new block with the Contact Us button and link your form to it:

You can add the link pretty much anywhere on your Instant Site — to your navigation menu, to any section as a button, or as an action link.

If you sell on any other website you can add the link to the specific product page. Here’s an example of how to add a link to a product description:

Embedding a form with a HTML code

Adding a form HTML code will allow you to display a contact form on your website. It’s best to show a contact form on a separate page. If you sell on Instant Site, consider transforming one of the legal pages to a contact form page. The link to the form will be displayed at the bottom of your Instant Site.

To add a form to your Instant Site:

1. Create a form in any form builder service.
2. From your Ecwid admin, go to Settings → Legal.
3. Click Add Page or Edit to create a page for a contact form.
4. In the Page Content block, click the <> button to switch to the HTML mode.
5. Paste the code from a third-party form builder.
6. Click Change Page Title and enter "Contact Us".
7. Save the changes.

Your site visitors can now click on Contact Us link at the bottom of your Instant Site and fill in the contact form:

Customizing your design

If none of the above solutions fit your business goals, you can accomplish your specific request with custom coding based on the Ecwid API. API is the acronym for Application Programming Interface, and it means you have to be a tech-savvy person, but if you are not, it’s possible to hire a freelance expert to develop the contact form for you.