Skip to main content

Instant Checkout Popup, one of my favourite things we built

When we were building FluentCart, one thing kept bothering me. If you're selling a single digital product, why should your buyer go through a shop page, then a cart page, then a checkout page? That's three blockers for a real conversion.

So we built the Buy Now element with instant modal checkout. You drop it anywhere on your page, tick enable modal checkout, choose your product, and that's it. Someone clicks, checkout opens right there in a popup. Name, billing, coupon, payment, order placed, download link sent. They never leave the page they were reading.

Works in Bricks, Gutenberg, Elementor, etc. And it's in the free version, not Pro.

Paul CΒ from WPTuts just published a walkthrough of it πŸ™. He's using it for his Essential Web Designers Documents Pack, and he builds it twice in the video, once in Bricks and once in Gutenberg, so you can see how fast it really is.

https://www.youtube.com/watch?v=PVsZItwalCg

If you've been holding off on selling something because setting up a full store felt like too much, watch this one. It's a lot simpler than you think.

Teddy Skokos

Another very useful feature! Thank you!

Jim Patton

I was motivated by click friction to find a better way and I tried this. However, what I'm doing is trying to download a free lead magnet book, and I didn't want people to have to input address information, see coupons, etc. I only wanted them to have to put in their name and email and then integrate that info into Fluent CRM. I ended up getting Claude to write me a FluentSnippet which does the job. Would be nice to have a native feature that does this in a pop-up on any page.

Shahjahan Jewel

Jim PattonΒ I think in that cases, you can use FluentForms as well. Great to see, claude could help. πŸ™Œ

Melynda A

Jim PattonΒ Ooo! Would you please share that snippet, Jim? I have the same need.

Manuel MΓΌller

Just to clarify: this is an Element that is only available to certain builders, correct?

Shahjahan Jewel

Manuel MΓΌllerΒ Gutenberg works everywhere, right? So Gutenberg, Bricks, and Elementor have this feature. Maybe we need a shortcode as well. Official Doc: https://docs.fluentcart.com/guide/store-management/orders-management/instant-modal-checkout

Manuel MΓΌller

Shahjahan JewelΒ ah ok, seems i'd have to use a snippet for Breakdance....

Still, Shortcode would be awesome.....

Manuel MΓΌllerΒ did you write the snippet yet? Want to share if so?

Manuel MΓΌller

WendyΒ Perkins ShoefΒ no sorry, didnβ€˜t write it β€šcause I donβ€˜t need it atm

Nicolas D

Great feature thanks !

Priyo Nayak

Hey Shahjahan JewelΒ how to setup Meta CAPI with fluentcart? I am posting the question but not getting approval.

Priyo Nayak

Can't we add bump offer inside model checkout page?

Bryan William

Does it work in fluent community courses sales page

Paul C

Thanks for sharing my video, Shahjahan Jewel 😁

Mike Murphy

Can someone explain how you style the modal checkout button in Bricks please!! When I put it in a page, it is an ugle yellow with blue text. Seems to be no way to make it change colour. I'm also using ACSS. Where does it get that yellow colour from?

Bob Edward

It would be great to have a shortcode to display the checkout form directly on the page (without the button or the popup). Something like: [fluent_cart_checkout_form variation_id="113"].
What do you think?