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

Register and Define Mobile Content Zones

Register the content zones your mobile app supports so that personalization experiences can target specific locations in your app. First register content zones in connector setup and connect the allowed components. Then define the matching content zones in your app code.

Required Editions

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

A content zone is a placeholder in your mobile app where personalized content appears. In mobile personalization, each content zone is connected to a specific set of allowed components, giving you control over what can render in each app location.

When you register a content zone, you connect the components that can render in it. This controls what business users can select when they configure experiences for each app location.

Note
Note A content zone lists the components allowed to render in it, giving you fine-grained control over each app location. For example, a Loyalty Promotion zone can allow only the Promotions component, while a Home screen zone can allow both a banner and product recommendations. This relationship also drives experience setup. When a business user picks a content zone for a personalization experience, only content zones that support the template's component are listed.
  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 Content Zones, and then select Add Content Zone.
  5. Enter the content zone details.
    Field Action
    Content Zone Identifier Enter the content zone ID from your app code.
    Label Enter a name that business users recognize during experience setup (for example, Home Screen Hero).
    Description Describe where this zone appears in your app (for example, Banner at the top of the home screen).
  6. Under Connected Components, move each component that can render in this zone from Available Components to Connected Components.
  7. Select Save.
  8. Define the matching content zone in your app code. The content zone identifier in your code must match the identifier you registered.

    A content zone definition can include these settings.

    Setting Description
    Name The content zone identifier that matches connector setup.
    Allowed components The components that can render in this zone.
    Loading The loading behavior while personalized content is retrieved.
    Fallback The content to show when no personalized content is available.
    Pull to refresh Whether the zone refreshes content on a pull-to-refresh gesture.
    Engagement tracking How the SDK tracks interactions in this zone.

    See Low-Code Mobile Personalization on Salesforce Developer Docs for information on registering content zones. Select your platform (iOS, Android, React Native, or Flutter) from the guide for implementation guides and code examples for defining content zones.

The content zone appears in the Content Zones list, along with its connected components.

 
Loading
Salesforce Help | Article