Recipient Discount Banner
The recipient discount banner appears above the Share Button when a recipient opens a shared cart link. It shows the discount the recipient can get, a short message, and a Tell Me How link that opens the details of the checkout conditions.
This page shows you how to turn on the banner, style it in the Recipient Discount Banner card, and edit its text.
Note: Incentives are part of the Pro plan.
Before You Start#
- Turn on Offer a discount to recipients on the Incentives page. The Recipient Discount Banner card appears only when the recipient discount is on. See Recipient Incentives.
- On the Pro plan, the Incentive Design row appears on the Dashboard once at least one discount is on. If your store isn't on Pro, the row is shown with a PRO badge and can't be opened.
How to Customize the Banner#
Step 1: In your Shopify admin, under Apps, click Bevy Share Cart - Social Link. The app opens on its Dashboard.
Step 2: In the settings list, click Incentive Design.
Step 3: Click the Recipient Discount Banner card to expand it.
Step 4: Make sure Show Recipient Incentive Announcement is selected. Share Cart selects it for you when you turn on the recipient discount on the Incentives page. Clear it to hide the banner and the pop-ups. The style settings appear while it is selected. To see the banner, select Recipient Discount Banner from the view dropdown in the Design Preview.
Note: Show Recipient Incentive Announcement is one shared setting. It also turns on the announcement and discount details modals in the Recipient Discount Pop-Up card. See Recipient Discount Announcement.
Step 5: Change the settings you need. See the table below.
Step 6: Click Save in the save bar at the top of the page. Your changes are not live on your store until you save. To undo unsaved changes, click Discard.
Banner Settings#
| Setting | What it changes | Options | Default |
|---|---|---|---|
| Banner Font Size | The size of the banner text | Number (use 10 or more) | 14 |
| Banner Border Radius | How rounded the banner corners are | Slider, 1 to 50 | 5 |
| Banner Border Width | How thick the banner border is | Slider, 1 to 50 | 1 |
| Banner Background Color | The banner background | Color picker | White |
| Banner Border Color | The banner border | Color picker | Black |
| Banner Icon Color | The discount icon on the left of the banner | Color picker | Black |
| Banner Text Color | The banner text | Color picker | Black |
| Banner Close Icon Color | The close icon on the right of the banner | Color picker | Black |
How to Edit the Banner Text#
Step 1: In the Design Preview, select Recipient Discount Banner from the view dropdown. This view shows the banner as recipients see it when they open a shared link.
Step 2: Edit the fields below the preview:
| Field | What it changes | Limit | Default |
|---|---|---|---|
| Banner Discount Amount | The bold discount text on the left | 30 characters | Save *|amount|* (manual discounts: Discount!) |
| Banner Discount Guide | The link that opens the discount details | 30 characters | Tell Me How |
| Banner Discount Information | The message in the middle | 100 characters | Your friend shared this cart with you. Meet the checkout criteria to get *|amount|* off. (manual discounts: Save from your friend's shared cart! Get a special discount when you check out.) |
Use *|amount|* to show the recipient's discount amount. When the recipient discount uses manual discounts, Share Cart keeps a separate amount and information text, and the Banner Discount Amount and Banner Discount Information fields edit those instead.
Step 3: Click Save in the save bar.
Note: In the preview, click the guide link to see the discount details modal, or the close icon to see the announcement modal.
For any queries, reach out to us via live chat or email support@bevycommerce.com. We're always ready to help!