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.

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.

Settings that apply to both popup and inline forms.
SectionDescription
FormThe settings in the Form section determine the content of your form, such as the title, text, and inputs. Learn more about Form settings.
SuccessThe 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.
StylingThe settings in the Styling setting determines the look and feel of your form.
TagsThe 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 notificationsThe Email notifications setting lets you determine whether to send an email to the store owner for each submission to a form.
Automations and workflowsThe 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.

Settings for the form section of your form.
SettingDescription
TitleThe title of the form, where you can provide an incentive or a call to action to submit a response. Maximum of 50 characters.
ContentThe 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.
FieldsThe information to be captured by the form. Learn more about managing form inputs.
Button labelThe 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:

Custom input field data types
Field data typeDescription
Single-line textA short text field appropriate for a single sentence.
Dropdown listA 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 textA longer text field appropriate for a paragraph.
Multiple choiceA list of options presented as a series of checkboxes. Unlike the Dropdown list and Radio buttons, users can select more than one response.
DateA specific date.
NumberA single number.
File uploadA single file attachment of 20 MB or less. The file must be one of the following accepted file types:
  • GIF
  • HEIC
  • JPEG
  • PDF
  • SVG
  • WebP
  • XML

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:

  1. Follow the steps to create a form.
  2. 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.
  3. 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.
Settings for the Success section of a form.
SettingDescriptionConfirmation 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
TitleThe 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
ContentThe 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 URLThe 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
Can’t find the answers you’re looking for? We’re here to help.