Template Library

Importing a Template from the Marketplace

4 min read

Importing from the marketplace adds a complete on-page notification to your site: the design (template), timing, display rules, and other settings that came with that package. You do not need to build everything from scratch.

Start by Browsing the Template Library if you have not opened the gallery yet.

From July 1, 2026: All new ready-made templates on the marketplace ship as HTML Builder files only. Templates published before that date may still include Elementor and/or Block Editor files. You can always import whichever builder file is available for that template. Creating your own templates (not from the marketplace) still supports HTML Builder, Elementor, and Block Editor under Notifal → Templates.

Before you import

CheckWhy it matters
You know which builder you useEach template may offer HTML Builder, Elementor, and/or Block Editor files (depending on when it was published)
Elementor is installed (if you pick Elementor)The Elementor import button only appears when Elementor is active on your site
You prefer blocks (if you pick Block Editor)See Creating a Template with the Block Editor
You prefer HTML (if you pick HTML Builder)See Creating a Template with the HTML Builder

Step 1: Open the library and pick a template

  1. Go to Notifal → OnPage Notifications.
  2. Click Explore Pre-created Notifications (or Add New).
  3. Browse, filter, or search until you find a design you like.
  4. Click the template card to open details.

Step 2: Choose your builder version

At the bottom of the details popup you see import buttons. Only builders that template was created with are shown. If a button is hidden, that template does not have a file for that builder.

ButtonWhen to use it
Import HTML BuilderThis template was built with HTML Builder (default for new templates from July 2026)
Import ElementorThis template was built with Elementor, and Elementor is active on your site
Import Block EditorThis template was built with the Block Editor

Pick the button that matches how you want to edit the design later. If your preferred builder is not shown, that template was not made with it. Import with an available builder, or browse for another design.

Step 3: Wait for the import to finish

  1. Click the import button for your builder.
  2. Notifal requests a secure download link from notifal.com, downloads the file, and imports it on your site.
  3. A success message appears and the page refreshes.

The import may include images bundled in a ZIP package. Notifal copies them into your WordPress media library automatically.

Step 4: Find your new notification

After import, go to Notifal → OnPage Notifications. Your new item appears in the list, usually as a draft with Status turned off.

  1. Open the notification if you want to review settings.
  2. Turn Status on when you are ready to show it on your site.

See Understanding Notification Status for how live and draft states work.

What gets created on your site

ItemWhere it lives
On-page notificationNotifal → OnPage Notifications (settings, rules, timing)
TemplateLinked to that notification under Notifal → Templates

If the same design was imported before, Notifal recognizes the duplicate content and does not create a second copy of the template.

Import a local template file (different flow)

To upload a .json or .zip file you exported from another site (not from the marketplace gallery):

  1. Go to Notifal → Templates.
  2. Click Create New Template → Import Now.
  3. Choose a file (JSON or ZIP, up to 10 MB).

That flow only adds templates, not full notifications. See Managing Local Templates.

Troubleshooting

ProblemWhat to try
Import button missingThat template was not built with that builder. Use a button that is shown, or pick another template.
Import failsCheck your connection, wait for the library cache to refresh, and try again.
Template looks wrongOpen the linked template in the correct builder: HTML Builder, Block Editor preview, or Elementor preview.

Template Library series