LogoLogo
HomepageYouTube ChannelInstall from the AppExchange
  • Home
  • Dynamic Components
  • Flow Components
  • Experience Components
  • Projects
  • 👋Welcome
  • Getting Started
    • Installation & License Management
    • Quick Start Guide
    • Learning the Basics
    • Reactive Data Components
  • Experience Components
    • 🖼️View All Components
    • Accordion
    • Accordion Section
    • Alert
    • Audio
    • Avatar
    • Avatar Group
    • Banner
    • Bar Code
    • Blockquote
    • Button
    • Button Dialog
    • Button Group
    • Button Menu
    • Calendar
    • Card
    • Chip Container
    • Container
    • Data Table
    • Feed
    • Gallery
    • Icon
    • Illustration
    • Image
    • Kanban
    • Language Selector
    • Layout
    • List
    • Map
    • Media Object
    • Metric
    • Navigation
    • Profile Card
    • Progress Bar
    • Progress Circle
    • Progress Indicator
    • Publisher
    • Record Detail
    • Separator
    • Tabs
    • Text Block
    • Timeline
    • Video
  • Properties Panel
    • Appearance
    • Interactions
      • Show Toast
      • Navigate
      • Open Alert Modal
      • Open Confirm
      • Open Flow Dialog
  • Tutorials
    • General
      • Expressions for Aura Sites
      • Expressions for LWR Sites
    • Components
      • Banner
        • With Illustration and Buttons
        • With Content centered
      • Card
        • Creating a MapCard Showcase
      • Data Table
        • Configuring the Data Table to display current related record information
        • Displaying Salesforce CMS Files in a Data Table
      • Image
        • Utilizing Avonni Image Component for Before-and-After Image Comparisons
      • Layout
        • Configuring the Layout to be responsive
      • Map
        • Set up the map to show record details information
      • Profile Card
        • Set up the Profile Card to display current user information
      • Tabs
    • Interactions
      • Configure the Open Flow Dialog to open a flow by clicking a button
    • Reactive Components
      • Interactive Map
      • Linked Data Tables
      • Guide to Implementing
    • Use Cases
      • Building a record detail page header
      • Creating a MapCard Showcase
      • Creating a Grid Layout
      • Utilizing Avonni Image Component for Before-and-After Image Comparisons
  • HELP
    • How do I contact support?
    • How do I report bugs?
    • Release Notes
    • Security
Powered by GitBook
LogoLogo

Company

  • About Us
  • Pricing

Policies

  • Privacy Policy
  • Terms of Service
On this page
  • Overview
  • List of Page Reference Type
  • Aura - External Record Page
  • Aura - External Record Relationship Page
  • Aura - Login Page
  • Knowledge Article
  • Managed content Page
  • Named Page
  • Object Page
  • Record Page
  • Record Relationship Page
  • Web Page

Was this helpful?

  1. Properties Panel
  2. Interactions

Navigate

Last updated 7 months ago

Was this helpful?

Overview

The Navigate interaction allows you to set the navigation when a user clicks on an action. This feature will enable you to trigger and customize different page references, making it easy for end-users to navigate to other pages. This helps to create a seamless user experience and improve user engagement.


List of Page Reference Type

These page reference types are supported.


Aura - External Record Page

When configuring the Navigate interaction to link to an Aura—External Record Page, the Lightning Component framework (Aura) allows for dynamic and contextual linking to Salesforce records.

Name
Description
Usage

Record Id

The Record Id setting is used to specify the unique identifier of the record that the user will navigate to upon interaction. This ID ensures that the navigation targets the correct record within Salesforce.

Input the Salesforce record ID that the navigation action should link to. For dynamic use cases, this can often be sourced from the current context or data the user is interacting with.

CMS Source Name

The CMS Source Name setting is utilized when the navigation target is a Salesforce CMS (Content Management System) record. This is the name of the CMS Channel from where the record originates.

Specify the CMS Channel name if the destination is a CMS content record. The Navigate interaction will use this name to retrieve and display the correct content.

CMS Type Name

Alongside the CMS Source Name, the CMS Type Name further defines the type of CMS content that the user will navigate to. It corresponds to the content type within the specified CMS Channel.

