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 apps from Ecwid App Market
With a form builder service
With custom coding based on Ecwid API

Using apps from Ecwid App Market

The easiest way to add a contact form to your Ecwid store is to install an app specifically designed for customers to contact you. All apps are located in Ecwid App Market and available on any paid plan. 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, including Free. 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. You are also welcome to discuss your ideas with the Ecwid customization team. We provide 6 hours of custom development on the annual Unlimited plan and 2 hours on the annual Business plan. Submit your request to receive an estimated quote.