In Display > Open form in > select Embed Form if you want to display Contact Form in the page content, don't want to trigger form with a button.

Then you need to add this shortcode to the page content or liquid file: <div contactform-embed='FORM_ID'></div>

Remember to replace FORM_ID in the shortcode with the correct Form ID of your form. You can find the Form ID in the form settings.

In our example, the shortcode will be: <div contactform-embed='224148'></div>

There are some ways to add this shortcode to embed the form:

Method 1: Add to the page content using the app block

1. Go to your theme customization > Choose the page you would like to embed form.

2. Click on Add section > Apps > Contact Form Embed

3. Select form type as Embed form > add the Form ID

4. Save > The form is embedded to your page successfully

Method 2: Add to the page content using the Custom block

1. Go to your theme customization > Choose the page you would like to embed form.

2. Click on Add section > Sections > Custom Liquid

3. Add the whole shortcode with the form ID

4. Save > then the form will be embedded to your page

Method 3: Add to the page content through Pages

1. Go to your page in Shopify admin > Online Store > Pages > Choose the page you want to embed the form

2. In the Content editor, click the <> button to CHANGE TO HTML EDITOR

3. Paste the shortcode into the editor

4. Save and Done

#Method 4: Add to the liquid file of the page (NO RECOMMEND)

1. Go to your Shopify admin > Themes > Edit code

2. Find the template liquid that your page is using.

For example, if you want to add to a "Contact" page, the template may be contact-form.liquid

The page's template is different on different themes. If you are unsure which your template's page is, please Contact Us for help.

3. Paste the shortcode to the position you want on the page

4. Save and Done

Updated on: 21/02/2025