Define the type of CMS content that you want the user to be directed to. For example, if the content is an article, the CMS Type Name could be "NewsArticle" or another defined content type in your CMS Channel.


Aura - External Record Relationship Page

The Navigate interaction for the Aura - External Record Relationship Page provides a shortcut to related Salesforce records directly from the current page, simplifying user workflow.

Name
Description
Usage

Record Id

This setting identifies the specific record the user will be directed to. The Record Id must be the unique identifier of a record that has a defined relationship within Salesforce.

Enter the Salesforce record ID for the related record you want the navigation action to target. This ID is typically sourced dynamically based on user interaction or the current record in view

Object Type

The Object Type setting specifies the type of related record the user will navigate to. This should match the API name of the related object as defined in Salesforce.

Input the API name of the Salesforce object type that is related to the current record. For instance, if navigating to contacts related to an account, the Object Type might be "Contact".

Let’s say you’re working in Salesforce and looking at a company's profile—let's call it "Acme Corporation." Now, you want to see all the deals or opportunities connected to Acme without searching for them separately.

  • Specify the following settings:

    • Record Id: Enter the Salesforce ID of the Acme Corporation record or bind it to a dynamic variable representing the current record ID.

    • Object Type: Enter or select the related object you want to navigate, such as ‘Opportunity’.


Aura - Login Page

The Aura—Login Page interaction is a user navigation feature within Salesforce Experience Cloud that allows a smooth transition between logged-in and logged-out states. Depending on the action specified, this interaction triggers the login or logout processes.

Settings:

  • Action Name: This setting defines the authentication action to be performed. The available actions are:

    • login: This option configures the component to navigate users to the login page, prompting them to enter their credentials to access secured areas of the Experience Cloud site.

    • logout: Selecting this option will guide users to a logout sequence, effectively signing them out of the site and ending their current session.

When setting up the Aura - Login Page interaction, choose the appropriate action (login or logout) to match the intended user flow of your Experience Cloud site. This interaction ensures that users can quickly sign in to access protected content or sign out when they have finished their session, maintaining a secure and user-friendly environment.


Knowledge Article

The Knowledge Article interaction with the URL Name setting allows users to navigate directly to specific Knowledge Articles within Salesforce Experience Cloud. This interaction simplifies the user journey by creating quick access links to important informational resources.

The URL Name is typically the end part of the Knowledge Article's URL and is unique to each article. It's generated based on the article's title but can be customized for clarity and SEO purposes.

Example of a Knowledge Article URL: https://yourdomain.my.salesforce.com/s/article/<URL_Name>


Managed content Page

The Managed Content Page interaction is a feature built into the Experience Cloud that allows administrators to link directly to a managed content page by simply providing values for two key settings: the Content Type Name and the Content Key.

Name
Description

Content Type Name

This refers to the predefined name of the content type within your Salesforce setup. Content types are templates that structure the content you create, such as "News Article" or "Marketing Material."

Content Key

This is the unique identifier for the specific piece of content to which you want to link. Each content piece within a content type has a unique key, which is used to retrieve it directly.


Named Page

The Named Page interaction in Salesforce Experience Cloud allows you to define navigation and link components to internal pages created within the Experience Builder. This interaction can enhance user navigation by setting up intuitive and friendly URLs to specific named pages.

Properties

  • Page Name: The identifier for the named page within Experience Cloud. This must match the API name of the page as defined in Experience Builder.

Example

Imagine you have a custom page in your Experience Cloud site with the API name CustomerSupport. You want a navigation menu item to link directly to this page.

  1. In the "Page Name" field, you enter CustomerSupport.

  2. After saving your changes and publishing, your users will be able to click this menu item and be taken directly to the CustomerSupport page within your Experience Cloud site.

  • The Page Name is case-sensitive and must match the API name exactly.

  • Use the Page Name for internal navigation within the site rather than hard-coded URLs for maintainability and to leverage Salesforce's URL handling.

  • Consider using meaningful and user-friendly API names for pages to make configuring interactions more intuitive.

Passing URL Parameters with Navigate to Named Page

You can use the "Navigate to named page" interaction to send users to another page in your Experience Cloud site and pass along information using URL parameters. This lets you customize what they see on the new page.

Here's how it works

Imagine you have a button on your homepage. When a user clicks this button, you want to send them to a page that shows details about a specific record.

