Is it possible to create a one page checkout?

April 2026 Updates

A lot has changed since this thread took place back in 2021. If you’re revisiting this now, the way we handle multi-product selections and single-page checkout routing has become much more streamlined.

Changes & Deprecations compared to 2021:

  • Deprecated: Relying on custom scripts or complex CSS workarounds to force a multi-product selection onto a single, rigid checkout page.

  • New & Improved: Using our updated Funnel Builder, you can seamlessly link custom landing page elements directly to dedicated checkouts and you can also choose to have either a one-step checkout or a two-step form. Both are fully possible, completely customizable, and ensure a frictionless user experience.


:light_bulb: Customizing Your Checkout (1-Step vs. 2-Step)

When designing your dedicated checkout pages from the steps above, keep in mind that you can use either a 1-step checkout page or a 2-step form.

Both options are fully possible and 100% customizable to fit your brand! To help you launch faster and optimize conversions right out of the gate, we offer a variety of pre-built templates featuring 1-step forms inside the Funnel Builder here: Ready Built Templates

To see when and how to use 2 step forms, check out this post 2 Step Checkout Funnel: When to Use It (and How to Build It in Funnelish)

:building_construction: How to Create a Custom Bundle Flow with Pre-Selected Products

If you want to take the customer from the landing page to the checkout page with the product pre-selected from the landing page, here is how you can do it:

1. Offer the bundles on your landing page, each with its own image, description, and button.

- 1 section

  • 3 rows. Within each one:

  • Image element

  • Paragraph element for product description

  • 1 button

2. Then create 3 checkout pages, 1 for each product

3. Copy the checkout URL of each checkout page

4. Lastly, go back to the landing page and set the action of each button button to go to the URL of the corresponding checkout page for that specific product.

:backhand_index_pointing_right: This way, when a user clicks a button, they are taken directly to the checkout for the product they selected, with that product pre-selected in the checkout process. It functions as a highly-targeted one-page checkout!

For multiple products, structure your funnel as follows:

Landing Page
Checkout 1 (for product 1)
Checkout 2 (for product 2)
Thank You Page

:roasted_sweet_potato: Want to get a head start? Go to our templates page here and choose any of these templates that has it pre-built:

  • Baby Cream eCom Template – Gentle Skin Care & Daily Baby Essentials
  • Muscle Growth Protein Powder Sales Funnel Template
  • Online Fitness Coaching – Personalized Home Workout & Nutrition Program
  • Top Air Purifier 2026 – Mindust 25 for Healthier Indoor Air
  • Gummies Supplement eCommerce Funnel Template
  • eCommerce Pet Funnel Template for Food, Treats & Accessories

:books: Official Related Articles

For more up-to-date information on optimizing your funnels, configuring products, and utilizing the latest elements, check out our official documentation:

If you have any questions or need help setting up this flow, feel free to reply below!

Sorry for the dumb question, but all the info I found online about funnelish said that it uses a 2 step checkout that separates the info section from the payment section.

1 Like

That’s not true, Funnelish supports both two step form checkout and single page checkout :slight_smile:

Just add payment form element alongside a product list and any fields you want to collect like (email, address…etc)

2 Likes

Wow, thanks for the fast response!

I have another question if you don’t mind.
Is it possible to make the checkout look like or at least similar to the the photos I sent below?

The most important part would be the purple countdown timer, the countdown timer I saw on a video made with funnelish looked quite spammy.

And one more thing, is it possible to add an exit intent pop up at the checkout page that automatically adds a coupon?


Yes you can make it like that, I think that countdown timer can be made with some small code which we could help with when needed,

We do not support those popups, and actually Facebook Ads started penalising accounts have similar intrusive experiences on their pages, (you can of course still do it with minimal code - but it’s not worth it, mainly it will just work on desktop and majority of your traffic will come from mobile).

1 Like

Thank you for answering all my questions, will buy soon.

1 Like

Ok so I have one more question I forgot to ask.

I want to create a bundling option where they can buy more of the exact same product on the bottom of the page that looks something like in the picture below.

So I want to give the option to choose between buying 1-3-6 of the same product and once they choose between the bundling options it takes them to the checkout with the amount of products they selected and it sends it to Shopify which then sends it to a 3PL company.

