FluentCart 1.9.0 – One page, from offer to order.

Many landing pages for one product end with a button to the product page. From there, the shopper adds the item to the cart and then opens the checkout page. FluentCart 1.9.0 adds on-page checkout to FluentCart Pro, so shoppers pick a product and pay on the same landing page.

This feature-led release also fixes two styling issues in the product search bar.

Shoppers pick a product and pay on the same page

Until now, the Checkout Page block showed the shopper’s cart. A visitor who arrives on a landing page often has an empty cart, so the block had nothing to sell. In 1.9.0, the Checkout Page block has a Checkout Source setting. Default Cart keeps the checkout you have today. Custom Product replaces the order summary items with a list of products you choose.

You choose the products in the block settings

To choose the products, click Select Product in the block settings. The picker lets you tick variations from several products, up to 20 in one block. The block settings then list each product with its variation name and price.

Selection Mode sets how shoppers pick. Select one shows radio buttons, for a page where the shopper picks one colour or one plan. Select many shows checkboxes, for a bundle page. Maximum Selectable Items limits how many products a shopper can tick at once, from 1 to 20. Every product you added stays on the list. Selector Heading replaces the “Order summary” heading with your own text, such as “Choose your colourway”.

A subscription product can be on the list. One order cannot combine a subscription with other products, so use Select one on a page with plans.

Totals update each time the shopper changes the selection

When a shopper ticks or unticks a product, FluentCart recalculates the subtotal, shipping, tax, and total on the page. The coupon field works the same way as on the checkout page. Products that are out of stock or unpublished do not appear on the list. If shoppers cannot buy any of the products, the block shows the shopper’s own cart instead.

Each page with an on-page checkout keeps its own cart. Items already in the shopper’s main cart stay there. Two landing pages with different products do not add up into one cart.

Improvements

Developer extensions. Developers can supply the cart that a checkout shows through a filter hook. One hook covers both the Checkout Page block and the fluent_cart_checkout shortcode, and on-page checkout uses it too.

Fixes & Stability

Storefront polish. The search bar clear button no longer shows an extra border. Search result headings no longer have extra space above them.

Security and maintenance. This release includes ongoing security audits and routine hardening across FluentCart core and FluentCart Pro, including the new on-page checkout.

Getting on-page checkout

Update FluentCart and FluentCart Pro from your dashboard.

To add an on-page checkout to a page, activate FluentCart Pro. Add a Checkout Page block to the page and open the Products panel in the block settings. Set Checkout Source to Custom Product, click Select Product, tick the products, and click Add Items. Pick a Selection Mode. To show your own heading above the list, fill in Selector Heading. Without Pro, the Products panel shows Upgrade to Pro. Learn more about on-page checkout here.

To use the shortcode in a page builder, add fluent_cart_checkout with the settings as attributes. variation_id takes a comma-separated list of variation IDs. selection_mode takes single or multiple. max_items sets the Maximum Selectable Items, and selector_label sets the Selector Heading. For example:

fluent_cart_checkout variation_id="10,16,40" selection_mode="multiple" max_items="2" selector_label="Build your bundle"

Full Changelog

Features

• Adds on-page checkout, so the Checkout Page block or the fluent_cart_checkout shortcode sells products you choose on any page. Pro only.
• Adds a Checkout Source setting to the Checkout Page block, with Default Cart and Custom Product options. Pro only.
• Adds Select one and Select many modes for on-page checkout, with a Maximum Selectable Items limit for Select many. Pro only.
• Adds a Selector Heading setting for the product list on an on-page checkout. Pro only.
• Adds subtotal, shipping, tax, and total updates each time a shopper changes their on-page checkout selection. Pro only.
• Adds a separate cart for each on-page checkout page, so the shopper’s main cart stays unchanged. Pro only.

Fixes

• Fixes an extra border on the search bar clear button and extra space above search result headings.

In case you missed