How to Add a Promotional Banner and Notice Strip to the COD Popup

When customers trigger the Cash on Delivery verification popup, you have an exceptional opportunity to communicate critical shipping notices, highlight prepaid discount incentives, or reinforce store return policies.

Rivio COD & Partial Payments features a flexible Notice Strip & Promo Banner Builder that embeds custom announcement ribbons directly above or below the verification prompt.

In this guide, you will learn how to enable, style, and customize promotional notice strips on your storefront popup.

Before You Begin

Confirm the following before adding promotional banners:

• You have enabled the Rivio COD & OTP theme app embed in your Shopify theme editor.
• You have configured at least one COD rule in Rivio COD → Payment Options.
• You have decided what message to feature (e.g., prepaid savings or delivery timeframes).

Step-by-Step Instructions

1. From your Shopify admin, open Apps → Rivio COD & Partial Payments.
2. Click Popup Design in the left navigation sidebar.
3. Scroll down to the Notice Strip & Promotional Banner section.
4. Toggle the Enable Notice Strip switch to Active (green).

1. Select the Banner Position:

• Top of Popup (Header Ribbon): Displays prominently above the popup title.
• Bottom of Popup (Footer Notice): Displays discreetly below the action buttons.

1. Choose a Notice Style Preset:

• Info (Neutral Blue): Ideal for shipping delays or order policy notes.
• Success / Promo (Vibrant Green): Perfect for promoting prepaid discounts (e.g., *"Save 10% by paying online now"*).
• Warning (Soft Amber): Best for alerting customers about verification code expirations.

1. In the Banner Text field, enter your announcement message.
2. Customize colors (background, text, and optional border) using the color picker.
3. Click Save Changes in the upper-right corner.

1. Preview your storefront in an incognito window and open the COD popup to review the banner appearance.

Recommended Banner Use Cases & Copy

Example Scenario

Driving Prepaid Conversions During Peak Holiday Sales

An electronic accessories merchant experiences high delivery refusal rates during Black Friday. By adding a prominent green notice strip to the COD popup stating: *"Pay online with Card or UPI now and receive a FREE protective cable sleeve!"*, they incentivize 28% of Cash on Delivery shoppers to switch to prepaid checkout immediately, cutting delivery returns significantly.

Important Notes & Limitations

Troubleshooting

The notice strip is not visible inside the popup

• Possible Cause: The banner toggle is active, but the text field is empty, or text color matches background color.
• How to Fix:

1. Open Rivio COD → Popup Design → Notice Strip.
2. Verify that the Banner Text field contains words.
3. Check the color picker to ensure text color contrasts with the background (e.g., dark text on light background).

Banner looks cramped on mobile screens

• Possible Cause: The font size is set too large or the text contains excessive characters.
• How to Fix:

1. Shorten the message to one clear sentence.
2. In the styling controls, set font size to Small or Normal.

Related Guides

• How to Customize Popup Branding, Colors, and Typography
• How to Offer a Discount for Prepaid Orders
• How to Customize Step Wording and Trust Badges

Need Help?

Need help matching your store's branding or designing custom CSS banners?

• Email: Reach out to our design support team at support@rivioapps.com
• Help Center: Browse all design tutorials in the Rivio COD Knowledge Base