I also want to create a post purchase upsell in case they don’t scroll to the bottom of the page and see the bundling option and end up clicking the CTA above the fold.

So basically I want my funnels to look like this:

Customer buys 1x :arrow_forward: checkout with 1 product :arrow_forward: one click upsell offering 2 more of the same product :arrow_forward: Downsell offering 1 more of the same product if they won’t accept the upsell :arrow_forward: Thank you page :arrow_forward: sends the order to shopify with the correct quantity

Customer buys 3x :arrow_forward: checkout with 3 products :arrow_forward: Thank you page :arrow_forward: sends the order to shopify with the correct quantity

Customer buys 6x :arrow_forward: checkout with 6 products :arrow_forward: Thank you page :arrow_forward: sends the order to shopify with the correct quantity

It would be important to send the correct quantity to Shopify since I’m using a 3PL company that’s integrated with Shopify and automatically fulfills my orders and I don’t want to end up sending one product to a customer that ordered three.

1 Like

There are many ways to do that, it just depends on the business logic. Shopify syncing won’t be any problem at all as it would work the same way.

Here are few options you could do:

1. 3 Separate Order forms

Most common, Mainly have your landing page with the 3 bundle buttons, whenever a customer clicks a button take them to the order form that was made specifically for that bundle.

Pros:

  • You can easily add offers for the bundle or even bundles of the bundle itself (eg. 2 boxes of 6 masks)

  • Allows you to increase your AOV upfront (in order form) while it might cost you AOV in OTOs.

  • Easier to work with - You only need to create 3 order forms and put them all after the landing page, whenever a customer buys from one Funnelish will automatically take them to the next OTO thus skipping the other Order Forms.

  • You don’t have to recreate the funnel, same OTOs, TYPs…etc will be seen by all customers.

Cons:

  • Can’t customise OTOs, whether customers buy from the 1, 3 or 6 order form, they will see the same exact OTO.

2. 3 Separate Funnels.

This takes longer to do and ideally done once you are scaling hard and want to squeeze more AOV/Conversions from the sales funnel.

It mainly works by having a Landing Page in a funnel (any funnel), then whenever a customer clicks a bundle button (1 Mask, 3, and 6 Masks) they get taken to an order form in an entirely different funnel.

Pros:

  • Allows you to have full control over the sales experience, each OTO can be personalised to match the front-end offer.

  • You can customise each flow to match what the customer is buying.

  • Allows you to increase conversions and AOV especially from OTOs.

Cons:

  • Harder to maintain and manage, you’ll need to maintain three separate funnels at the same time which takes time.

TLDR;

Either way you follow, you can connect your products directly to Shopify whether they are bundles or not.

Funnelish allows far more dynamic linking and variant matching so you shouldn’t really face any problems on that, if you do just reach out to us on the community again or through our chat channels :slight_smile:

@samlee

2 Likes

Sorry I haven’t seen your reply before it was deleted, you can tag me on any post or new topics if you need my assistance at any time, also feel free to reach out to our support if needed…
@samlee

It’s fine, I deleted it cause it wasn’t really important.

Thanks for answering all my questions.

1 Like

So I’m creating my first funnel with funnelish but I want to include a bundling option on the bottom but i can’t put buttons inside the bundling box. Is there anyway to solve this?

1 Like

Can you explain further what you are trying to achieve? maybe screenshots would help

Like the screenshots I have already sent above.

I want to place the button inside the boxes on mobile.

1 Like

The first screenshot you provided was not made using a product list element,

instead it only uses a row with 3 columns, each column having an image with text with a button and that’s it :slight_smile:

It’s not hard to make that, perhaps will need small CSS to do the “Save 47.76” part but that’s manageable, and our team can help with that as well if needed.

Not understanding Funelish seems like shit to me. I haven’t been able to set up COD and link orders to Shopify for weeks.
PS: no one from support helps

Have you reached out to chat support or community groups?!

Also, I see your post was flagged for many days, due to the language used in your first post ever (if you try similar language on chat you might be blocked there too and won’t get any support - I hope that was not the case here).