CartCubes Trick-or-Treat for FluentCart

Cart and checkout

The bar shows in the cart drawer and on checkout. Before the goal it is the trick. After the goal it is the treat.

Shoppers see how close they are without leaving the cart. The same message appears above the checkout button in the drawer and at the top of checkout.

  • Cart drawer: The bar sits above Go to Checkout and updates as the quantity changes.
  • Checkout: The same trick or treat notice appears on the checkout page.
  • Shortcode: [cartcubes_trick_or_treat] places the bar on any page and never applies the coupon.
  • Hidden code: The coupon code is not in the page until the treat is showing.
Cart drawer with the illustrated trick bar above Go to Checkout, showing Almost there and the amount still needed.

Cart drawer before the goal

The trick sits above Go to Checkout. The default message tells the shopper how much is still needed.

Checkout before the goal

The same trick notice appears at the top of checkout, so the goal is visible before the shopper pays.

Checkout page with the same trick bar above the checkout form.
Checkout page with the same trick bar above the checkout form.
Cart drawer after the goal, with Treat unlocked and the coupon code in the message.

Cart drawer after the goal

The treat replaces the trick. The title becomes Treat unlocked, and the message can include the coupon code. Clicking the code copies it and the word Copied appears for a moment.

Checkout after the goal

Checkout shows the same treat, with the progress bar full, so the shopper can copy the code or continue with it already applied.

Checkout after the goal, with the treat bar and a full progress bar.
Checkout after the goal, with the treat bar and a full progress bar.