Articles on: qikify Contact Form Builder

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.



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.



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


  1. Click on Add block or Add section > Contact Form Embed


  1. Select form type as Trigger button > add the Form ID



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


  1. Click on Add block or Add section > Custom Liquid



  1. Add the whole shortcode with the form ID



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



  1. In the Content editor, click the <> button to Show HTML Editor


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



  1. Save and Done.


Result:



Method 4: Add to liquid file


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


  1. Paste the shortcode to the position you want



  1. Save and Done.


Result:



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.



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!