How To Integrate qikify Contact Form Builder in Pagefly?

How To Integrate qikify Contact Form Builder in Pagefly?

In this article, you’ll learn about the qikify Contact Form Builder element and how to integrate it in Pagefly. In order to use this element, the qikify Contact Form Builder & Pagefly app have to be installed on your Shopify store.


How to Embed Form to a page

Since you can only integrate embed form in Pagefly, here is how you set up a embed form with qikify Contact Form Builder.

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.


Then here is the easiest way to add this shortcode to use embed form:

  • Go to your page in Shopify admin → Edit your page.

  • In the Content editor, click the <> button to show HTML

  • Paste the shortcode into the Content editor & save.


How to Integrate qikify Contact Form in Pagefly

Step 1: In your PageFly Dashboard, head to the Extra Functions > Integrations > search for qikify Contact Form Builder > Activate qikify Contact Form Builder


Step 2: Open your PageFly page editor, qikify Contact Form Builder element will be listed under the Email Marketing category and called qikify - Contact Form Builder. Now you can drag and drop this element into your page editor.

Step 3: Back to qikify Contact Form Builder Dashboard, go to Settings > Token > Generate Token > Copy Token

Token Pagefly 1

Step 4: In PageFly editor, paste the token under qikify form builder access > connect to qikify form builder


Step 5: Choose the form you want to insert in your page

​

Step 6: You can customize the styling of the qikify Contact Form Builder element in the Styling tab.

You can check more information about the Styling tab here.

Finally, Save and Publish the page to see the form on live view

Do not hesitate to contact us if you have any questions or need help, our Support team is available 24/7 to assist you.


    • Related Articles

    • How to uninstall Contact Form?

      UPDATE (September 1st, 2023): Our Contact Form app does not add any codes or files to the theme. So you only need to uninstall the app from your Shopify store (no code need to delete) Follow these steps to uninstall Contact Form app from your Shopify ...

    • Integrate Qikify apps with Tranzi

      To integrate all our other Qikify apps (Smart Menu, Mobile Menu, Sale Kit, etc.) with Tranzi, please follow these steps: 1. Go to Translation page, then select Qikify app you want to translate. The app will automatically display the Qikify apps which ...

    • [Integration] How to use qikify Upsell, Cross-sell app with PageFly

      About PageFly Page Builder PageFly is a user-friendly page builder app specifically designed for Shopify stores. It allows you to create visually appealing and high-converting website without needing any coding knowledge. With its drag-and-drop ...

    • 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 > Notifications If you want to change the recipient ...

    • Activate qikify Contact Form app in theme after saving your settings

      Enable qikify Contact Form App after setting up After saving Contact Form settings, you need to activate our embed app on Shopify Theme Editor to make your form visible in your storefront. Follow the instruction below to enable app: Step 1: After you ...