In Trigger button > Select where to show trigger button > select Embed to your page content if you want to display the button in a page content.

NOTE: If you embed the button to your page, then you need to use the form as Popup or Bubble in Display settings.



Then you need to add this shortcode to the page content or liquid file: <button contactform-trigger='FORM_ID'></button>
Replace FORM_ID with the number of your form, which you can find in the Preview section.



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: <button contactform-trigger='20244'></button>
There are some ways to add this shortcode:

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

Go to your theme editor > Choose the page you would like to embed the trigger button

Click on Add block or Add section > Contact Form Embed



Select form type as Trigger button > add the Form ID



Save > The button is embedded to your page successfully.

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

Go to your theme editor > Choose the page you would like to embed the trigger button

Click on Add block or Add section > Custom Liquid



Add the whole shortcode with the form ID



Save > Then the button 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 Show HTML Editor



Paste the shortcode to the position you want in the description



Save and Done.

Result:

Method 4: Add to liquid file

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 the product page (below the buy buttons), the template may be main-product.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



Save and Done.

Result:



Note: Your button may not show up if you set a filter for display on page. Please ensure the Display on page is set to "All pages", or exactly the page you're adding the button.



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