How to Embed Form to a page

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 contactform-embed='FORM_ID'></div>

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: <div contactform-embed='20239'></div>

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.
  2. In the Content editor, click the <> button to show HTML

  1. Paste the shortcode into the Content editor

  1. Save and Done.

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.


Contact us if you need help.

    • Related Articles

    • 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 ...
    • FAQs for Contact Form

      Is the Free plan really free? Yes, it is 100% free and forever free to use. We won't even ask for a credit card. By default, when you install our app, you will be in Free plan. You only get charged once you upgrade to Premium plan. What is the ...
    • 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 ...
    • Submission via Contact Form app

      Where Submissions go For Free plan: Recipient email Contact form app sends all submissions to the Sender email of your store. You can change the Sender email address in your Shopify admin > Settings > Store details > Contact information. If you want ...
    • How to uninstall Contact Form completely?

      When installing, Contact Form adds a script directly to your published theme to make it load faster. When uninstalling on the Apps page, that script still remains in your theme. Follow these steps to uninstall Contact Form completely: Step 1. ...