Plans: Premium, Enterprise | Platforms: Shopify
Overview
The store banner is a message bar that AfterShip Returns shows on your online store while shoppers pick new items during a Shop now (exchange for a different item) exchange. Learn how to customize the store banner text and style using AfterShip Returns. This guide walks you through opening the banner settings, editing the banner text for each refund scenario, styling the banner, and saving your changes.
Once live, shoppers always know how much credit they have left or how much they need to pay, which reduces confusion at checkout.
Before you begin
Requirements
Shop now is set up as an exchange option in AfterShip Returns.
Exchange on your store is set as your exchange flow, to show the banner to shoppers with refund value.
Limitations
Banner text is limited to 200 characters per scenario.
Set up steps
Step 1: Open the store banner settings
Choose the refund scenario you want to customize. Each scenario has its own banner text, background, and font.
In AfterShip Returns, open the Returns page editor.
Select Shop now from the page dropdown at the top of the editor.
Select Shop with refund value or Ship without refund value.
Scroll to the Store banner section.
Scenario | When the banner shows | Default text | What |
Shop with refund value | The shopper's return has refund value, and Exchange on your store is your exchange flow | You have | The store credit the shopper has left to spend |
Ship without refund value | The shopper's return has no refund value, and the shopper adds a new item to ship with their exchange | You need to pay | The amount the shopper needs to pay |
Important: The Shop with refund value banner only shows if you set Exchange on your store as your exchange flow. Update your exchange flow before you customize this banner.
Step 2: Edit the banner text
Write the message shoppers see while they shop. Keep the merge tag so the banner shows the right amount for each shopper.
In the Text field, enter your banner message.
Place the
${RemainingCredit}merge tag where you want the amount to appear.
Warning: If you edit or delete ${RemainingCredit}, the banner no longer shows the shopper's amount. Enter the merge tag exactly as shown, including capitalization.
Step 3: Style the banner
Match the banner to the look of your store.
Under Background, select a color or enter a hex code.
Under Font, select a font from the list.
Tip: Choose a background color that contrasts with the banner text, so shoppers can read the amount at a glance.
Step 4: Save your changes
Save your banner so shoppers see it on your store.
Click Save.
Repeat steps 1 to 3 for the other scenario, if needed.
To restore the original message, enter the default text from the table in Step 1 and click Save.
Learn how to adjust the credit banner that reminds shoppers of their remaining exchange credit, so it displays correctly with your Shopify theme.
What your shoppers will experience
After completing these steps:
Shoppers with refund value see a banner with the store credit they have left to spend.
Shoppers without refund value see a banner with the amount they need to pay for their new items.
Shoppers see the banner in the background color and font you selected.
You see your updated banner text for each scenario in the Store banner section.
Troubleshooting
Problem | Cause | Solution |
The banner doesn't show for shoppers with refund value | Exchange on your store isn't set as your exchange flow | Set Exchange on your store as your exchange flow. |
The banner doesn't show the shopper's amount | The | Re-enter |
The banner doesn't show for shoppers without refund value | The shopper hasn't added a new item to ship with their exchange | No action needed. The banner shows once the shopper adds an item. |
FAQs
1. Does the store banner show the same message to every shopper?
No. The banner text depends on whether the shopper's return has refund value. You set a separate message for each scenario.
2. What amount does the ${RemainingCredit} merge tag show?
It depends on the scenario. With refund value, it shows the store credit the shopper has left to spend. This credit includes the refund value of the returned items, plus any extra credit you offer and pre-discount credit available. Without refund value, it shows the amount the shopper needs to pay for their new items.
For example, you offer $5.00 in extra credit, and a shopper returns a pair of sunglasses worth $60.00. The shopper selects Exchange for other items or refund directly, and the popup offers $65.00 USD in credit. The shopper clicks Shop now with $65.00 USD. On your store, the banner reads: You have $65.00 USD credit to use.
3. Can I remove the ${RemainingCredit} merge tag from the banner?
Yes, but we don't recommend it. Without the merge tag, shoppers don't see their amount in the banner.
4. Is the store banner the same as the Shop now popup?
No. The popup appears before shoppers start shopping and asks them how they want to continue. The banner appears on your store while shoppers browse and add items.
Key takeaways
The store banner shows shoppers their remaining credit or amount due while they shop
You set separate banner text for Shop with refund value and Ship without refund value
[Confirm plan and platform boundary]
Shoppers see the banner on your store with the amount for their own exchange
Editing or deleting
${RemainingCredit}stops the banner from showing the shopper's amount