Push Editor

Learn how to design and customize push notifications using pre-built templates from the CleverTap dashboard.

Overview

The Push Editor allows you to create and edit relevant and timely messages for your push campaign. This section explains the different Push templates that are pre-built and designed to cater to your various push campaigning needs. You can create your push message by selecting the appropriate push template for your campaign.

From the What section, select the Message Type for your push notification and click Go To Editor. You can see the various push templates to help you create a contextual and timely message.

Push Templates

Push Templates

Push Templates

The Push Editor in CleverTap allows you to design and edit impactful push notifications directly from the dashboard, no developer support or SDK updates are needed. It offers a range of pre-built templates tailored for various campaign goals, making crafting relevant, timely, and engaging messages easier.

You can select from the following template types:

  • Standard: Supports simple layout with title, message, image, and optional buttons ideal for quick, informative alerts. For example, an e-commerce business might want to inform customers that their order is on the way. You can add GIFs to your message content using the Standard Template. For more information on GIF sizing and format, refer to GIF Support.
Standard Template

Standard Template

  • Advanced: Supports rich media, deep links, and enhanced customization for more engaging messages. It is great for interactive, visually appealing messages. For example, businesses can use it to build excitement for new product drops, early access offers, or feature rollouts that benefit from strong visuals and clear Call to Action (CTAs).
Advanced Template

Advanced Template

  • Auto Carousel: Allows multiple images with titles and links that users can swipe through perfect for showcasing multiple offerings in one message. Businesses can use it to promote new product collections, travel packages, content recommendations, and so on.
Auto Carousel Template

Auto Carousel Template

  • Timer: Adds a countdown timer to your template to enable immediate action from the user ideal for time-sensitive campaigns. For example, businesses can use it for flash sales, limited-time discounts, and so on.
Timer Template

Timer Template

  • Text over Image: Places bold text over a background image to deliver visually striking messages. For example, businesses can use it to highlight seasonal campaigns, special announcements, event invitations, and so on.
Text over Image Push Template

Text over Image Push Template

Manual Carousel Template

Manual Carousel is an interactive push notification format that lets users scroll through a series of cards or slides at their own pace. Each card can display rich content like images, headlines, brief descriptions, and a call-to-action (CTA). Users navigate between cards manually using swipe gestures or navigation arrows.

If only a single image is available for download, this template falls back to the Basic Template.

Manual Carousel Template

Manual Carousel Template

Push Campaign Setup

Based on the selected template, the editor displays configurable fields grouped by functionality as follows:

  • Content
  • Android Options
  • iOS Options
  • Custom Key-Values
  • Post Action Webhook
  • App Inbox

Once you select the required push template for the Title and Message fields, you can use the following options to create personalized, and engaging campaigns:

  • Use text color (icon to be added) to change the color of your text.
  • Use emoticons () to create more engaging and visually appealing messages that can more effectively capture the audience's attention than plain text. Emojis, unlike simple emoticons, can be more complex and take up varying amounts of space in text.
  • Use @ personalization or {{}} to create more personalized or captivating messages. Enter the required details to create the message.
  • Use liquid scripts (icon to be added) < to check the usage>
  • Use Clever.AI, the AI-powered writing assistant that can also analyze and adjust the emotional tone of your content. It helps generate attractive and emotionally relevant messages for your campaign.

Content

This section includes the core elements of your push notification, applicable across platforms:

