Skip to main content
Landing Pages Pop-ups Contests & Sweepstakes Refer-a-Friend Quizzes Social Media Instant Win Analytics Customize Everything 🎁 Free Tools View All Features
Pricing Templates
Blog Why ShortStack Enterprise & Agencies Help center
Start Free Today Book Demo Hire Us Log in to your account

Using Action Labels in an Action Widget

All plans Last reviewed

Action Labels are specific labels that you can assign to any widget. These labels simplify managing complex tasks involving Action Widgets, such as hiding or displaying multiple containers simultaneously.

Key features

Flexibility: Assign the same label to multiple widgets or assign multiple labels to a single Widget.

Efficiency: Reduce the need for multiple Action Widgets or long action lists. For example, you can hide several containers with a single action.

Using Action Labels

Step 1: assigning Action Labels

You can assign Action Labels in two ways:

Option 1: assign Action Labels via the widget settings

  1. Open the Widget’s settings.

  2. Navigate to the Extras section.

  3. Enter your label(s) in the Action Labels field, seperate multiple labels with a space.

  4. Click Save and Exit.

  5. Repeat this process for each Widget you wish to label.

Option 2: assign Action Labels via the Action Widget

  1. Open an Action Widget.

  2. Open to edit either the WHEN, AND IF, or THEN section.

  3. Hover your cursor over the Widget in the list, and click on the pencil icon for the light grey or purple text to edit the Action Label.

    The Select Widgets dialog with entry_area typed into the search box. The widget list shows Logo Bar, Navbar and Main Header, with the Action Label main-header and its pencil edit icon outlined in green.

  4. Click the check mark or press ENTER on your keyboard to save—seperate multiple labels by space or comma.

  5. Click the X icon or press ESC on your keyboard to discard any changes.

Note: If you do not edit the Action Labels, a default label will be provided.

Step 2: Using Action Labels with Action Widgets

Creating an Action Widget with Action Labels follows the same process as creating any other Action Widget. Here’s how:

Step 2.1: create a new Action Widget

Step 2.2: edit the action trigger ("WHEN" section)

  1. You’ll see the Action Labels displayed in purple text.

    • To select a label: Type the label name in the field or click the widget with the desired label.

    • Widgets without an Action Label can still be clicked, and a default Action Label will be applied.

    • For multiple Action Labels on a widget: Either click through the labels until the correct one is selected or type the specific label name in the field.

      The Create New Action dialog. Category is set to Widget, after_entry is typed into the widget search, After Entry and Thanks Text are highlighted in the list, and the Action is set to Show.

Step 2.3: configure the "AND IF" and "THEN" sections

Use Action Labels as needed to configure additional conditions ("AND IF") and actions ("THEN").

Example:

  1. Hide all Widgets labeled text.

  2. Show all Widgets labeled footer when the form is successfully submitted.

    Action Widget settings titled Hide text when Form Container submitted. The WHEN section reads Form Container is successfully submitted; the THEN section lists Hide widgets labeled text, then Show widgets labeled footer.

Single-widget actions

Action Labels make intelligent selections for single-widget actions when multiple widgets share the same label. The system prioritizes widgets based on relevance to the action (e.g., visibility settings), parent visibility, and proximity to the Action Widget. This ensures predictable behavior for actions like “Pop up,” “Submit Form,” and “Scroll To.” Additionally, actions like “Set Field Value” and “Video Stop” now apply to all matching widgets, simplifying multi-widget interactions.

Action Widget (Help Doc)

How to Use the Action Widget (Video)

Related articles

Was this helpful?