> ## Documentation Index
> Fetch the complete documentation index at: https://moengage-doc-2307-base64-image-warnings.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Avoid Push Template Issues in iOS Push Notifications (SDK version 9.x.x) When Notification Content Extension is Not Implemented?

> Fix iOS push template issues (carousel, colors, fonts) on SDK 9.x.x by setting up a Notification Content Extension in your MoEngage iOS project.

## Problem

Push templates (carousel images, background color, font color, and so on) do not display correctly in Push notifications when the Notification Content Extension is not implemented.

## Instruction

Perform the following steps:

1. Create a Notification Content Extension Target.
   <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/vipRx6ivYRxvu9ED/images/moengage_d10ae6.png?fit=max&auto=format&n=vipRx6ivYRxvu9ED&q=85&s=e59ac45928d725b8a40189f0cd9a2cb4" alt="NCE.png" width="1454" height="1040" data-path="images/moengage_d10ae6.png" />
   * *Name the Extension Target.* Choose a name for the extension target. **Swift** is recommended as the language as it works seamlessly with Objective-C projects too. <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/FRr-Yjsi2Am1jvkP/images/moengage_911e54.png?fit=max&auto=format&n=FRr-Yjsi2Am1jvkP&q=85&s=cf41a40f2a753833b736f0cffd6f752d" alt="name swift.png" width="1412" height="1016" data-path="images/moengage_911e54.png" />
   * Add the **AppGroupId** to the Notification Content Extension’s **Signing & Capabilities** settings.
     <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/Xu3tQGc-v9pCPhoA/images/moengage_340deb.png?fit=max&auto=format&n=Xu3tQGc-v9pCPhoA&q=85&s=5d322e0bd75abd4fea9cd1acf2abb65f" alt="signing.png" width="2560" height="836" data-path="images/moengage_340deb.png" />
   * Set the minimum deployment iOS version of the Notification Content Extension to match the main app’s iOS version.
     <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/_4y5POUshFz_MLjZ/images/moengage_cf2e7a.png?fit=max&auto=format&n=_4y5POUshFz_MLjZ&q=85&s=7657e60b35aecf53171fe9306763c7eb" alt="deployment.png" width="1920" height="455" data-path="images/moengage_cf2e7a.png" />
2. *Integrate the MORichNotification Framework into the Notification Content Extension Target.*
   * In your podfile, add the Notification Content Extension as a separate target and install the **MORichNotification** framework.
     ```swift Swift theme={null}
     target 'MoEngageDemo' do
     use\_frameworks!
     pod 'MoEngage-iOS-SDK'
     end
     target 'MoEngageNotificationService' do
     use\_frameworks! #use use\_frameworks only if included in main target as in above scenario
     pod 'MoEngageRichNotification'
     end
     target 'MoegageRichContent" do
     use\_frameworks! #use use\_frameworks only if included in main target as in above scenario
     pod 'MoEngageRichNotification'
     end
     ```
3. Code changes in **NotificationViewController.swift** file.
   ```swift Swift theme={null}
   import UIKit
   import UserNotifications
   import UserNotificationsUI
   import MoEngageRichNotification
   class NotificationViewController: UIViewController, UNNotificationContentExtension {
       @IBOutlet var label: UILabel?
       
       override func viewDidLoad() {
           super.viewDidLoad()
           MoEngageSDKRichNotification.setAppGroupID("group.com.XXXXXXXXXXXXXXXX")
       }
       
       func didReceive(_ notification: UNNotification) {
           if #available(iOSApplicationExtension 12.0, *) {
               MoEngageSDKRichNotification.addPushTemplate(toController: self, withNotification: notification) 
           } else {
               // Fallback on earlier versions
           }
       }
   }
   ```
4. Select **MainInterface.storyboard** in the Content extension, remove the default label, and set the background color of the View to clear.

<img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/3cOGNpDKQNTwjC0B/images/moengage_b62459.png?fit=max&auto=format&n=3cOGNpDKQNTwjC0B&q=85&s=d8d2763bf7348f57656b58e2743dfefc" alt="main.png" width="3360" height="1646" data-path="images/moengage_b62459.png" />

5. Info.plist changes:
   ```swift Swift theme={null}
   <key>NSExtensionAttributes</key> 
   <dict>
         <key>UNNotificationExtensionCategory</key>
         <string>MOE_PUSH_TEMPLATE</string>
         <key>UNNotificationExtensionDefaultContentHidden</key>
         <true/>
         <key>UNNotificationExtensionInitialContentSizeRatio</key>
         <real>1.2</real>
         <key>UNNotificationExtensionUserInteractionEnabled</key>
         <true/>
   </dict>
   ```
   <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/fuZ6ZRBBbbVeM0HM/images/moengage_aaf96d.png?fit=max&auto=format&n=fuZ6ZRBBbbVeM0HM&q=85&s=f5bbef6568cedb1b23329c97c84a5c1a" alt="NSExtension.png" width="1948" height="786" data-path="images/moengage_aaf96d.png" />
6. *Check Build Phases in Main App Target.*
   * In Embed App Extensions/Embed Foundation Extensions, ensure that **Copy only when installing** is not selected. <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/y08A2pu74vGchb_7/images/moengage_48edea.png?fit=max&auto=format&n=y08A2pu74vGchb_7&q=85&s=4eaf8fbfcb8c8e069e8f5936cc4df895" alt="copy only.png" width="2740" height="930" data-path="images/moengage_48edea.png" />
7. *Ensure Consistent appGroupId Across Configurations.*
   * Verify that the **appGroupId** is consistent across all schemes and configurations (for example, Debug/Release/QA/UAT) in the project.
8. *Align Build Configuration.*
   * When running or archiving the project, make sure that the Build Configuration for the Main Target, Notification Service Extension, and Notification Content Extension Target points to the same scheme/configuration. <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/6aKJA1oHe2n1CfbM/images/moengage_26e08d.png?fit=max&auto=format&n=6aKJA1oHe2n1CfbM&q=85&s=420c9436e5fcf1ec7b6bd805db46b399" alt="debug.png" width="1750" height="556" data-path="images/moengage_26e08d.png" /> <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/cmsC22gMz1Ug2xsT/images/moengage_3ed4ee.png?fit=max&auto=format&n=cmsC22gMz1Ug2xsT&q=85&s=ca6fc157bc29b89de9b7eb8605452fb5" alt="target.png" width="1832" height="446" data-path="images/moengage_3ed4ee.png" /> <img src="https://mintcdn.com/moengage-doc-2307-base64-image-warnings/AvWOE05bLaIE4tRS/images/moengage_c6b4f5.png?fit=max&auto=format&n=AvWOE05bLaIE4tRS&q=85&s=45686ba79f16dc7e21342d80a671fb75" alt="duplicate.png" width="1826" height="976" data-path="images/moengage_c6b4f5.png" />
