Create forms
You can create forms to help you grow your business in the following ways:
- prompt customers to join your email marketing list
- intake wholesale retailers using a company account request form
- collect data about your customers that's important to your business
Forms can be customized using the editor to match your online store and capture customer information in a privacy-compliant way.
You can display a popup form, inline form, or both at the same time on your store. Learn more about form types.
On this page
Considerations for creating Shopify Forms
Before you use the Shopify Forms app, review the following considerations:
- Forms display on your store only when they've been activated.
- Forms aren't supported in multiple languages and they can't be translated, which means that you can't use the Translate & Adapt app to translate forms that you create with the Shopify Forms app.
- Forms have a limit of 25 fields per form.
- You can have up to 25 forms per store.
- Multi-step forms aren't supported.
- If you use both a popup form and an inline form on your store and you deactivate the Forms theme app embed setting, then the popup form displays only on pages that also contain the inline form.
- To prevent a popup form from being displayed on any page, you need to deactivate the form.
- After a customer submits a form, a customer profile is created only if they're a new customer. Existing customers have their information matched to their profile with no modification to their email or phone number.
- If you use double-opt in for SMS, then the customer's smsMarketingConsent state will be set to
pending numbers
. Your SMS partner is responsible for confirming opt-in with the number. After receiving confirmation, your SMS partner needs to update the status frompending
toconfirmed
.
Form types
You can create either a popup or inline form. To learn about the difference between popup and inline forms and their requirements, refer to Form types.
Form type | Description | Requirements |
---|---|---|
Popup forms | Displayed as content that floats as an overlay above your store. Learn about the settings that you can configure for popup forms. | To display popup forms on your store, you need to install the Forms theme app embed in your theme. Learn about the specific settings that you can configure for popup forms. |
Inline forms | Displayed in your store in a specific section on your theme, such as on a page. Learn about the settings that you can configure for inline forms. | To display inline forms on your store, you need to use an Online Store 2.0 theme and install the Forms theme app embed in your theme. |
Create a form
You can create a form from your Shopify admin in the Shopify Forms app. Before creating a form, review the various form settings available to each of the different types of form.
After you create a new form, it's status is automatically set to Active. Learn more about managing forms.
Steps:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Forms.
Click Open app.
Click Create form.
Select whether to create a Popup form or an Inline form.
Enter a name for the form.
Click Create.
Configure the form based on your setting preferences. Learn more about form settings.
Click Save.
After the form is created, you must add the popup or inline form to your online store.
Duplicate an existing form
You can duplicate a form to create a new form that includes all of the fields, settings, and configurations of an existing form.
After you create a duplicate, the new form is Inactive by default. Learn how to activate a form.
Steps:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Forms.
Click Open app.
Click … for the form that you want to duplicate.
From the drop-down menu, select Duplicate form.
Optional: Edit the form settings that you want to change, and then click Save.
After the form is created, you must add the popup or inline form to your online store.
Add a pop-up form to your online store
In order for your pop-up forms to display on your storefront, go to your online store editor and activate the Forms theme app embed setting.
Steps:
From your Shopify admin, go to Online Store > Themes.
In your active theme, click Customize.
In the theme editor sidebar, click the App embeds icon.
Activate the Forms toggle.
Click Save.
As long as the Forms theme app embeds setting is toggled on, all active popup forms display on your online store.
Adding an inline form to your online store
Inline forms can be displayed on either a new landing page or an existing page of your online store.
Creating a landing page can be a useful option when you want to dedicate a separate URL to the page containing your inline form. For example, this option can be ideal for creating a dedicated sign-up page for wholesalers or B2B, where you can add lots of prerequisite content or testimonials as well as the sign-up form to a single page. Also, having the separate URL means you can easily share the page with the form in social media messages or emails.
Adding an inline form to an existing page requires less custom page management, because no new page URL or page template is created. You add the form as a block to an existing template, and the form displays on all pages that use that template. For example, if you've already created a custom page template that you use on multiple pages that cover the policies, requirements, and example product catalogs of your wholesale retailer program, then you can add an inline sign-up form to the bottom of that custom page template to quickly apply the sign-up form to all the relevant pages that already use that template.
Create a landing page for an inline form
When you create a landing page from the Forms app, you create a new page template and generate a new page using that template with a customizable handle, for example: example.com/pages/your-custom-form-URL
.
Steps:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Forms.
Click Open app.
Click the name of the form that you want to add to your online store.
In the Placement section, click Create landing page.
In the Create landing page dialog, enter a title and URL for your form landing page.
Click Save.
After creating the landing page, you can edit the specific page title, content, and handle from the Pages list in your Shopify admin, or you can edit the page template from your theme editor at any time.
Add an inline form to an existing page
You can add an inline form to an existing page template as a block in the theme editor by using the Form ID associated with your form. A form ID is a 6-digit number that represents a specific form in your store.
Steps:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Forms.
Click Open app.
Click the name of the form that you want to add to your online store.
In the Placement section, do the following actions in the Existing page area:
- Click the clipboard icon to copy the Form ID to your clipboard.
- Click Go to theme editor.
In the page selector at the top of the editor, select the template type, and then select the template that you want to add your form to.
In the Template section, add the inline form to your page template:
- Click ⊕ Add section.
- Click the Apps tab.
- Click Forms.
- In the block settings, paste the copied Form ID into the Form ID field.
- Optional: Adjust the colors, style, and layout settings of the block.
Click Save.
The inline form displays on all pages that use that page template.