Welcome Mat


The Welcome Mat is a user-friendly tool that helps people navigate a page or app. It's like a starting point to learn more about a topic. It has clickable tiles that do different things, like:

  • Starting tutorials

  • Showing pop-up windows

  • Playing videos

  • Taking you to specific web pages

How it works:

The Welcome Mat has two parts:

  1. Informational Left Pane: This gives you background info on the topic.

  2. Actionable Right Pane: This has clickable items to help you explore the topic further.

Using the Welcome Mat, you can quickly grasp the content and select the specific information or actions you're interested in.

Can You Customize It?

Yes, you can change its appearanceโ€”like the icons, colors, and what each clickable option doesโ€”to suit your needs.

What Happens When You Complete Steps?

The Welcome Mat will update to show which items you've completed as you go through the clickable options. This helps you keep track of what you've already looked at.

You can dynamically set which steps are marked as completed by using the โ€œMappedโ€ attribute. This allows you to link the completion status of a step to a variable in your flow, such as a formula that decides whether a step should be marked as completed or not. In simpler terms, it lets you automatically mark steps as completed based on conditions you set in your flow.

Changing the properties

To make the Welcome Mat more effective and customized, you have a range of properties that you can configure:

Textual Elements

  1. Caption: This text appears above the title and serves as a short introduction or context for the Welcome Mat.

  2. Title: This is the main heading and focuses the user's attention on the Welcome Mat's purpose.

  3. Subtitle: This text appears below the title and offers additional context or information.

  4. Content: This is the bulk text for the introductory part of the Welcome Mat. You can include detailed information or guidelines here.

Visual Elements

  1. Show Background Image: Toggle this option to display a background image on the Welcome Mat.

  2. Show Dismissal Checkbox: Enabling this will display a checkbox that allows users to dismiss the Welcome Mat.

  3. Dismissal Checkbox Label: Enter the text to be displayed next to the checkbox.

Interactive Elements

  1. Primary Button and Secondary Button: Add one or two buttons that perform specific actions; these can be configured in the interaction panel.

  2. Search: This option adds a search box below the title and caption. The search functionality can be triggered via the interaction tab.

Layout Customization

  • Layout: Modify the layout properties, such as content width and alignment horizontally and vertically. This lets you precisely position the title, caption, and description within the left panel.

Progress Indicators

  • Progress Option: Displays a progress bar or circle that can be customized with labels, prefixes, and suffixes. This gives users a visual sense of completion through the Welcome Mat.

Multimedia Options

  • Video Options: On the left panel, add a video file or a YouTube video ID. This video will be displayed at the bottom of the Welcome Mat.

Data Source

  • Data Source: Either manually or dynamically, use a flow resource variable to populate the right side of the Welcome Mat. This is where you can add additional resources or tiles for users to explore.

    • Manual Entry: If you choose this option, type in the items for your list and specify all their attributes individually.

    • Variable: With this option, you can select an existing collection from your flow (like an array or list of objects) and map its attributes to populate your list automatically.


Every item in the Welcome Mat consists of the following elements:

  1. Label: A concise and clear identifier for the item.

  2. Name: The title or the main identifier for the item, which is usually more descriptive than the label.

  3. Description: A brief explanation or more information regarding what the item is about or what it does.

  4. Icon: A graphical representation or symbol associated with the item for easy and quick identification.

  5. Completed Status: Indicates whether the user has finished or engaged with the item.

  6. Disabled Status: Shows whether the item is currently accessible or inactive.

  7. Link Section: The area where you define the behavior or action when the item is clicked, such as navigating to another location within Salesforce, launching another flow, or interacting with the current flow navigation.

The link section is particularly crucial as it determines the action to perform once the user interacts with the item. It can be configured to:

  1. Navigate within Salesforce: Redirect the user to a specific page, record, or section.

  2. Open Another Flow: Launch a different flow to continue the user journey.

  3. Interact with Flow Navigation: Influence the ongoing flowโ€™s path or steps based on user interaction with the item.

Possible Use Cases

Below are various examples highlighting how the Avonni Welcome Mat can address your unique business needs.


Onboarding Sales Representatives

New sales reps could be welcomed with tiles guiding them through different Salesforce CRM functionalities like creating a new lead, logging a meeting, or navigating through their dashboards.

Service Agent Training

Customer service agents could be guided through the Service Cloud features with tiles for each major function, including case management, using the knowledge base, and utilizing live chat features.

Feature Rollouts

Whenever there is a new feature or significant update, administrators could configure the Welcome Mat to introduce these changes, with videos or walkthroughs explaining how to use them.

Admin Console Guides

A Welcome Mat could guide Salesforce administrators through various admin tasks, like creating new roles, setting up automation rules, or running reports.

Data Quality

Tiles could be set up to guide users on how to enter quality data into the system to avoid duplicates and ensure data integrity.

Customer Onboarding in Community Portal

When customers log in to a Salesforce Community, a Welcome Mat could guide them through setting up their profile, exploring the knowledge base, or starting a service request.

Partner Training

Companies could use a Welcome Mat in a Partner Portal to guide new partners through resources like sales collateral, training materials, and co-marketing opportunities.

Healthcare Patient Portals

For healthcare organizations using Salesforce Health Cloud, patients could use the Welcome Mat to navigate through various features of the patient portal, including finding a doctor, booking an appointment, or accessing their medical records.

Finance and Banking

Financial services companies using Salesforce Financial Services Cloud can use the Welcome Mat to guide users on how to view their portfolios, set financial goals, or get in touch with their advisors.

Last updated