Skip to main content

Popups: Show on Link or Button Click

Show a popup when a button or link on your site is clicked.

Support Team avatar
Written by Support Team
Updated over a year ago

To display a popup when a button or link is clicked on your site, follow these steps:

  • Get the Popup Code:
    After completing the Form Wizard, you'll receive a code that looks like:
    ​#hatchbuck-pop-XXXX. This is the unique identifier for your popup.
    ​

  • Add the Code to Your Site:
    Find the link or button on your site that should trigger the popup, and add the code as the URL (in the href attribute). For example:

<a href="#hatchbuck-pop-123">My link text/Button text</a>

(Note: Replace #hatchbuck-pop-123 with the actual code from your Form Wizard.)

  • Include the Site Script:
    To ensure the popup works, add the site script to the top of your site’s header. This script is essential for triggering the popup. Learn more

Did this answer your question?