> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.qikify.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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 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**.

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_pj70xa.png)

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**.  

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_1d67ty3.png)

| 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

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

2. Click on **Add block** or **Add section** > **Contact Form Embed**

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_150o66d.png)
    
3. Select form type as **Trigger button** > add the **Form ID**

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_140zmqa.png)

4. Save > The button is embedded to your page successfully.
---

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

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

2. Click on **Add block** or **Add section** > **Custom Liquid**

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_1n29fjp.png)

3. Add the whole shortcode with the **form ID**

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_g489wp.png)

4. Save > Then the button 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

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_1o2mkwp.png)

2. In the **Content** editor, click the `<>` button to **Show HTML Editor**

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_18olt78.png)
    
3. Paste the shortcode to the position you want in the description

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_12tmfs7.png)

4. Save and Done.

**Result**:  

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_1tr97qp.png)
---

# Method 4: Add to liquid file

||| This method requires coding experience.

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

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_9kgpmt.png)

2. 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](https://support.qikify.com/portal/newticket) for help

3. Paste the shortcode to the position you want

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_qobwam.png)

4. Save and Done.

**Result:**  

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_1ead8fw.png)

|| **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.

![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_19rpxxt.png)

| 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](https://support.qikify.com/portal/newticket) then we can help you embed the form.