On-Site Reminder Banner for Cart Abandonment Recovery

The On-Site Reminder Banner displays a customizable notification on your store when a visitor returns with items still in their abandoned cart. The banner is authored once in the WordPress block editor and shows automatically to eligible visitors on the pages you choose — no coding required.

This feature is available in Cart Abandonment Recovery Pro only.

1. Where to Find It

Banner settings: WooCommerce → Cart Abandonment → Settings → On-Site Banner

Banner editor: WooCommerce → Recovery Banners

The Settings tab controls when and where the banner appears. Recovery Banners is where you create and edit the banner content itself.

2. How to Enable It

1. Go to WooCommerce → Cart Abandonment → Settings → On-Site Banner.
2. Enable the Enable On-Site Banner toggle.
3. Select the Position — Top, Bottom, or Custom (shortcode).
4. Under Show On Pages, select the page types where the banner should appear.
5. Save the settings.

The banner will now show to visitors who:

• Entered their email on the checkout page in a previous session without completing the order, or
• Are logged in and have an active abandoned cart on their account.

3. Settings

1. Enable On-Site Banner (Toggle)

• Default: Off
• Master on/off switch for the entire feature.

2. Banner Content

• Default: Default Recovery Banner
• Selects which banner post to display. A default banner is created automatically on first install. You can create multiple banners and switch between them at any time.

3. Position

• Default: Top
• Top — Sticky bar pinned to the top of every targeted page.
• Bottom — Sticky bar pinned to the bottom of every targeted page.
• Custom — Banner only appears where you paste the shortcode [wcar_banner]. Use this for inline placement on a specific page or section.

4. Show On Pages

• Default: None selected
• Multi-select: Home, Shop, Product, Cart, Checkout, Archive, Pages & Posts.
• Only the page types selected here will display the banner.

5. Specific URL Slugs

• Default: Empty
• One URL slug per line (e.g. about, blog/sale-2026).
• These are additive — the banner shows on these URLs in addition to any page types selected above.

6. Max Impressions Per Visitor

• Default: 0 (unlimited)
• After this many page views with the banner shown, it stops appearing for that visitor. Set to 0 for no limit.

7. Allowed Origins (Cross-Subdomain)

• Default: Empty
• Advanced setting. One origin per line (e.g. https://www.example.com). Only needed if you want the banner to load on a sibling site sharing the same root domain. See Section 7 for full setup steps.

4. Authoring the Banner

Banner content is edited in the standard WordPress block editor under WP Admin → Recovery Banners. You can:

• Change the headline, body text, and button label.
• Adjust background and text colors.
• Use Group or Columns blocks to control layout (e.g. text on the left, button on the right).
• Use the merge tag {{cart.checkout_url}} anywhere in text or button URLs — it is automatically replaced with the visitor’s personal checkout recovery link.

Merge Tag Reference

Default Recovery Banner

A “Default Recovery Banner” post is created automatically on first install. It includes:

• Black background, white text
• Headline: Your cart is still waiting 🛍
• Body: Complete your order in less than a minute.
• White pill-shaped CTA button: Complete My Order → (linked to {{cart.checkout_url}})
• Sticky bar layout with text on the left and button on the right

You can edit, duplicate, or replace this banner without any restrictions.

Note: The block editor may show a critical error if your server memory limit is too low. If this happens, add or update the following line in wp-config.php:

define( 'WP_MEMORY_LIMIT', '512M' );

5. How Visitors See the Banner

Sticky position (Top or Bottom): The banner is fixed to the top or bottom of the page and stays visible as the visitor scrolls. It appears on top of page content.

Shortcode position: The banner renders inline at the exact location of the [wcar_banner] shortcode. It scrolls with the page and is not fixed.

Close button (×): Visitors can dismiss the banner by clicking the close button. Once dismissed, the banner does not reappear in that browser until local storage is cleared. The close button color automatically inverts to contrast the banner background (e.g. white banner → black button; black banner → white button).

Impression cap: Once a visitor has seen the banner the configured number of times, it stops showing for that visitor.

6. Page Targeting Examples

7. Cross-Subdomain Setup

If your store is on shop.example.com and you want the banner to also appear on www.example.com:

1. In wp-config.php, define COOKIE_DOMAIN to share the visitor cookie across both subdomains: define( 'COOKIE_DOMAIN', '.example.com' );
2. In Allowed Origins, add the marketing site origin (e.g. https://www.example.com) — one per line.
3. Copy the embed snippet shown beneath the Allowed Origins field and paste it into any page on the marketing site where you want the banner to appear.

Browser note: Chrome and Edge require HTTPS on both sides for cross-site cookies to work. Firefox is more permissive. If the banner works in Firefox but not Chrome, your marketing site is likely running on http:// — both sites need HTTPS.

8. Frequently Asked Questions