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

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

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.

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

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

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

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

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

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

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

3. Add the whole shortcode with the form ID

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

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

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

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

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

3. Paste the shortcode into the editor

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

4. Save and Done
---

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

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

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

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

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

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