Setting up the Action Screen
Updated over a week ago

The "Action Screen" serves as the initial screen that allows you to provide users with direct access to various useful functions, known as action items. With this feature, you can effortlessly create buttons that enable users to perform specific actions, such as generating bug reports or sharing suggestions for improvement.

Furthermore, the "Action Screen" supports external links and JavaScript execution on the page, expanding the possibilities for engaging user experiences. In this article, we will explore how to leverage the power of the "Action Screen" in the Sleekplan JavaScript widget and unlock its full potential. Let's dive in and discover how to enhance user interactions and streamline user feedback with this action screens.

Set up the Action screen

Now the action screen is set on your widget home.

Create your first Action item

To start creating an action item, simply press the "New Action Item" button. This will open up a set of settings for customization. Let's go through each setting:

  1. Title: Enter a descriptive title for your action item button. This title will be displayed to the user.

  2. Description: Provide a short description that explains the purpose or functionality of the action item to the user. This description will help them understand its relevance.

  3. Icon: Choose an icon that represents your action item. Icons can enhance the visual appeal and make it easier for users to identify the function associated with the button.

  4. Size: Select the desired size for your action item. You have two options to choose from: "large," which uses the full width, or "small," which group items in columns by 50% of the width.

  5. Action: Define what should happen when a user clicks on the action item. There are several possibilities:

    • Open Board: This action opens the feedback board on the widget. You can further refine the results by specifying a certain status. For example, you can choose to display only completed contributions by selecting the "completed" status.

    • Open Changelog: This action opens the changelog on the widget, allowing users to view recent updates and changes.

    • Open Roadmap: This action opens the roadmap on the widget, providing users with insights into the future plans and developments.

    • Create Post: This action opens a form for users to create a post. You can also specify a category for the form, such as "Issue" for bug reports, streamlining the process for users. If the category is not specified, we will add a category selection to the form.

    • Custom Link: With this action, you can add a custom external link to the action item. It enables you to direct users to external resources or relevant pages like help docs.

    • Custom Script: This action allows you to execute JavaScript code on the page. It provides flexibility to perform actions like opening a support chat or triggering specific interactions.

    • iFrame: This action loads a specified link within an iframe directly in the widget. It allows you to embed external content seamlessly within the widget. ‼️ You need to make sure that iFrame embedding is allowed by content security policies.

Did this answer your question?