1. Set up the target page

The section below about Record Detail is just an example. Feel free to apply this information to any component you need.

  • On the target page, add an Avonni Record Detail component.

  • In the "Record ID" attribute of this component, enter the expression {!Route.recordId}. This tells the component to look for a URL parameter called "recordId".

2. Set up the button

  • On your homepage, add an Avonni Button component.

  • In the "Link to" interaction settings, choose "Navigate to named page".

  • Enter the API name of your target page (the page with the Record Detail component).

  • In the "Parameters" section:

    • For "Name", enter recordId. (corresponding to the attribute name used in the step 1)

    • For "Value", you can select a field from the list (depending the component you're using) or manually enter the record ID you want to pass.

When users click the button, they are taken to the target page. The Avonni Record Detail component on that page automatically grabs the "recordId" from the URL and displays the corresponding record details.

In simpler terms

Think of it like sending a letter. The "Navigate to named page" interaction is like the envelope, and the URL parameter is like the address on the envelope. It tells the system where to go and what information to bring along.


Object Page

The Object Page interaction within Salesforce Experience Cloud enables administrators and developers to link components directly to standard or custom object pages, such as a list view or record creation form. This function is crucial for creating a seamless user experience by providing quick access to object-specific actions.

Properties

  • Object API Name: The unique identifier for the object within Salesforce, such as Account, Contact, or a custom object CustomObject__c.

  • Action Name: Specifies the type of page to navigate to. Common actions include:

    • List: Navigates to the list view of the specified object.

    • New: Opens the page to create a new record for the specified object.

Example

Let’s say you want a "View All Contacts" button in your Experience Cloud site to take users directly to the list view of all Contact records.

  1. While editing your site in Experience Builder, add a button component where needed.

  2. For the button’s interaction, choose "Navigate to Object Page."

  3. Input Contact in the Object API Name field to specify the object.

  4. In the Action Name dropdown, select List to link to the list view.

  5. Save the Experience Builder changes and click "Preview" to test the button functionality.

  6. After testing, publish the site to apply changes.

  • The Object API Name must match the object’s API identifier in Salesforce.

  • Only use actions supported by the object. For instance, the interaction won't function correctly if an object doesn't support the New action due to permissions.

  • Custom objects' API names typically end with __c.


Record Page

The Record Page interaction in Salesforce Experience Cloud directly links to specific record detail pages. This feature is handy for creating direct paths to view details of a particular record, such as an Account, Contact, or any custom object.

Name
Description

Object API Name

This is the unique identifier for the object in Salesforce, such as Account for standard objects or CustomObject__c for custom objects.

Record ID

The unique identifier for the specific record you wish to display.

Action Name

For this interaction, the action will typically be set to View to show the details of the record.

Example

If you want a custom button that takes a user to the detailed view of a specific contact record.

Tips

  • Record IDs in Salesforce are typically 15 or 18-character alphanumeric strings unique to each record.

  • Ensure the users have the necessary permissions to view the record, or they might encounter access errors.

  • Record IDs can be sourced dynamically through URL parameters or component bindings, depending on the page's context or user action.


Record Relationship Page

The Record Relationship Page interaction in Salesforce Experience Cloud enables users to navigate to a page that displays a related list or related records associated with a specific record. This is particularly useful for users who need to view or interact with associated data, such as contacts related to an account or opportunities related to a contact.

Create your site's object and corresponding pages to ensure the record navigation redirection works.

Example

Imagine you have a custom button on an Account page layout that needs to take users to a list of all Contacts related to that account.

Tips

  • The Relationship API Name is often the plural of the object API name, but this can vary, especially for custom relationships.

  • Ensure the Relationship API Name corresponds to a valid list related to the specified object.

  • Always verify that users have the required permissions to view the related records to avoid access issues.


Web Page

The Web Page interaction in Salesforce Experience Cloud allows users to direct themselves to an external web page or another internal page within the Salesforce ecosystem. This feature can be essential for linking to additional resources, partner sites, or company homepages.

Aura - External Record Page
Aura - External Record Relationship Page
Aura - Login Page
Knowledge Article
Managed content Page
Named Page
Object Page
Record Page
Record Relationship Page
Web Page