Publish Web Widget

Publishing your widget through these steps allows you to customize its appearance, triggers, and filters to deliver a personalized and targeted experience to your website visitors.

Quick Steps Guidelines

Web Tools -> Widget -> Publish Widget

  1. Choose your widget and name it on Setup.

  2. Decide on your Triggers and Filters and Advanced Show Settings for your widget on Rules.

  3. Define your widget's location on your web page on page Design.

  4. After checking all the information, Preview or Launch your widget on GO!

Step 1. Setup

In this step, you will select the specific widget you want to publish from your available options. You can choose from the widgets you have created or pre-designed templates. Once you have selected the widget, give it a meaningful name that helps you identify and manage it within your web tools. This name can be based on the purpose of the widget or any other relevant criteria.

Step 2. Rules

Triggers and filters determine when and under what conditions your widget will be displayed to your website visitors. In this step, you will configure the rules that govern when the widget should appear. Triggers can be based on user actions, such as scrolling, clicking, or time spent on the page. Filters allow you to target specific segments of your audience based on criteria like location, device type, or referral source.


You might set the trigger for the widget to appear when a visitor spends a certain amount of time on your website and filters it to target visitors from specific geographic regions.

Triggers and Filters

Triggers define when to show Web App Widget on page. You may add more than one trigger and create a specific group of trigger for your widgets. Here are the different trigger options available for Web App Widgets:

  1. Scroll: The scroll trigger allows you to control when the web app widget is displayed based on the user's scrolling behavior. You can specify a scroll ratio, such as 50% or 75%, and when the user scrolls beyond that ratio on the page, the widget will be triggered and shown. This trigger is particularly useful when you want to engage users who have shown a certain level of interest or engagement with your content.

  1. Click Selector: The click selector trigger gives you the ability to display the web app widget when a specific element on the page is clicked by the user. You can identify the element using its CSS selector, which allows for precise targeting. For example, you can set a trigger for when a "Buy Now" button or a specific image is clicked. This trigger is effective for capturing user intent and offering relevant information or assistance at the moment of interaction.

Selector: It defines clicked element's class name and works with contain operator. If you want to select with ID you can start '#' and with class you can start '.'

  1. Page View: The page view trigger enables you to show the web app widget when the user visits a particular page or a set of pages. This trigger is useful for delivering contextual information or promotions based on the specific content the user is viewing. For example, you can display a widget offering a discount on related products when a user visits a product detail page. It allows you to provide targeted messaging based on the user's browsing context.

  1. Exit Intent: The exit intent trigger is designed to capture the user's intention to leave the web page. It detects when the user's cursor moves towards the browser's close button or when they navigate to another tab. By triggering the web app widget at this critical moment, you have an opportunity to offer incentives, additional information, or personalized recommendations to encourage the user to stay or complete an action before leaving.

  1. Widget Shown: The widget shown trigger allows you to display the web app widget after a specific widget, chosen from the available widgets, has already been shown to the user. This trigger is useful for creating sequential or follow-up interactions. For instance, you can present a survey or feedback widget after the user has interacted with a support widget. It enables you to guide users through a predefined flow and provide a seamless user experience.

  1. Netmera Event: The Netmera event trigger offers a versatile way to display the web app widget based on specific events tracked by Netmera. You can define the event name, attributes, operators, and values to trigger the widget when the desired event occurs. This trigger can be used to engage users based on their interactions, preferences, or custom-defined events. For example, you can trigger a widget to offer personalized recommendations based on a user's purchase history or trigger a widget when a specific action is performed within the app.

By leveraging these trigger options, you can tailor the display of your web app widget to specific user behaviors, interactions, or events. This level of customization and contextual targeting enhances the user experience, increases engagement, and maximizes the impact of your web app widgets.

Advanced Show Settings

Advanced Show Settings provide you with enhanced control over the display timing and duration of your Web App Widget, allowing for a more tailored and effective user experience. With these settings, you can customize when and how your personalization appears to users.

  1. Show Instantly: This option enables your personalization to be displayed immediately when the webpage loads. It ensures that users see the widget without any delay, maximizing visibility and interaction.

  2. Show Later: This feature allows you to introduce the personalization after a specific time delay, enhancing the user experience by providing them with an opportunity to explore the webpage before encountering the customized content. You have the flexibility to determine when the Web App Widget should disappear from the user's screen. By setting a hide delay of, for instance, 20 seconds, the widget will automatically disappear after being displayed for 20 seconds. This feature can be useful in scenarios where you want to provide a brief and targeted message without causing any disruption to the user's browsing experience.

  3. Stop Showing: The Stop Showing option allows you to define when the personalization should no longer be displayed to users.

After visitors have seen the widget [x] times: This option allows you to limit the number of times the personalization is shown to the same visitor. You can specify the maximum number of times the widget should appear to a user, preventing overexposure and ensuring a balanced and non-intrusive experience.

  1. Schedule: The Schedule option enables you to set a specific start and end date for the display of your personalization. This is particularly useful when you want to run campaigns or promotions for a limited period. By defining the start and end dates, you can ensure that the widget is only displayed during the desired timeframe.

Enable custom tag firing scheduled: If you want to schedule the display of your personalization based on custom tags, this option allows you to do so. You can define specific tags and associate them with start and end dates. The widget will be triggered according to the presence of these tags and the scheduled timeframe.

Start/End: With the start/end date settings, you can define the date and time when the personalization should begin and end appearing to users. This ensures that your campaign or message is launched and stopped at the correct time.

Step 3. Design

In this step, you will determine where exactly on your web page the widget should be displayed. You can choose from various placement options, such as top bar, bottom bar, sidebar, or as a center element. The placement will depend on your website layout and the visibility you want to give to the widget.

Tip: If you want to draw immediate attention to the discount offer, you might choose to display the widget as a center placement.

Step 4. Go

After checking all the information, Preview or Launch your widget on GO!: Before making your widget live on your website, it's essential to review all the settings and configurations you have made. Double-check the triggers, filters, and placement to ensure they align with your intended goals. You can preview the widget to see how it will appear to your website visitors and make any necessary adjustments. Once you are satisfied with the setup, you can click on the "Launch" button to make the widget active on your website.


After previewing the widget, if you notice that the positioning is covering some important content on your website you can go back to the design step and choose a different placement option or adjust the widget's dimensions to avoid obstructing essential information.

Publishing your widget through these steps allows you to customize its appearance, triggers, and filters to deliver a personalized and targeted experience to your website visitors. It helps you engage with your audience, promote special offers, collect feedback, and achieve various marketing and conversion goals.

Last updated