Overview
iOS Integration
Android Integration
React Native Integration
Flutter Integration
Low-code mobile personalization uses pre-built SDK plugins that render personalized content for you. Instead of calling the Decisioning API directly and building your own UI, you use a ContentZone element in your app with a list of allowed components, and the SDK fetches content, matches the backend’s component name, and renders the result automatically.
ContentZone in your UI and specify which components it may render.| Low-code | Pro-code | |
|---|---|---|
| Rendering | Built-in (Banner, Recommendations) or custom components | Fully custom - you build the UI |
| Engagement tracking | Automatic for out-of-the-box components, assisted for custom components (the SDK provides tracking APIs) | Manual |
| Setup effort | Lower | Higher |
| Flexibility | High - override any component or build your own, and change the personalization point or content served at any time without code changes, within the components allowed by that zone | Full control |
| Best for | Standard content zones, rapid integration - custom components can also handle highly custom layouts | Multiple personalization points in a single request, or a zone lifecycle that isn’t tied to UI rendering |
The low-code SDKs ship two ready-to-use components on each platform (packaged differently per platform):
Salesforce_Banner template.Salesforce_Recommendations template.Out-of-the-box components track View and Click engagement automatically.
Build your own UI by implementing the Component interface, backed by a transformer with a distinct component name:
Salesforce_Banner or Salesforce_Recommendations transformer, assign it a new component name, and adjust the model to taste. Avoid reusing the same name for what’s actually a different (custom) component, which gets confusing fast.Either way, give your custom component its own name.
The low-code plugins depend on the same underlying native SDKs as the pro-code path. Before integrating a plugin: