How to Add Contact Form App to Shopify Website

You can’t think of a site which wouldn’t provide an opportunity to send your message. Different response forms, message or reply forms and other tools that allow to keep in touch with clients are essential nowadays. Build any of that yourself without coding skills!

Responsive Contact Form for Your Shopify Website

Elfsight Contact Form is a simple and extremely flexible app allowing to create any type of contact form. If you are looking for a handy tool to bring you more client responses and increase your conversion rate – our app is definitely for you! Learn more about the app.

Our leading features:

  • Premium design;
  • Responsive template;
  • Captcha protection included;
  • Popup and onpage options;
  • Two-minute installation.

Keep in touch with clients 24/7, receiving feedback on requested email and increase leads for your business!

Video Guide

Stages of Displaying the App on Your Website

Setup of our app is ultimately easy and intuitive; it will take you not more than a couple of minutes. Follow all steps described below to set up your app.

Phase 1. Set up your individual widget

Setting of the widget

Follow the link (Live Editor) to create a widget. Decide on the design and display parameters in order to create the plugin that will suit your site best. Or learn more on product page.

Copy the code of the widget

The finishing stage in setting up our widget is to take the product script.

Phase 2.1: Add full size Contact Form to a page

Pin your form to one of the pages.

Enter Shopify website

Sign in to enter control panel.

Go to page editing

Click «Online Store» tab and enter «Pages» section to select the page where you want to install the form.

Edit the page

Display the page content as HTML by pressing «Show HTML» in the page-editing panel.

Insert the widget

Add form code to the page and save the changes you have made.

You have successfully set up the widget!

Visit the page and check the result.

Step 2.2: Add popup contact form to follow visitor’s scroll

Popup form can be added to each and all pages of your website.

Enter control panel

Log into your account on Shopify.

Edit the theme

Enter menu of site control, click «Themes» link and go to editing HTML and CSS template.

Add buttons to the website

Find the section that's used more frequently and add the widget code to any place of the page. Save the changes.

Installation is successful!

Great! You have just installed the form to your website.

Elfsight's Diverse Range of Contact Form Template Options

Choose your ideal Shopify contact form from our diverse range of template options and enhance your website's user experience:


Auto Reply Contact Form
Create a form with an auto-reply feature to collect contact data using the template for website.
Captcha Contact Form
Create a form for collecting contact details with Captcha protection using the template for website.
Email Contact Form
Create a form for collecting contact details and emails using the template for website.
File Attachment Contact Form
Create a form with a file attachment feature to collect contact data using the template for website.
File Upload Contact Form
Create a form for collecting contact details with a file upload feature using the template for website.
Multiple Emails Contact Form
Create a form to stay in touch with users and send multiple email notifications using the template for website.
Popup Contact Form
Create a form to collect contact details in the pop-ups using the template for website.
Conditional Logic Contact Form
Create a website form with the template by including contact questions based on conditional logic.
No Suitable Form Template?
Create your form with Elfsight AI by describing your requirements in plain language, or build your own form using our form builder.

Elfsight Apps Account for tuning the app

After the app is installed, you can also change it any way you want. To do it, go to Elfsight Apps website and enter Live Editor. You are free to correct texts, change templates, or choose required display option. All changes you’ve made in the Live Editor will be immediately applied on your website.

To explore and install other smart Shopify apps created by Elfsight team, enter your account.

Get your own Contact Form free!

Free editor to create news apps in a couple of clicks.