Articles on: qikify Contact Form Builder

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.



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.



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



  1. Select form type as Embed form > add the Form ID



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



  1. Add the whole shortcode with the form ID



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



  1. In the Content editor, click the <> button to CHANGE TO HTML EDITOR



  1. Paste the shortcode into the editor



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



  1. 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 for help.



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



  1. 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 then we can help you embed the form.

Updated on: 21/02/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!