Settings for both popup and inline forms
When you create a form, the following sections display on the Create form page for both popup and inline forms:
- Form
- Success
- Styling
- Tags
- Email notifications
- Automations and workflows
Learn more about the specific settings that you can configure for popup and inline forms.
On this page
Settings that apply to both popup and inline forms
The following table describes the sections included on the Create form page for both popup and inline forms, and which settings you can configure in each section. Learn more about creating a form.
Section | Description |
---|---|
Form | The settings in the Form section determine the content of your form, such as the title, text, and inputs. Learn more about Form settings. |
Success | The settings in the Success section determine the content that's displayed to your customer after they successfully complete a form. Learn more about Success settings. |
Styling | The settings in the Styling setting determines the look and feel of your form. |
Tags | The Tags setting determines whether tags are added to customers that successfully complete a form. To add a tag, enter it in the Find or create tags field. Learn more about using customer tags. |
Email notifications | The Email notifications setting lets you determine whether to send an email to the store owner for each submission to a form. |
Automations and workflows | The Automation and workflows setting lets you integrate your form with an existing marketing automation in Shopify Flow. You can connect to an existing automation, or create a new one. Learn more about creating marketing automations. |
Form settings
The following settings can be configured in the Form section of your popup or inline form.
Setting | Description |
---|---|
Title | The title of the form, where you can provide an incentive or a call to action to submit a response. Maximum of 50 characters. |
Content | The text displayed below the title. In this field, consider offering an incentive for signing up, as well as keeping it simple. Maximum of 100 characters. |
Fields | The information to be captured by the form. Learn more about managing form inputs. |
Button label | The text displayed on the submit button. The button should have a clear call to action, such as Sign Up, Subscribe, Submit, or Get my discount. Maximum of 25 characters. |
Consent disclaimer (optional) | Your disclaimer can include information such as telling your customers that by submitting their email address, they agree to receive marketing emails. Consider adding links to your store's terms and conditions or privacy policy. Maximum of 100 characters. |
Custom input fields
When you create a custom input field on a form, you can store as a local field, or a customer or company metafield.
When you add a custom field to your form, you need to give the corresponding field a name. Optionally, you can set specific requirements for each field. Learn more about managing form fields.
Local fields
Fields stored locally are used only on the specific form that you add it to. To reuse a local field, you can duplicate an existing form that uses that field.
You can change a locally stored field to a customer or company metafield at any time by checking Also store as metafield. However, only data submitted after the date that you changed the local field to a metafield is stored in the metafield.
Customer or company metafields
Fields stored as customer or company metafields are saved in the form field picker, and can be reused on other forms. After you save a custom input field as a metafield, the Also store as metafield checkbox no longer displays, and it can't be changed to a local field.
After you store a form field as a metafield, it's saved in the Custom data settings of your Shopify admin, in the Customers or Companies section. You can use this metafield data to assess B2B company requests or to create customer segments.
If a customer fills in a field that's already linked to their customer profile more than one time, then their customer profile displays metafield data only from the most recent form submission.
Custom input field data types
A custom field can be any of the following data types:
Field data type | Description |
---|---|
Single-line text | A short text field appropriate for a single sentence. |
Dropdown list | A list of options presented as a dropdown menu that the user can select one option from. |
Radio buttons | A list of options presented as a series of buttons that the user can select one option from. |
Multi-line text | A longer text field appropriate for a paragraph. |
Multiple choice | A list of options presented as a series of checkboxes. Unlike the Dropdown list and Radio buttons, users can select more than one response. |
Date | A specific date. |
Number | A single number. |
File upload | A single file attachment of 20 MB or less. The file must be one of the following accepted file types:
|
Manage form fields
By default, forms capture the customer's first name and email address. In the Fields section of your form, you can add or remove fields to customize the information that you collect from customers.
For example, if you want to create a field to capture the shoe size of your customers, then you can select the Number field and name the metafield Shoe Size. You can then set the field to accept values from 1-16.
Steps:
- Follow the steps to create a form.
- In the Fields section, take any of the following steps to manage your form fields:
- To add a new field, click Add new field. Select and configure the field that you want to add, and then click Done.
- To remove a field, click the removal icon (⊖) next to the field's name.
- To edit the details of a field, such as whether the field is required to complete the form, click the field's name. After you make your changes, and then click Done.
- Configure your other form settings, and then click Save.
Success settings
The fields that you need to complete in the Success section depend on the Confirmation behavior that you select:
- Show message displays a message to your customers after they submit a form.
- Redirect to another page redirects your customers to the page of your choice after they submit a form.
Setting | Description | Confirmation behavior |
---|---|---|
Discount (optional) | The Discount setting lets you select a discount code to display to customers after they complete your form and reach the success step. | Show message |
Title | The title of the success section for the form, where you can provide confirmation that a customer has successfully signed up to your email list. For example, Here's your discount, VIP access starts now, or Thanks for signing up!. Maximum of 50 characters. | Show message |
Content | The body of the success section for the form, where you can provide more details or highlight the benefits of joining your email list. For example, You're now the first to know about the latest drops and special offers. | Show message |
Redirect URL | The URL that you want to redirect your customer to after they complete a form. For example, a "Thank you" page that provides email subscribers with a special perk, or a "Next steps" page for new B2B customers. | Redirect to another page |