Product page template: insoles
A product page template for one physical product, built as a store funnel: colour and size pickers, packs of 1 to 5 pairs, a cart drawer on the page, a checkout that switches packs in place with three order bumps, two one-click upsells and a thank-you page with add-ons. Open the live preview, then apply it to your project.
Six steps from the first click
The product page is the only entry. Add to cart opens a drawer on the same page, and the checkout lets the buyer change the pack without reloading. Two one-click offers follow the payment, then a thank-you page with more add-ons.
Every page in the product page template
Kinsole is a made-up brand selling massage insoles. Each screen below is from the live kit. Click through the preview.
Colour, size and four pack sizes
The buy box sits next to the gallery, the way shoppers expect it on a store. A buyer picks one of five colours and a shoe size, then a pack of 1, 2, 3 or 5 pairs, each showing its price per pair and what it saves against the list price.
- A free PDF guide comes with every pack, as a bonus product
- A bar pinned to the bottom of the screen keeps the price and the button in view
- Below the fold: benefits, a before and after, uses, reviews and FAQ
The cart slides over the page
Add to cart keeps the shopper on the product page. The drawer lists the pairs with their colour and size, shows how far the order is from free shipping and offers a massage roller with one Add button.
- Quantity buttons and remove in the drawer
- Checkout goes straight to the pack checkout with the cart in it
Two more pairs at the lowest price
The first Checkout click opens one more offer on the same page: two extra pairs at $16.20 each, cheaper per pair than the 5-pair pack. The buyer picks colour and size for them or skips to the checkout.
- Shown once, on the way to the checkout
- No thanks goes to the checkout with the cart unchanged
Change the pack without leaving the page
The checkout repeats the four packs on the right. A click on another row switches the order in place and the totals follow. Under the summary, two order bumps wait unticked: toe spacers and the roller.
- Shipping protection at $3.99 is a third bump, also unticked
- Contact, delivery and card details on the left, the order on the right
- Reviews under the order summary
Buy one get one free, then a relief kit
Two offers follow the order. The first adds a second pair of insoles for the price of one, the second a roller with one more pair. Yes or no, each leads to the next page, and a yes charges the card from checkout with one click (Stripe, NMI and PayPal). How one-click upsells work.
Four add-ons and a short survey
The thank-you page shows the whole order and offers four more items, each added with one button and shipped in the size of the first pair. A six-question survey below saves each answer against the order in a collection.
- Plush insoles, massage slippers, heel pads and kids insoles
- A help page with tracking, shipping, returns and a contact form
What lands in your project
Before you apply, the kit review shows each page, the offer chain and the product prices, so nothing is created blind.
- Pages
- Product page, checkout, two offer pages, thank-you, help and the survey handler
- Products
- Every pack, the extra pairs, the bumps, both offers and the four add-ons, with prices
- Funnel
- Product page to thank-you page, with both offers and their yes and no paths
- Collections
- The survey answers and the help page contact form
- Status
- Drafts until you publish them
From the product page template to your store
This is the kit the Academy tutorial builds, step by step. For the reasoning behind each page, read the ecommerce sales funnel walkthrough.
Find it under Kits
Create Page, Choose Template, then the Kits tab. Search insole. New projects of the E-commerce type list it in the setup wizard too.
Go through the review
Check each page thumbnail, the offer chain in the Funnel journey and the price of every pack.
Click Apply kit
Name a folder or leave it empty, keep the components and products switches on, and let it run in the background.
Swap in your product
Change the photos, colours and sizes, set your pack prices and connect your merchant.
Product page template FAQ
What is a product page template?
A ready product page with the gallery, buy box, benefits, reviews and FAQ already laid out. This one comes as a whole funnel, with a cart drawer, a checkout and offers after the sale.
Can buyers pick a colour and a size?
Yes. The product page has colour swatches and a size grid, and the choice goes into the cart. The offers after the sale ship in the same colour and size.
How does the cart drawer work?
Add to cart opens the cart over the product page, so the shopper stays on it. The drawer shows the free shipping progress, a roller add-on and the checkout button.
Are the order bumps ticked by default?
No. Toe spacers, the roller and shipping protection all start unticked, so every bump is an opt-in.
Which processors run the one-click offers?
Stripe, NMI and PayPal. The card is entered once on the checkout, and every yes after that charges the same payment method.
Does the kit cost extra?
No. Kits are included on every plan. Start the free trial, apply the kit and pay only for your plan if you stay.
Can I use it for a product that is not insoles?
Yes. Any physical product sold in packs fits. Replace the photos, the colours and sizes, and set your own products and prices.
Will my existing pages change?
No. Applying the kit adds new draft pages, and the review warns about any page address already in use before you apply.
Other funnel template kits
Each of these is a whole funnel, previewed and applied the same way. All templates.
VSL funnel12 pages
Relief cream VSL funnel
Sales letter and VSL entries, one checkout, four one-click offers and a final offer.
See the kit
VSL funnel18 pages
Supplement VSL funnel
VSL and long-form letter, bottle packs, a one-click upsell and downsell, and a members area.
See the kit
Advertorial funnel10 pages
Gadget advertorial funnel
A native advertorial into a bundle checkout with a warranty bump, then four one-click upsells.
See the kit
Listicle funnel12 pages
Device listicle funnel
A 5-reasons listicle and product page, a quantity ladder checkout and an upsell with a final offer.
See the kit
Product page funnel10 pages
Wellness supplement funnel
A long product page with a bundle buy box, a matching checkout and three one-click upsells.
See the kit
Product page funnel9 pages
Collagen story funnel
A story-led product page with a bag ladder that unlocks free gifts and a two-column checkout.
See the kit
Product page funnel9 pages
Protein bar store funnel
A dark flavour page, a cart that unlocks a gift and a free carton, add-ons and a one-click offer.
See the kit
Product page funnel9 pages
Supplement product page funnel
A long product page with a 10% scratch card, a bag checkout, a one-click upsell and a survey.
See the kit
Product page funnel9 pages
Turmeric store funnel
A store-style product page with a cart drawer add-on, a bundle checkout and two one-click upsells.
See the kit