Product

How to Embed a Form in Shopify

Mike Kilcullen
|
Dec 5, 2022
|
5 mins

Shopify is a powerful ecommerce platform that offers brands an easy way to build and launch an online storefront, list products, accept orders, monitor sales, and more.

However, there is one important area in which Shopify lacks support—forms.

Ecommerce businesses need forms to efficiently gather customer information for wholesale inquiries, refund requests, and customer feedback without having to hop on the phone or go back and forth with the customer. They also use forms for product quizzes and collecting payments.

Fortunately, form builders like Feathery make it easy to build and embed them in your Shopify storefront in a matter of minutes. In this post, we’ll show you how.

Building your form in Feathery

To start, you’ll want to create a free account with Feathery.

Once in the Feathery dashboard, click Create Form in the upper right-hand corner. You can choose from pre-built form templates or build your form from scratch.

Create a form to embed in Feathery

Once you’ve created your form, you can add fields based on what information you’d like to capture, style elements to match your brand, and customize the flow of the form as well.

Customize a form in Feathery

Once your form is ready, you can grab the code needed to embed your form in your Shopify site. Under the Publish button dropdown, click Javascript, which will copy your embed code to your clipboard.

Copy form embed code in Feathery

Now let’s head to your Shopify store to embed your form.

Embedding your form in Shopify

Log in to Shopify and select your store.

In the left-hand navigation bar, find Sales Channel > Online Store > Pages and select the page you wish to embed your form on.

Navigate to page in Shopify

In the page’s content editor, click Show HTML.

Show HTML in Shopify

Now paste your form’s Javascript embed code in the content editor.

Embedded form code in Shopify

Once you’ve pasted your code, click Save and then click View Page to see your successfully embedded form.

View embedded form in Shopify

Build and embed more forms with Shopify and Feathery

Embedding forms in Shopify is a great way for ecommerce businesses to gather customer information for orders, payments, and product feedback.

Other powerful forms you can build with Feathery and embed in Shopify include:

  • Contact form for general inquiries
  • Custom order forms for personalized products
  • Return request forms including eligibility questions
  • Gift card purchase forms
  • And more!

Whatever your store requires, build and sell confidently knowing that form builders like Feathery are there to support your form-building needs.

Ready to get started?

Sign up for a free account with Feathery today.

Have questions about how to embed a form in Shopify? Join our Slack.

Related

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Image Caption here

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  • Lorem
  • Lorem Doloar

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.