How to Embed Form to a page
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.
If you use the form as Embed Form, you do NOT need to configure the Trigger Button settings. The Embed Form does not have a trigger button. It will display the form directly on your page.
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.
NOTE: You must click the Save button to create the form first, then the Form ID will appear.
In our example, the shortcode will be: <div contactform-embed='224148'></div>
There are some ways to add this shortcode to embed the form:
Go to your theme customization > Choose the page you would like to embed form.
Click on Add section > Apps > Contact Form Embed
Select form type as Embed form > add the Form ID
Save > The form is embedded to your page successfully
Go to your theme customization > Choose the page you would like to embed form.
Click on Add section > Sections > Custom Liquid
Add the whole shortcode with the form ID
Save > then the form will be embedded to your page
Go to your page in Shopify admin > Online Store > Pages > Choose the page you want to embed the form
In the Content editor, click the <> button to CHANGE TO HTML EDITOR
Paste the shortcode into the editor
Save and Done
#Method 4: Add to the liquid file of the page (NO RECOMMEND)
This method requires coding experience.
Go to your Shopify admin > Themes > Edit code
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.
Paste the shortcode to the position you want on the page
Save and Done
If you are not tech-savvy or the instruction is too complicated with you, please reach out in app-chat or send us a ticket then we can help you embed the form.
If you use the form as Embed Form, you do NOT need to configure the Trigger Button settings. The Embed Form does not have a trigger button. It will display the form directly on your page.
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.
NOTE: You must click the Save button to create the form first, then the Form ID will appear.
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
Go to your theme customization > Choose the page you would like to embed form.
Click on Add section > Apps > Contact Form Embed
Select form type as Embed form > add the Form ID
Save > The form is embedded to your page successfully
Method 2: Add to the page content using the Custom block
Go to your theme customization > Choose the page you would like to embed form.
Click on Add section > Sections > Custom Liquid
Add the whole shortcode with the form ID
Save > then the form will be embedded to your page
Method 3: Add to the page content through Pages
Go to your page in Shopify admin > Online Store > Pages > Choose the page you want to embed the form
In the Content editor, click the <> button to CHANGE TO HTML EDITOR
Paste the shortcode into the editor
Save and Done
#Method 4: Add to the liquid file of the page (NO RECOMMEND)
This method requires coding experience.
Go to your Shopify admin > Themes > Edit code
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.
Paste the shortcode to the position you want on the page
Save and Done
If you are not tech-savvy or the instruction is too complicated with you, please reach out in app-chat or send us a ticket then we can help you embed the form.
Updated on: 21/02/2025
Thank you!