Publish a web widget
Publication workflow
Publishing controls where, when, and for whom your widget appears. Design the widget and configure its click actions before starting this workflow.
Use Design widget layout for layout and content. Use Configure widget actions and validation for buttons and images.
Preview every target screen width. Confirm the widget does not cover essential content.
Step 1: Setup
Choose a saved widget or template in Setup. Then add a clear publication name. Use names that describe the campaign, audience, or placement. This makes active widgets easier to find and maintain.
Step 2: Rules
Triggers decide when a widget can appear. Filters decide which visitors can see it. Combine rules to reach a relevant audience without interrupting every visitor.
For example, show a widget after a visitor spends time on your site. Then filter it to selected regions.
Use segments and tags
Use Segments for reusable audiences. Use tags to include or exclude directly labeled visitors.
Triggers
Add one or more triggers to define the behavior that can display a widget. Group triggers when one campaign needs several conditions.
Scroll
Show the widget after a visitor reaches a selected page depth. Use a ratio such as 50% or 75% to engage visitors who show interest in the content.
Click Selector
Show the widget when a visitor clicks a specific page element. Identify the element with its CSS selector. Use this for a Buy Now button, a selected image, or another intent signal.
Enter a CSS selector that matches the clicked element. The selector works with the contains operator. Prefix an ID with # and a class with ..
Page View
Show the widget when a visitor opens a selected page or page set. Use it for contextual content, such as a related-product discount on product detail pages.
Exit Intent
Show the widget when a visitor appears ready to leave the page or switch tabs. Use it to offer an incentive, helpful information, or a final recommendation.
Widget Shown
Show this widget after a selected widget has already appeared. Use it for follow-up flows, such as a feedback survey after a support widget.
Netmera Event
Show the widget when a Netmera event matches its configured name, attributes, operator, and value. Use it for purchases, preferences, or custom interactions.
Use triggers that match one campaign goal. This keeps the experience relevant and easier to maintain.
Filters
Add one or more filters to narrow the eligible audience. Filters can target behavior, context, devices, or known audience data.
Time spent on site
Target visitors who have spent a minimum duration on your website. Set the threshold in seconds to engage visitors who show interest.
Source URL
Target visitors by where they arrived from. Define the medium, source, and campaign parameters for channel-specific messages or offers.
Browser
Target Chrome, Safari, Firefox, Edge, Opera, or other browsers. Use this when the widget depends on browser compatibility or features.
Device Type
Target desktop, mobile, or tablet visitors. Combine this filter with responsive design checks for the selected device.
Operating System
Target Windows, macOS, iOS, Android, or other operating systems. Use it for operating system-specific instructions, promotions, or features.
Cookie
Target visitors with a matching cookie name and value. Use this for personalized experiences based on known attributes or preferences.
Screen Width
Target visitors whose screen width falls within a minimum and maximum range. Use this to protect responsive layouts across screen sizes.
Location
Target visitors in selected geographic locations. Use this for local offers, promotions, or regional content.
Segment
Target visitors who belong to selected Netmera segments. Use segments for reusable audiences based on attributes, behaviors, or preferences.
Tag
Target visitors by the presence or absence of selected Netmera tags. Use tags for direct audience labeling and exclusions.
Combine filters to create a focused target group. Keep the rule set understandable for future maintenance.
Configure display timing
Use Advanced Show Settings to control when the widget appears and how long it remains visible.
Show Instantly
Displays the widget as soon as the webpage loads.
Show Later
Displays the widget after a selected delay. You can also set a hide delay, such as 20 seconds, to remove it automatically.
Schedule
Displays the widget only between selected start and end dates.
Enable custom tag firing scheduled
Schedules display based on selected custom tags and the configured date range.
Start/End
Defines the exact date and time that display starts and ends.
Set frequency and eligibility limits
Limits prevent overexposure. All configured limits apply together.
Lock Duration
The cooldown after one display. The widget cannot reappear during this period.
A one-week lock means a January 1 display cannot repeat before January 8.
Show Limit
The maximum displays for one user.
A limit of two allows only two displays.
Limit Time Period
The time window used for the show limit.
Two displays within two months prevents further displays until the window resets.
Example timeline
The visitor sees the widget on January 1. A one-week lock applies.
The visitor sees it again on January 15. This is the second display.
The widget stays hidden until March 1, when the two-month period resets.
Step 3: Design
Choose the page location that supports the campaign goal and preserves the surrounding content. Available placements include a top bar, bottom bar, sidebar, and center placement.
Use center placement for a time-sensitive discount or another high-attention message.
Step 4: Go
In GO, preview the widget before making it live. Confirm the trigger, filters, timing, limits, and placement support the intended campaign. Select Launch when the preview is correct.
If the widget covers important content, return to Design. Choose another placement or adjust the widget dimensions.
After launch, use Analyze widget performance to review shown and action events.
Last updated
Was this helpful?