1. Home
  2. /Guides
  3. /Features
  4. /Messaging & Engagement
  5. /Scenes
  6. /Custom Views for Scenes

Custom Views for Scenes

A Custom View is a native view from your mobile or web application embedded into a Scene. Custom Views can display any native content your app exposes, so you can reuse that existing content within any screen in a Scene. iOS SDK 19.2+Android SDK 19.4+

About Custom Views

Bridge the gap between no-code flexibility and advanced custom capabilities. You can embed native mobile app views or custom web components registered via the Airship SDK directly into a Scene. This allows you to include:

  • Authentication — Embed login, sign-up, or biometric prompts directly within an onboarding flow.
  • Commerce — Embed shopping carts or checkout flows directly within the message.
  • Existing UI components — Reuse complex interfaces you’ve already built, such as video players, product cards, or AR experiences.
  • Interactive maps — Embed store locators or delivery tracking.
  • Live data — Display real-time stock quotes, flight status, or sports scores.

You can add key-value pairs for the view so your app can serve a more specific or granular view. For example, a map view can reference a specific place, or a score widget can reference specific teams. Values can be personalized using HandlebarsHandlebars is Airship’s templating language for personalization. Handlebars expressions use double curly braces wrapped around a content template, ranging from a simple variable, e.g., {{first_name}}, to complex evaluations of personalization data..

Use cases

Custom Views enable these use cases:

  • Native maps — Direct users to their local store or embed a store locator component in a Scene.
  • Shopping cart — Embed a user’s shopping cart contents in a Scene advertising a promotion or coupon.
  • Ads — Embed ad views from your native ad SDK to serve that content in a Scene.
  • Retail — Embed product wishlists and shopping carts, and complete checkout flows directly within a Scene.
  • Travel — Display real-time flight status information and gate changes or allow users to book travel.
  • Sports — Show live scores, game statistics, or personalized highlights.
  • Finance — Display a user’s transaction history, investment portfolio, or real-time stock quotes.
Custom Views for Scenes
Custom Views in Scenes

Getting started with Custom Views

Follow these steps to start using Custom Views for Scenes:

  • Register the native view in your mobile application using the Airship SDK. See the Mobile Custom Views developer documentation.
  • Register the native view in your web application using the Airship SDK. See Web Custom Views in our developer documentation.

Once a Custom View is registered with the Airship SDK, you can add it to a Scene. When configuring a screen, add the Custom View content element and enter the view name as defined by your developer.