Assign Click Actions

Use this page to define what happens when a user clicks a web widget element.

This page focuses on behavior. If you are still building the widget layout, start with Customize Components. If you need help choosing the right element first, see Widget Elements Reference.

Quick workflow

1

Select the interactive element

Click actions can be assigned to Buttons and Images.

2

Open the click action panel

Click the ⚡ lightning icon in the toolbar and choose the action you want.

3

Add conditions if needed

Use Action Conditions when the action should run only for a specific value or user choice.

4

Save and test

Preview the widget and test every path before saving.

Click Actions

Click action types

User Update

Use User Update when a click should update profile data or user properties.

This is useful for saving form responses, updating user fields, or writing back preference data.

How to set it up:

  1. Select the button or image.

  2. Choose User Update.

  3. Pick the field you want to update.

  4. Map the value from a widget component if needed.

User Update
circle-check

Matching components with attributes

Example

To update a user’s email through a button:

  1. Assign an identifier to the button.

  2. Select User Update.

  3. Open the subcategory and choose the update method.

  4. Select Content if the value comes from another widget component.

  5. Match the content with the component you want to use, such as emailattributebutton.

Redirect to URL

Use Redirect to URL when a click should open a web page.

Best for external websites, landing pages, product pages, and campaign detail pages.

How to set it up:

  1. Enter the destination URL.

  2. Add a condition if the redirect should run only in a specific case.

Go to View

Use Go to View to move users to another screen inside the same widget.

This is the main action for multi-step flows such as rating → thank you or form → success.

How to set it up:

  1. Choose Go to View.

  2. Select the target view.

  3. Add Action Conditions if the target should depend on user input.

Send Data

Use Send Data when the click should send form or interaction data to an endpoint.

This is useful for custom data collection and server-side workflows.

How to set it up:

  1. Define the data or parameters to send.

  2. Enter the endpoint URL.

  3. Add conditions if the send action should be limited.

Close Widget

Use Close Widget when the interaction should simply dismiss the widget.

This works well for actions such as Dismiss, Maybe later, or No thanks.

Open Widget

Use Open Widget when one widget should launch another widget.

This is useful for chained flows such as summary widget → detailed widget.

How to set it up:

  1. Choose Open Widget.

  2. Select the target widget.

  3. Make sure the target widget already exists.

Get Web Push Permission

Use Get Web Push Permission when the widget should request browser notification permission directly from the user.

This is useful during onboarding, subscription prompts, or well-timed opt-in requests.

How it works:

  1. The user clicks the component.

  2. The browser shows the native notification permission pop-up.

  3. The user’s allow or deny response is reflected in Netmera automatically.

Widget shown to users
Native permission pop-up

Fire Event

Use Fire Event when a click should trigger a custom event inside your app or tracking setup.

This is useful when another workflow, report, or integration depends on the interaction.

How to set it up:

  1. Create the event first in Create Custom Events.

  2. Assign Fire Event to the button or image.

  3. Select the event from the list.

circle-check

Matching widget components with events

Example

To fire an event from an image click:

  1. Assign an identifier to the image.

  2. Select Fire Event.

  3. Open the subcategory and choose the method.

  4. Select Content if the mapping comes from a widget component.

  5. Match the event with the right component, such as pairing LikeEvent with the image identifier.

Use Deep Link when the click should open a specific destination inside the app.

This is useful for product pages, article detail pages, feature screens, or campaign destinations.

Validations

Validations help you prevent bad or incomplete input before an action runs.

Example

If a field must not be empty, set the rule to Not Empty and write an error message such as Please fill in.

Validation rules

Available rules include Not Empty, String Length, Number, Percentage, and Regex.

Email validation

Widgets support email validation with custom error messages such as Please enter a valid email address.

If the value is invalid and the user clicks submit, the error appears immediately and the action is blocked.

circle-exclamation

Important step

Check Form Validations Before Performing This Action

When enabled, the widget checks validations first. If validation passes, the action runs. If validation fails, the action is blocked and the user sees the related error message.

Manage App

Use Manage App when the action should be handled by the app itself. This is commonly needed for app-level deep link behavior.

Action Conditions

Use Action Conditions to control when a click action should run.

How it works:

  1. Choose the identifier to evaluate.

  2. Select the condition.

  3. Enter the expected value.

  4. Run the action only when the condition is matched.

Example scenario: rating flow

This example creates a simple feedback flow with conditions.

circle-check

Goal

Step 1: Add the rating element and identifiers

Design the widget first. Add the rating element and the button users will click after rating.

Then assign a clear identifier to the rating element, such as rating.

Identifiers
circle-info

Identifiers are usually shown at the top-right of the selected component. Replace random defaults with clear names before you start action setup.

Identifiers

Step 2: Create the views

Add the extra views needed for the flow:

  • View 2: Feedback

  • View 3: Thank You

View 2
View 3

Step 3: Add conditional actions to the button

Add two Go to View actions to the same button.

First action:

  • choose Go to View

  • select View 2

  • add the condition rating <= 3

Action 1

Second action:

  • click + Add Action

  • choose Go to View

  • select View 3

  • add the condition rating >= 4

Action 2

You can add more actions later if the flow needs data send, redirect, or event trigger steps.

Select Action

After testing the logic, click Save Widget and Return.

Last updated

Was this helpful?