FieldDescriptionRequired/OptionalAvailable for Template
TitleThe main headline of your notification should be concise and attention-grabbing, defining the exact purpose of your campaign.Required All
MessageThe body text of your notification. The message should clearly convey the purpose of your campaign.RequiredAll
Background ColorDefines the background color of your push notification. You can use it to match your brand theme or draw visual attention to the notification. It accepts HEX codes or color pickers.Basic, Auto Carousel, Text over Image
Timer DurationSets the countdown duration (in seconds, minutes, or hours) that appears in the push notification. Helps create urgency by indicating how much time is left before an offer expires. The following two options are available:
  • Relative: The countdown starts based on when the user receives the notification.
  • Absolute: The countdown ends at a fixed date and time for all users.
  • RequiredTimer
    Timer Text ColorAllows you to customize the color of the timer text using a HEX code. This ensures the timer stands out or aligns with your brand colors.OptionalTimer
    Expiry TitleThe fallback title that appears when the timer has expired. This helps you communicate a follow-up message or next action.OptionalTimer
    Expiry MessageThe message body displayed after the timer expires. You can use this to soften the missed opportunity or redirect the user elsewhere.OptionalTimer
    Expiry ImgAn image that replaces the original notification image after the timer expires. Helps reinforce the expiry visuallyOptionalTimer
    Content Section

    Content Section

    ๐Ÿ“˜

    Recommended Character Limits

    While there are no enforced character limits for push notifications, following these best practices ensures your message is displayed seamlessly across devices, thus preventing the title from trimming. The recommended character limits are as follows:

    PlatformRecommended Title LengthRecommended Message Length
    iOS25-50 characters150 characters
    Android65 characters240 character

    Android Options

    You can use this section to customize Android-specific behavior for your push using the following fields:

    FieldDescriptionRequired/OptionalAvailable for Template
    Notification ChannelStarting from Android version 8.0, all notifications must be assigned to a channel. For each channel, you can customize the visual and auditory behavior. Select the Android notification channel that defines the sound and visual behavior of your notification.RequiredAll
    Summary TextSummary shown when notifications are grouped or collapsed (especially on Android 7.0 and above). It provides a quick overview of the message content.RequiredAll
    SubtitleAn optional line of text that appears next ti the app name and provides additional context for the message.OptionalAll
    Expanded ImageA larger image displayed when the user expands the notification. Supports image URL or upload. You can add a fixed or dynamically generated URL to include rich media in your push notificationsโ€”images for Android, and both images and videos for iOS.OptionalAll
    Large IconA small icon displayed on the left of the notification, usually used for logos or symbols. Supports image URL or upload.OptionalAll
    Action ButtonsAdd up to two buttons that users can click to take immediate action (for example, Shop Now, View Cart, and so on).OptionalAll
    Deeplink URLA link that navigates users to a specific screen inside the app when the notification or button is clicked. The OpenURL method for your app is called with the deep link specified here. If you want to use external URLs, you have to whitelist the IPs or provide HTTP/https before the URL so the SDK can handle them properly.OptionalAll
    Small Icon BackgroundHEX color code for the background behind the small icon, matching your brand palette.OptionalAll
    Badge iconChoose whether to show the app icon or a notification-specific icon on the status bar.OptionalAll
    Badge IDCustom badge ID used for badge counts or grouping, based on app-specific logic.OptionalAll
    SoundDefines the notification sound. Choose from the following options: None, Default OS, or Custom sound.OptionalAll
    Tray priorityDetermines the prominence of the notification in the tray. Choose from the following options: Default, High, or Maximum. For more information, refer to .OptionalAll
    Delivery priorityControls how quickly the push is delivered. Choose from the following options: High or Maximum. Selecting High ensures faster delivery but may affect the battery. For more information, refer to .OptionalAll
    Render maxEnsures standard rendering on battery-optimized devices. Also, disables custom key values and certain visuals. For more information, refer to RenderMax.OptionalAll

    iOS Options

    You can use this section to customize Apple-specific behavior for your push using the following fields:

    FieldDescriptionRequired/OptionalAvailable for Template
    Rich MediaAdd a fixed or dynamically generated media URL to enrich push notifications. It supports images for Android and both images and videos for iOS. It is useful for visually engaging promotions or announcements.OptionalAll
    Deep Link URLA clickable URL that takes the user to a specific screen or section within your app. Supports deep linking for seamless In-App navigation.OptionalAll
    SoundSpecifies the custom sound file to be played when the notification arrives. The sound file must be included in your iOS app bundle. Supported formats: .aiff, .caf, and .wav.OptionalAll
    Badge CountUpdates the app icon badge number to the specified value. Setting it to 0 hides the badge. This must be manually managed at the application level, as it does not auto-increment.OptionalAll
    Interruption Level Defines the priority and delivery timing of notifications on iOS 15 and above. The following are the three levels:
  • Active (default): Displays immediately and may break through focus modes.
  • Passive: Delivered quietly.
  • Time Sensitive: Can break through time-based focus modes such as Sleep or Do Not Disturb.
  • For more information, refer to .
    OptionalAll
    Relevance ScoreDetermines the importance of a notification when grouped in the iOS notification summary. Marketers can now set up the Relevance Score for every notification when creating a Push campaign. This directly impacts the order of notifications when grouped. The score ranges from0 (lowest) to 1 (highest). Notifications with higher scores take precedence. This feature was introduced in iOS 15 and later versions.OptionalAll
    CategorySpecifies a registered iOS category that groups notifications by type and defines custom actions (for example, buttons). Categories must be pre-registered in the app. Each category can support up to four actions.OptionalAll
    Mutable ContentSends the mutable-content flag with the payload, allowing your appโ€™s service extension to modify the push content before it is displayed (for example, attach media, customize text). For more info, refer to Appleโ€™s documentation on Modifying Content in Newly Delivered Notifications.OptionalAll

    Custom Key-Values

    Use this section to send additional data in the form of key-value pairs as part of your push notification payload. Your mobile app can use these values to trigger specific in-app behaviors or business logic already configured in your app code.

    You can define key-value pairs for:

    • All platforms
    • iOS only
    • Android only

    Each pair consists of:

    • Key: A unique identifier (for example, discountType)
    • Value: The corresponding value the app will read (for example, 20)

    Consider an example where you are running a push campaign offering a 20% discount. By adding a custom key-value pair such as offerType: discount20, your app can read this payload and automatically route the user to a discount page upon tapping the notification.

    You can add multiple pairs using the Add pair button to support different logic across platforms or campaigns.

    Post Action Webhook

    Use this section to send a payload to your designated endpoint after a push notification is delivered.

    FieldDescriptionRequired/OptionalAvailable for Template
    Webhook URL

    A server endpoint you want to call when the push is clicked.RequiredAll
    MethodHTTP method to use (GET, POST, and so on)RequiredAll
    PayloadOptional data to include in the request (JSON format supported).RequiredAll

    App Inbox

    Use this section to also save the notification in the App Inbox so users can revisit it later.

    FieldDescriptionRequired/OptionalAvailable for Template
    Title ColorSets the color of the message title in the inbox card. Accepts HEX codes (for example, #FFFFFF).OptionalAll
    Message ColorDefines the color of the message body text shown in the inbox. Accepts HEX codes.OptionalAll
    Background ColorSpecifies the background color of the App Inbox notification. Use brand-consistent colors for better visual appeal.OptionalAll
    Filter TagsTags that help categorize and filter App Inbox messages within your app (for example, promotions, reminders).OptionalAll

    Other Settings

    Notification Priority

    You can set these priority levels from the CleverTap dashboard as you create your Android push campaigns.

    Notiofication Priority

    Notification Priority

    Have your app running our latest SDK (versions v3.1.4 or higher) and follow the steps outlined above to send actionable push notifications and set notification priority on Android devices.

    Notification Tray Priority

    On Android, you can also set a priority level for each notification to influence how prominently it is displayed. The higher the priority, the more noticeable it will be.

    Select any of the following options from the Notification tray priority.

    • Default Priority: Use for most of your messages that are not time-sensitive, such as general notifications and promotional offers.
    • High Priority: Use for important communications that require extra attention, such as chat messages. These will also display as heads-up notifications and be given a higher priority in the userโ€™s tray. Heads up notifications are notifications that pop up on your screen from the top even when you are using other apps. For example, receive a message on your chat app when youโ€™re using the food delivery app. This feature is available for Android N (API 25) and below. For Android Oreo and above, define the priority in the Notification Channel.
    • Maximum Priority: Use for urgent, time-sensitive notifications. These notifications will get higher placement inside the userโ€™s tray and display as heads-up notifications.

    Notification Delivery Priority

    You can assign delivery priority on Android for Push notifications as follows:

    • Normal: The data messages with normal priority are delivered immediately when the device is active. However, if the device is inactive to conserve battery, the delivery may be delayed until the device becomes active again. You must set the priority as Normal for less time-sensitive messages (such as notifications of new emails, keeping your UI in sync, or syncing app data in the background).
    • High: The messages with high priority are delivered immediately, even if the device is asleep. It wakes the device and allows limited processing (including minimal network use) to ensure the message is received. These messages are meant to provoke user action or response to your app or its notifications. You must set the priority as High for time-sensitive or user-visible content. CleverTap recommends setting the notification priority as High to ensure the time-sensitive content is rendered immediately on end-user devices. If FCM detects a pattern in which messages do not result in user-facing notifications, the messages are deprioritized to normal priority.

    The value for this field is set to High by default.

    ๐Ÿ“˜

    Notification Priority for Cloned Campaigns

    Cloned campaigns retain the priority setting from the original campaign.

    Collapse Key

    To replace an existing notification with the same collapse key, you can use the collapse notification option. For example, if push X and push Y have a collapse key A. Push X notification is present on the mobile device when push Y notification is received. The push X notification will no longer be visible (it is collapsed), and push Y is displayed. The collapse key must be added under the collapse notification field. For more information, see Collapse Key.

    Interruption Level

    In iOS versions earlier than 15, users could choose to silence all calls and notifications by enabling Do Not Disturb mode. Starting in iOS 15, users can hone their notification preferences to fit different contexts by setting Work, Sleep, and Personal notification modes. With iOS 15, Apple introduced four interruption levels, including time-sensitive and critical notifications, to ensure urgent alerts, like weather emergencies, reach users effectively.

    These interruption levels determine the priority and delivery timing of notifications, allowing users to be in control of their device notifications. The interruption levels are designed to cater to different scenarios while respecting user preferences and focus modes. Here are the three interruption levels:

    Set up Interruption Level

    Set up Interruption Level

    Active (Default)

    • Behavior: Active notifications replicate the existing notification behavior. Upon delivery, they trigger audible sounds and vibrations and illuminate the screen.
    • Focus Mode Compatibility: Active notifications do not break through Focus modes, ensuring that the user's selected focus settings remain undisturbed.
    • Purpose: Use this interruption level for notifications that require immediate attention and engagement.

    Time Sensitive

    • Behavior: Time-sensitive notifications share similarities with active notifications. However, they are accompanied by a distinctive yellow banner, making them visually recognizable as urgent.
    • Focus Mode Compatibility: These notifications can break through both scheduled delivery times and active Focus modes.
    • Purpose: Reserve the Time Sensitive interruption level for notifications demanding immediate user action. Their unique appearance aids users in identifying critical messages quickly.

    Passive

    • Behavior: Passive notifications are designed for non-urgent matters. They arrive discreetly without generating sounds or vibrations.
    • Focus Mode Compatibility: Passive notifications are considerate of users' Focus modes and do not disrupt them.
    • Purpose: Employ the Passive interruption level for notifications that do not require instant attention, minimizing distractions while keeping users informed.

    ๐Ÿ“˜

    Critical Interruption Level

    Currently, this Interruption level is not availabe in CleverTap dashboard. We recommend contacting your Customer Success Manager and sharing your use case if you want to send the campaign from the dashboard with Interruption level set as Critical.

    Template Variations

    Users can preview and render different variations of outputs for each Push template type based on the following factors:

    • Version-based Rendition- Notifications render differently for Android version 12 and above and version 11 and below. Key considerations include the following:
      • Android 13 and above: Use images no larger than 450x450 px for optimal rendering.
      • Android 12 and above: Center-align any text within images is centered for to ensure better visibility.
      • Android 11 and 12: Use image file size below 100 KB to prevent rendering issues.
      • Android 11 and below: Use images of under 3 MB or lower is recommended for better to maintain optimal performance.
    • CTA-based Rendition - Notification renders based on whether CTA buttons are included in the payload.

    Dark Mode

    Push templates automatically adapt to the device's theme settings, rendering notifications in dark or light mode.

    Theme SettingNotification AppearanceSample Output
    Dark mode enabledNotification renders with a dark background
    Dark mode disabledNotification renders with a light background.

    ๐Ÿ“˜

    Custom Color Support

    Templates support custom color definitions that adapt to both themes for visual consistency.

    Image Scaling

    Android supports various image scaling options to control how images appear in push notifications. CleverTap optimizes image rendering to maintain visual consistency across devices while leveraging Android native scaling behavior. To handle scaling in a Push template, you must add the key pt_scale_type key and the value is set as fit_center or center_crop based on the requirement.

    The following table lists the different scaling settings in Push templates:

    Image Scaling TypeDescriptionSample Output
    Keep OriginalApplies to all expanded images in Android push templates.

    The image is scaled proportionally (maintaining the aspect ratio) to ensure that both its width and height fit within the boundaries of the image container. This ensures the entire image is visible without any cropping.
    Scale to FillApplies to all expanded images in all Android push templates.

    The image is resized uniformly while preserving the aspect ratio. If necessary, it is scaled down, so that both width and height fit within the image container. This ensures the full image is displayed without any part being cropped.