You are here:
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.
- Your mobile app connector is configured. See Configure Your Mobile App for Personalization.
- Each component you want to allow in a content zone is already registered. See Register and Define Mobile Personalization Components.
- From Setup, in the Quick Find box, enter Data Cloud Setup, and then select Data Cloud Setup.
- Select Websites and Mobile Apps, and then select your mobile connector.
- Select the Personalization tab.
- In Mobile Personalization Configuration, select Content Zones, and then select Add Content Zone.
-
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). - Under Connected Components, move each component that can render in this zone from Available Components to Connected Components.
- Select Save.
-
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.
