How to Create a Full Working Landing Page using Qliqup and integrate it into your WordPress Site?

What are the tools you'll need to get started?
  • Qliqup – This is a powerful tool to create pop-ups and landing pages.
  • WordPress – This is a free tool to create website or build a blog.
Here are the steps on creating a Landing Page using Qliqup:

To begin with, you must understand how the Qliqup really works. To explore more about this tool, check this link for more information.

  • Sign in to Qliqup site using your credentials.
  • On your homepage, click the Create New Popup button.
  • Enter the name of your Landing Page.
  • Create your landing page using the editing tools. Here are some key points to keep in mind:
  1. Whenever you’re creating any elements, add a proper name on each layers to easily identify which one you’re editing for.

  2. Do not forget to edit the confirmation page (if necessary).

  • In the video, you may fully personalize your landing page or pop up with no limitations.
  • Once you’re done creating your popup, click on the Popup Settings. Under General tab, enable the Cross-domain calls to successfully embed to the website.

  • Then, go to Confirmations tab and add a new one. On Type field, select Display Confirmation page. If you have a ready landing page for Thank You page, you may need to select Redirect to certain URL and enter the link.
  • Once completed, click on Save Details button.
  • Lastly, to save all of your work, click on Save button on the right upper part.

Here are the steps on integrating the landing page to your WordPress Site:
  • On Qliqup Homepage, look for your first landing page.
  • Then, click the </> on the right side of landing page name.
  • Before you embed the landing page, you must need to copy the JS-Snippet to your Header Footer Code Manager – HFCM (if you already have this plugin) or embed it into your website code. To copy the JS-Snippet, click on How To Use link:
  • Once you’ve completed embedding the JS-Snippet, go back to your landing page Popups > My First Landing Page and click on </> icon. 
  • You will notice different embedded scripts that you may apply accordingly.
  • Here are the list of scripts that you may use for a pop up effects on an existing page:
  • OnClick (standard) – you may use this script for buttons or links.
  • OnLoad – you may use this script to display the popup once the page is loaded.
  • OnScroll – you may use this script to display the popup while the user scrolls down on the page.
  • OnExit – you may use this script to display the popup while the user scrolls up on the page, assuming that he or she will leave already.
  • If you wish to embed your landing page as a separate page, you may use Inline script and paste it to the HTML Snippet:



© 2022 Fulon. All rights reserved.