Hustily Docs
DocsCreate and Add Pop-ups to Your Site

Create Your Custom Popup

Follow this guide to create engaging popups for your store and install them on your website

In this guide, you'll learn how to create engaging pop-ups using our visual editor, customize when and how they appear, and add them to your website. You'll also learn how to install Hustily in your Shopify theme.

What you'll learn

Design Your Pop-up

Create a custom pop-up using our visual editor with drag-and-drop functionality.

Get Integration Code

Generate and copy the integration script for your pop-up.

Add to Your Site

Add the pop-up script to your e-commerce website.

Prerequisites

  • A Hustily account. If you haven't created one yet, sign up here

  • Access to your website's HTML code or theme files

  • Basic understanding of how to add scripts to your website

Step-by-Step Guide: Creating Your Popup

Step 1

Navigate to Popup Designer

Access our intuitive popup designer where you can create and customize your popup. The interface is split into two main sections:
• Left side: Design controls for complete customization
• Right side: Real-time preview of your popup

Popup Designer Interface | Hustily

Ready to add your popup to your website?

Now that you've created your popup, follow the steps below to add it to your Shopify store.

Step-by-Step Guide: Setting Up Theme App Extensions

Hustily uses App Embed Blocks, which work in all Shopify themes (including vintage themes and Online Store 2.0 themes). Follow these steps to activate and configure the Hustily app embed block in your theme.

Getting Started with Theme App Extensions

To ensure your pop-ups display correctly on your Shopify store, you need to enable the Hustily app embed in your theme. App embed blocks work in all Shopify themes, so you can use Hustily regardless of which theme you're using.

  1. Access your Shopify admin and navigate to Online Store → Themes.
  2. Find your current theme and click "Customize".
  3. In the Theme Editor, click on "Theme settings" (gear icon in the bottom left).
  4. Navigate to "App embeds" section.
  5. Locate the "Hustily" app embed and toggle it to the ON position.
  6. Save your changes.

You can use the button below to open your Theme Editor directly with the App embeds section, or follow the detailed steps with screenshots below.

Connect your Shopify store to use the deep link
Step 1

Copy Pop-up ID

Get your unique popup ID:
• Find your popup's ID
• Click the "Copy ID" button
• Keep this ID ready for the next steps

Pop-up ID | Hustily

Ready to Connect Your Store?

With your Shopify store connected, you can start creating engaging popups and boost your sales.