Loading
Prepare for Email to Become the Default Login ExperienceRead More
Salesforce Personalization
Register and Define Mobile Personalization Components

You are here:

  1. Salesforce Help
  2. Docs
  3. Salesforce Personalization

Register and Define Mobile Personalization Components

Register the components your mobile app supports so that experience templates and personalization experiences can use them. First register components in connector setup. Then define custom components in your app code.

Required Editions

User Permissions Needed
To register components in connector setup: Data Cloud admin
To define custom components in your app code: Access to mobile app code

A component is native code in your mobile app that renders personalized content. Unlike web templates, which use HTML and CSS, mobile components live in the app's native codebase and handle rendering independently of the Personalization platform.

  1. From Setup, in the Quick Find box, enter Data Cloud Setup, and then select Data Cloud Setup.
  2. Select Websites and Mobile Apps, and then select your mobile connector.
  3. Select the Personalization tab.
  4. In Mobile Personalization Configuration, select Components, and then select Add Component.
  5. Enter the component details.
    Field Action
    Component Name Enter the component name from your app code.
    Description Describe what this component renders (for example, Displays a promotional banner).
  6. Select Save.
  7. To use out-of-the-box components, reference these components in your connector setup.
    Component API Name Description
    Salesforce Banner Salesforce_Personalization_Banner Displays promotional banners and announcements.
    Salesforce Recommendations Salesforce_Recommendations Displays personalized product recommendations.
  8. To support content types beyond the out-of-the-box components, define custom components in your mobile app code.
    Each custom component is native code that renders personalized content and matches a component name registered in connector setup. See Low-Code Mobile Personalization on Salesforce Developer Docs. Select your platform (iOS, Android, React Native, or Flutter) from the guide for implementation guides and code examples for defining components.

The component appears in the Components list for the connector.

See Also

 
Loading
Salesforce Help | Article