Creating a Template with the HTML Builder
Open the HTML Builder, design your notification, insert tags, preview, and save.
Documentation Hub
Notifal Documentation
Guides, tutorials, and references for every Notifal feature.
/
Search results
No articles found. Try different keywords.
Browse by module
Pick a Notifal area to explore guides.
Getting Started
Install Notifal, activate Pro, and publish your first notification.
6 articles
Templates
HTML Builder, Block Editor, Elementor, and the template library.
5 topics · 28 articles
On-Page Notifications
Appearance, timing, display rules, content source, and analytics.
7 topics · 0 articles
Campaigns
Schedules, linked notifications, and campaign management.
2 topics · 0 articles
Settings
Global settings, licensing, import/export, and integrations.
4 topics · 0 articles
HTML Builder
Visual editor for custom and AI-generated HTML templates.
6 articles
Notifications & Editor
Create, duplicate, import, and manage notifications.
0 articles
Campaign Basics
Create campaigns, link notifications, and control status.
0 articles
Global Settings
Site-wide Notifal options and tag category toggles.
0 articles
Block Editor
Notifal Gutenberg blocks and container layouts.
3 articles
Appearance
Display type, position, animations, audio, and styling.
0 articles
Scheduling & Priority
Timezone-aware schedules, expiry, and priority.
0 articles
Notifal Pro & Licensing
Connect & Activate, updates, and Free vs Pro.
0 articles
Elementor
Notifal Elementor widgets and template workflow.
3 articles
Timing & Triggers
Schedule, show timing, duration, and frequency.
0 articles
Import & Export
Move notifications and templates between sites.
0 articles
Template Library
Local templates and marketplace imports.
6 articles
Behavior & Accessibility
Dismiss rules, focus trap, ARIA, and tab badge.
0 articles
Integrations
WooCommerce, marketplace, and third-party tools.
0 articles
Dynamic Tags
Personalize templates with live site and store data.
10 articles
Display Rules
Target pages, URLs, users, and cart conditions.
0 articles
Content Source
Dynamic data pools, smart targeting, and filters.
0 articles
Analytics & Attribution
Impressions, clicks, revenue, and order attribution.
0 articles
Settings
Notifal Pro & Licensing
HTML Builder: Buttons, Close Icon, and Click Tracking
Add working buttons and a close icon with special CSS classes that Notifal recognizes automatically.
HTML Builder: AI Prompt Workflow
Describe your notification, copy an AI prompt, paste the result back into the HTML Builder.
HTML Builder: AI Prompt Best Practices and Examples
Ten example prompts and tips for writing a detailed goal so the AI returns better notification HTML.
HTML Builder: Layouts and Use Cases
Choose a display layout and use case so AI and templates match how your notification appears on site.
HTML Sanitization and Allowed HTML
See what HTML and CSS is allowed in templates and how Notifal keeps your designs safe.
Creating a Template with the Block Editor
Create a notification template using Notifal blocks in the WordPress Block Editor.
Notifal Gutenberg Blocks Reference
Learn what each Notifal block does and how to configure it in the Block Editor.
Block Editor Template Preview
Preview your block template with sample data before you assign it to a notification.
Creating a Template with Elementor
Create a notification template in Elementor with Notifal widgets and dynamic tags.
Notifal Elementor Widgets Reference
Reference for Notifal Elementor widgets: Featured Image, Action Button, and Close Icon.
Elementor and Notifal Compatibility
Keep Elementor templates in sync with notifications, preview correctly, and avoid common theme conflicts.
Browsing the Template Library
Open the library, filter and search templates, preview on desktop or mobile, and find the right design fast.
Importing a Template from the Marketplace
Pick a marketplace design, choose your builder version, and import a full notification in a few clicks.
Requesting a Missing Builder Version
Ask Notifal to create the Elementor or Block Editor version when only one builder file exists.
Managing Local Templates
List, search, duplicate, trash, import, and export templates saved on your WordPress site.
Free vs Pro Templates in the Library
Understand the Pro badge, filter Free or Pro templates, and know what you need on your site.
Browsing Templates on notifal.com
Use the public gallery at notifal.com/templates/ to preview designs, filter, and read details before you import in WordPress.
What Are Dynamic Tags?
Placeholders like {product_name} that Notifal replaces with real data when a notification shows.
User, Post, and Page Tags
Tags from WordPress users, blog posts, and pages for personalized notification text.
WooCommerce Product and Order Tags
Product and order tags for store notifications: names, prices, links, IDs, and custom order fields.
Cart Tags (WooCommerce)
Tags for the visitor's live cart: totals, item count, coupons, and checkout links.
Counter Tags
Show totals like {order_counter} and {product_counter} that match your content source restrictions.
Custom Meta Tags
Pull any custom field with tags like {user_meta_nickname} or {product_meta__sku}.
Date Formatting Tags
Show dates as 2 days ago or in your own format using date tag suffixes.
Comment Tags (Pro)
Pro comment tags for reviews, testimonials, and social proof from WordPress comments.
Tags Generator for Custom Post Types (Pro)
Generate tags for custom post types like events or listings from Notifal Pro Settings.
Managing Tag Categories in Settings
Turn tag categories on or off site-wide so editors only see what they need.
Installing and Activating Notifal (Free + Pro)
Install and activate Notifal on your WordPress site, then connect Notifal Pro when you are ready.
Your First On-Page Notification (Ready-Made Template)
Import a ready-made notification, turn it on in the list, and see it on your site.
What Is Notifal? (Free vs Pro)
Understand on-page notifications and see what the free plugin includes versus what Pro unlocks.
Navigating the Notifal Admin Menu
Learn what each item under the Notifal menu does and where to go for common tasks.
Understanding Notification Status (Draft, Active, Off)
See what happens when a notification is a draft, live, or turned off, and how the free plan limits active notifications.
WooCommerce Setup for Notifal
Turn on WooCommerce tags and content source so your notifications can use live product, order, and cart data.
No articles in this section yet. Check back soon.