How to Embed Trigger Button to your page

How to Embed Trigger Button to your page

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

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

Remember to replace FORM_ID with the number of your form, which you can find in the end of the url where you edit your form.
NOTE: you must click "Create" button to create form first, then you'll have your form id.

In our example, the shortcode will be: <button contactform-trigger='20244'></button>

There are 2 ways to add this shortcode:

Method 1: Add to page content

  1. Go to your page in Shopify admin  Edit your page.
    (In our example, we will add button to a product page)
  2. In the Content editor, click the <> button to show HTML

  1. Paste the shortcode into the Content editor

  1. Save and Done.

Contact us if you need help.

Method 2: Add to liquid file

* This method requires coding experience.
  1. Go to your Shopify admin → Themes → Actions → Edit code

  1. Find your template liquid that your page is using. For example, if you want to add to a "Contact" page which is using "" template, then find the

  1. Paste the shortcode to the position you want in page

  1. Save and Done.


Your button might not show up if you set a filter for display on page.
Please make sure the Display on page is set to All pages, or exactly the page you're adding the button.

Contact us if you need help.

    • Related Articles

    • Trigger Button

      Select where to show trigger button  Fixed sticky button: the button stick to the page's borders (you can change the position in options below) Embed to your page content: turn trigger button to a clickable button on your page (read full ...
    • How to Embed Form to a page

      In Display > Open form in > select Embed Form if you want to display Contact Form in a 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 ...
    • Thank you page

      You can create Cross-sell and Customer service offers in Thank you page. In Trigger Button settings, choose Show offer when on Thank you page. In Thank you page, the offers will only display as Embed. After finishing the setup of your offer, go to ...
    • Design Quick View Button

      Icon Enable 'Show button icon' mode to display Quick View button icon. Choose the icon you want to display from the list. Button on Desktop Text To show text on button, switch 'Show button text' on. When button text is shown, the default text is ...
    • Sticky Cart Button

      Enable on desktop: allow your sticky button to appear on desktop version.  Enable on mobile: allow your sticky button to appear on mobile version. "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS  Button action Set the ...