How to Use Actions in App Builder

June 15, 2026

App Builder offers various Actions that enhance your app’s interactivity, making it more dynamic and user-friendly. By leveraging these actions, you can improve navigation, communication, and overall efficiency within your app. 

Actions can be found in the settings of specific elements, such as the:

  • Card element
  • Button element
  • Image element

Below is an overview of the available Actions and how to configure them.

Navigate to Page Action

The Navigate to Page action lets you seamlessly redirect users to a relevant page within your app based on their selection. This enhances the user’s experience by guiding them to additional details, next steps, or specific content that matches their needs. Let’s do it:

  1. In App Builder, click on the Element.
  2. Then, click on the Gear icon on the right side to open the Properties window.
How to Use Actions in App Builder Image-1
  1. Under the Action tab, in the Actions menu, select Navigate to Page.
  2. Now, in the Page dropdown menu, select the Page you want your users to navigate to.
How to Use Actions in App Builder Image-2
  1. In the Include an Icon or Button section, select either Icon or Button to add one to the end of your element, and you’re all set.
How to Use Actions in App Builder Image-3

Notes

  • Your app needs to have more than one page to use this action.
  • When selecting a page from the dropdown menu, you’ll also have the option to create a new page.
  • When setting an element to navigate to a page, you can choose a page with Require Login enabled, which will prompt users to sign in before they can access it. For a full breakdown of how it works, head over to our guide on How to Require Login to Secure Your App Pages.

Open URL Action

The Open URL action redirects users to the link provided in the element properties. This is great for linking to your website, blog, or any external resource. Here’s how to do it:

  1. In App Builder, click on the Element.
  2. Then, click on the Gear icon on the right side to open the Properties window.
How to Use Actions in App Builder Image-4
  1. Under the Action tab, in the Actions menu, select Open URL.
  2. Now, add your target URL in the Link field.
How to Use Actions in App Builder Image-5
  1. In the Include an Icon or Button section, select either Icon or Button to add one to the end of your element, and you’re all set.
How to Use Actions in App Builder Image-6

Send Email Action

With the Send Email action, users can instantly open their device’s default email application with your email address prefilled in the “To” field. This simplifies the communication process, allowing users to contact you with a single click. Let’s do it:

  1. In App Builder, click on the Element.
  2. Then, click on the Gear icon on the right side to open the Properties window.
How to Use Actions in App Builder Image-7
  1. Under the Action tab, in the Actions menu, select Send Email.
  2. By default, your email address will be prefilled in the Email Address field. To use a different email, just delete yours and add the other one.
How to Use Actions in App Builder Image-8
  1. In the Include an Icon or Button section, select either Icon or Button to add one to the end of your element, and you’re all set.
How to Use Actions in App Builder Image-9

Make Call Action

When you add the Make Call action to an element, users can contact you instantly with a single tap. Their device’s phone app will open with your number prefilled, allowing them to call without manually entering it. This is especially useful for customer support, inquiries, and appointment bookings, ensuring a smooth and hassle-free communication experience. Check the steps below to see how to enable it:

  1. In App Builder, click on the Element.
  2. Then, click on the Gear icon on the right side to open the Properties window.
How to Use Actions in App Builder Image-10
  1. Under the Action tab, in the Actions menu, select Make Call.
  2. Now, add your Phone Number in the Phone field.
How to Use Actions in App Builder Image-11
  1. In the Include an Icon or Button section, select either Icon or Button to add one to the end of your element, and you’re all set.
How to Use Actions in App Builder Image-12

Open Form Action

The Open Form action lets users access a relevant form with just one click, ensuring they reach the right form without any extra steps. Best of all, they can fill it out without ever leaving your app, creating a seamless and uninterrupted experience. Here’s how:

  1. In App Builder, click on the Element.
  2. Then, click on the Gear icon on the right side to open the Properties window.
How to Use Actions in App Builder Image-13
  1. Under the Action tab, in the Actions menu, select Open Form.
  2. Then, click on Select a Form.
How to Use Actions in App Builder Image-14
  1. Now, in the window that opens, select or search for the form that you want to add, and then click on Select Form at the bottom.
How to Use Actions in App Builder Image-15
  1. In the Include an Icon or Button section, select either Icon or Button to add one to the end of your element, and you’re all set.
How to Use Actions in App Builder Image-16

That’s it. Your actions are now set up and ready to go. You can also check out this guide about How to Let Users Edit Submissions from Your App.

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.