# Building custom designed checkout page

**URL:** <https://integration.keap.com/t/building-custom-designed-checkout-page/18261>\
**Category:** Max Classic\
**Created:** [October 18, 2017, 2:42pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261 "2017-10-18T14:42:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jonathan\_Kraft](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/jonathan_kraft/32/3001_2.png) [@Jonathan\_Kraft](https://integration.keap.com/u/Jonathan_Kraft)\
**Post date:** [October 18, 2017, 2:42pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/1 "2017-10-18T14:42:14Z")

</div>

We have this page:

> **[Hot Not Bothered: Get the Book in Print - Flipping Fifty](https://www.flippingfifty.com/hotnotbothered-print/)**
>
> Add Your Heading Text Here

It pulls from the form in a campaign

We’d like to be able to grab the credit card right from that page, without redirecting people to a separate checkout/cart page.

How do we do that?

If we can’t do that, how can we capture it there and send it to IFS, but so that the customer doesn’t have to go to an additional page?

Or we could put all of the design on a separate page (IFS hosted checkout page if we need to) and then direct traffic at that page, (if it has to be done on some kind of other page for the credit card to be accepted there,) but yes, we’d like the cc info to be collected on that one page without having an additional page for the customers to go to.

If we have to send visitors to a checkout page hosted by Infusionsoft, then how do we build a custom checkout page for JUST this campaign?

---

<div class="post-metadata">

**Author:** ![Greg\_Jenkins](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/greg_jenkins/32/176_2.png) [@Greg\_Jenkins](https://integration.keap.com/u/Greg_Jenkins)\
**Post date:** [October 18, 2017, 9:32pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/2 "2017-10-18T21:32:39Z")

</div>

Hey Jonathan, I’m gonna answer your question in a little bit of a roundabout way, but this may not be what you want, and it may be something you’re already doing; so forgive me if that’s the case.

I would keep your initial page exactly as is. I get your request to have it all on one page, but the reality is that doing it that way will likely increase your bounce rate for the page.

So, I think I’d do it this way:

Step 1: Collect info on the opt in  
Step 2: Redirect to the sales page (and pre-populate what you can so they don’t have to type it twice)  
Step 3: Use the Infusionsoft Nudge for folks who get stuck between step 1 and step 2

(More on the [Infusionsoft nudge](http://www.monkeypodmarketing.com/infusionsoft-nudge/) here)

---

<div class="post-metadata">

**Author:** ![Jonathan\_Kraft](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/jonathan_kraft/32/3001_2.png) [@Jonathan\_Kraft](https://integration.keap.com/u/Jonathan_Kraft)\
**Post date:** [October 19, 2017, 9:16pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/3 "2017-10-19T21:16:44Z")

</div>

Thank you for making the time to respond!

So I’ll walk through the whole process.

Get the Free PDF (User optin):

> **[Hot Not Bothered: Get the PDF - Flipping Fifty](https://www.flippingfifty.com/hotnotbothered/)**
>
> GET YOUR FREE BOOK Master your metabolism before, during, and (long) after menopause 99 Flips for Slimmer, Trimmer, Fitter, Faster Get Your Free Copy Right Now Enter your name and email below to get a free copy emailed directly to you. Discover...

(Once opted in, redirect to)

Get the Free Print version (Pay only shipping):

> **[Hot Not Bothered: Get the Book in Print - Flipping Fifty](https://www.flippingfifty.com/hotnotbothered-print/)**
>
> Add Your Heading Text Here

(If getting the print version, then)

Get the Bonuses:

> **[Hot Not Bothered Exclusive Bonuses - Flipping Fifty](https://www.flippingfifty.com/hotnotbotheredbonus/)**
>
> Access Your Book Bonuses Here Bone Density & Metabolism Boosting Exercise Video (in gym) How-to Movement Library Videos (at home/gym) Workouts (do these with me!) Downloadable Interval Training Guide PDF Recordings Enter your name and email...

We don’t want to have them go from the Free Print version to a separate checkout page to pay for the shipping. We’d like to have the CC form right on that page. (I know we can do it in WooCommerce with a custom checkout page, but that requires a separate plugin purchase and if we can do it all in Infusionsoft, that would be fine.)

How can we collect payment right on that 2nd page?

---

<div class="post-metadata">

**Author:** ![Greg\_Jenkins](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/greg_jenkins/32/176_2.png) [@Greg\_Jenkins](https://integration.keap.com/u/Greg_Jenkins)\
**Post date:** [October 19, 2017, 10:02pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/4 "2017-10-19T22:02:21Z")

</div>

Gotcha. So, in order to collect payment, you’ll need for that page to be an order form.

You can use the custom HTML areas on the order form page to make it look a certain way, and you can use a theme with two columns, but it will probably not look exactly the way it does right now.

But I don’t know of any way to put an Infuionsoft payment collection ON another page, only how to drive people TO an order form and collect payment there. Sorry.

[Spiffy](https://pb227.isrefer.com/go/home/a66/) is a tool worth looking at, it may offer some other options and fleixbility for designing the page, but again, it’d be a paid third party tool.

---

<div class="post-metadata">

**Author:** ![Jonathan\_Kraft](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/jonathan_kraft/32/3001_2.png) [@Jonathan\_Kraft](https://integration.keap.com/u/Jonathan_Kraft)\
**Post date:** [October 19, 2017, 11:14pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/5 "2017-10-19T23:14:57Z")

</div>

Thanks again for replying.

Can I make an order form page that’s specific for these customers (i.e. gets it’s own URL we could send people to, and then has a custom thank you URL we could send them to post purchase)?

---

<div class="post-metadata">

**Author:** ![Jonathan\_Kraft](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/jonathan_kraft/32/3001_2.png) [@Jonathan\_Kraft](https://integration.keap.com/u/Jonathan_Kraft)\
**Post date:** [October 19, 2017, 11:16pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/6 "2017-10-19T23:16:15Z")

</div>

Never mind. I see it here.  
[http://help.infusionsoft.com/userguides/sell-online/set-up-order-forms/set-up-an-order-form](http://help.infusionsoft.com/userguides/sell-online/set-up-order-forms/set-up-an-order-form)

Thank you!

---

<div class="post-metadata">

**Author:** ![Greg\_Jenkins](https://sea1.discourse-cdn.com/flex019/user_avatar/integration.keap.com/greg_jenkins/32/176_2.png) [@Greg\_Jenkins](https://integration.keap.com/u/Greg_Jenkins)\
**Post date:** [October 19, 2017, 11:44pm UTC](https://integration.keap.com/t/building-custom-designed-checkout-page/18261/7 "2017-10-19T23:44:18Z")

</div>

Bingo. 100% yes. This is the easiest way to handle it.

If you want a comprehensive overview of the Ecommerce Section, [I’ve got a virtual course](http://www.monkeypodmarketing.com/ecommerce-pod/) that covers it.

But if all you need is the order form bit, then that article should do the trick!
