Inline form settings

Note

To display inline forms on your store, you need to use an Online Store 2.0 theme.

The following settings let you determine the appearance and placement of your inline form. You can configure these settings when you create a form, along with the settings that apply to both popup and inline forms.

Styling settings

In the Typography section of the Styling settings for your inline form, you can use the drop-down menus to choose the font that you want to use for your headings and body text.

To change the colors or layout of an inline form, use the theme editor. For example, to edit the colors for your inline forms, in the theme editor, go to Theme settings > Colors > Form fields to edit the colors of your form text, borders, and background.

Placement

The Placement setting determines where in your store the form is displayed. You can choose between the following placements for a form:

• an existing theme template
• a new landing page in your theme

Add a form to an existing template

1. Follow the steps to create a form.
2. In the Placement section, click Copy to copy your form's Form ID.
3. In the template that you want to display your form, follow the steps to add an app block in a template.
4. After you add the app block in your theme editor, paste the Form ID that you copied into the Form ID field.
5. Configure your other form settings, and then click Save.

Create a new landing page for your form

1. Follow steps 1-5 to create a form.
2. In the Placement section, click Create to create a new page in your theme for your form.
3. Optional: If you don't want to use the default page name, then edit the name and URL for the new page.
4. Click Save.
5. Click Done, and then do either of the following:
   • Click Open theme editor to customize the page in your theme editor.
   • Configure your other form settings, and then click Save.