Last reviewed
US brand · WordPress + CartFlows landing page
Sales Landing Page Design — Lovion USA Case Study
Sales landing page design for Lovion, a brand with a Texas contact address that sells a ginseng chocolate in single sachets and boxes of six: two matching pages — one for men, one for women — that introduce the product, put both pack sizes side by side, and finish with a card-and-PayPal checkout at the bottom of the same URL.
- WordPress + Elementor
- CartFlows checkout step
- Men's and women's pages
- Stripe and PayPal
- URL from first screen to placed order
- 1URL from first screen to placed order
- price cards: one sachet or a box of six
- 2price cards: one sachet or a box of six
- fold-out panels for label details
- 5fold-out panels for label details
- landing pages on one layout: men's and women's
- 2landing pages on one layout: men's and women's
In short
What is sales landing page design?
Sales landing page design is the planning and building of one page whose only job is to sell one product: it says what the product is, shows the price options, answers the practical questions, and takes payment without a cart or a second page. For Lovion USA that became a WordPress page laid out in Elementor and run as a CartFlows checkout step — price cards up top, label details on request, usage steps with a warnings panel, and an embedded checkout at the bottom.
- Client: Lovion (lovionusa.com), with a contact address in Live Oak, Texas
- Designed by: Selimuzzaman Afridi, WebDesignerBD — both the men's and the women's page; neither shows a designer credit
- Page type: single product landing page, checkout on the same URL
- Buy path: any Buy Now button → #checkout → pick a pack → pay by card or PayPal
At a glance
- ClientLovion (Lovion USA)
- ProductGinseng chocolate, sachets and boxes of six
- MarketUnited States, adults only
- Contact addressLive Oak, Texas (as listed on the page)
- StackWordPress · Elementor · CartFlows · WooCommerce
- PaymentsCard via Stripe, PayPal
- PagesMen's and women's landing pages, one shared layout
- Designed bySelimuzzaman Afridi, WebDesignerBD
- Live sitelovionusa.com ↗
Who Lovion is: a chocolate brand selling to US buyers
Lovion sells a ginseng chocolate in individual 15-gram sachets and in boxes of six. Its own page says the product is designed in the United States and made in Türkiye, and gives a contact address in Live Oak, Texas.
It is an adults-only product, and someone who lands on its page arrives with a short list of questions: what is this, what does it cost, is it for me, and how do I pay. They are not there to browse a catalogue.
So the brief for this sales page design was narrow on purpose — one product, two pack sizes, buyers in the US, and payment taken right there, with no trip through a shop, a cart and a separate checkout.
The challenge
A single product landing page that sells to strangers in another country leaves very little room for error. Four things had to work at the same time.
Two packs, one choice
Visitors had to see the single sachet and the six-pack next to each other and grasp the difference without doing sums.
Questions before paying
Ingredients, nutrition, storage and usage all had to be on the page — but not between the visitor and the price.
An adults-only product
The page had to say plainly who the product is for and when it should not be used.
No detour to pay
Each extra page between interest and payment is a chance to leave, so payment had to happen on the landing page itself.
What the sales landing page design delivered
A long single product landing page laid out in Elementor on WordPress and published as a CartFlows checkout step, so the story and the payment form share one address.
Gradient header
A pink-to-orange bar with the logo, site links, Join Brand Partner and Buy Now; on a phone it folds into a menu icon.
Hero with price cards
A photo slider on the left; on the right, the product name and two price-table cards — one sachet, a box of six — with regular prices struck through.
Best Price ribbon
The six-pack card wears a corner ribbon, so the eye lands on the better-value option.
First screen does the job
A rating line and a yellow Buy Now button sit under the cards — everything needed to start an order, before any scrolling.
Label details on request
Five accordion panels hold ingredients, calories, composition, storage and nutrition, one tap away.
Benefits block
A product visual beside five icon points written by the brand, with another Buy Now under the image.
How-to in four cards
Four numbered flip-box cards — open, eat, when, store — that turn over on hover to show the instruction.
Warnings panel
A light-blue alert under the steps: adults 18+ only, keep to the daily amount, and see a doctor first if pregnant, nursing or under treatment.
Review slider
Cards from the brand's Amazon reviews — name, date, stars — in an arrow-controlled carousel.
Embedded checkout
A two-column CartFlows checkout at #checkout: pack selector on top, billing on the left, summary and payment on the right.
Change pack inside checkout
Both packs sit as tick-box cards with quantity steppers above the form — no scrolling back to switch.
US-ready billing
US states dropdown, flat shipping, tax, coupon and terms, ending in a Place Order button with a lock icon and the total.
Card and PayPal
Stripe takes cards inside the page; PayPal is the second choice.
Cart reminders
Email is optional and used for unfinished-order reminders, with a 'No thanks' link beneath.
Brand and contact close
Where the product is designed and made, then a navy card with the Texas address, phone and email.
Women's version
A second checkout landing page for the women's product on the same layout: the header gradient runs the other way, and the buttons, ribbon, coupon button and contact icons turn from yellow to pink.
Inside the product landing page
These screens of the landing page design come straight from lovionusa.com — the men's page in yellow, the women's in pink — captured on 16 October 2026 and placed inside laptop and phone frames. Nothing was typed into the checkout; its fields are shown empty.
Design decisions behind the sales page design
Price in the opening view
Two price cards beside the product photo answer the cost question before any scrolling — the moment most visitors decide whether to stay.
Let the bigger pack lead
The box gets the ribbon and the bigger cut from its regular price; the single sachet stays for people who want to try one first.
Fold the fine print
Label information matters to a careful buyer and distracts everyone else, so it lives in panels that open only when asked.
Safety notes beside the instructions
The age limit and the medical note sit exactly where someone reads how to take the product, not in small print at the bottom.
Checkout without a new page
This is a checkout landing page: every Buy Now button scrolls to the form on the same URL, and the pack can be changed inside it — there is no cart page to abandon.
One layout, two audiences
WebDesignerBD designed the men's and the women's page as one reusable layout: same sections and checkout, separate CartFlows steps, each in its own accent. A new audience needs new photos and a colour pass, not a fresh landing page design.
What every product landing page needs
Planning a sales landing page design for your own product? A product landing page needs these parts before it can take orders on its own.
One product, one goal
Drop the links that lead away; the page sells one thing.
Prices in plain sight
Every pack with its price near the top, best value made obvious.
Answers before the form
What people ask support — ingredients, sizes, delivery, returns — goes on the page.
Honest usage notes
Age limits and precautions, stated clearly and early.
A button after every section
Each part ends in a call to action pointing to one checkout.
A short checkout
Ask only what you need to ship and charge; keep email optional where possible.
Payments your market trusts
Cards and PayPal in the US; in Bangladesh, bKash and cash on delivery.
Real contact details
An address, phone and email reassure a first-time buyer.
Technology behind the checkout landing page
- CMSWordPress 6.9 with the Astra theme
- Page builderElementor and Elementor Pro — price tables, flip boxes, accordion, carousels
- FunnelCartFlows Pro checkout step on a blank canvas template
- StoreWooCommerce
- PaymentsStripe for cards, WooCommerce PayPal Payments
- SpeedLiteSpeed Cache
- TrackingGoogle tag via Site Kit, Meta Pixel, cart-abandonment tracking
- SearchYoast SEO schema graph
Designed and built by Selimuzzaman Afridi, WebDesignerBD.
How much does sales landing page design cost?
The platform and how much of the sale happens on the page decide it. WordPress websites from WebDesignerBD are priced from ৳9,999; a landing page like this one sits on that same WordPress, Elementor and WooCommerce base.
A checkout landing page with price tables, an embedded payment form, card and PayPal gateways, a funnel plugin and US tax and shipping settings gets its own price once the products, payment accounts and plugins are known. More products, more gateways or extra funnel steps add work.
The quote is written down and fixed before the first section is built.
Check this single product landing page yourself
The product landing page is live. Open it on a phone and look at it the way a first-time US buyer would — no need to place an order.
- 1Compare the two price cards in the first screen and find the Best Price ribbon
- 2Open the ingredient and nutrition panels under the Buy Now button
- 3Hover over or tap a how-to-use card to turn it over
- 4Press any Buy Now button and see where it lands
- 5In the checkout, find both packs above the billing form
- 6Open the women's page and compare its pink accent with the yellow of the men's
Questions about this project
01What is sales landing page design?
It is designing a single page that sells one product from start to finish: the offer and price at the top, details and doubts handled in the middle, and a way to pay at the bottom. A good one needs no other page to complete the sale.
02What is the Lovion USA landing page built with?
WordPress with the Astra theme, Elementor and Elementor Pro for the layout, WooCommerce for orders and CartFlows Pro for the checkout step. Payments go through Stripe and PayPal.
03How is a product landing page different from a product page?
A product page sits inside a shop, with menus, related items and a cart. A product landing page drops most of that and leads to one action — here, the checkout built into the bottom of the same page.
04Why put the checkout on the landing page?
Every extra click between deciding and paying loses some buyers. On this page each Buy Now link scrolls down to the form, and the pack can be switched inside it.
05Did WebDesignerBD design the women's page as well?
Yes. The men's and the women's product landing page were both designed by WebDesignerBD on one layout; the women's step swaps the yellow accent for pink and carries its own photos and pack names.
06Can one landing page sell more than one pack size?
Yes. This one shows two price cards at the top and repeats both packs as selectable cards inside the checkout.
07How much does sales landing page design cost?
WordPress websites at WebDesignerBD start at ৳9,999. A checkout landing page with payment gateways and a funnel plugin is priced in writing once the products and payment accounts are clear.
08Do you design landing pages for brands outside Bangladesh?
Yes — this product landing page sells to US buyers, with dollar prices, US states, Stripe and PayPal. Send the product, the market and how you take payment, and the quote comes back in writing.
More from the portfolio
Other confirmed client projects, each documented the same way.
Local news portal · Jashore · WordPress build
Chetona News 24 — chetonanews24.com
Bangla news portal for a newsroom in Jhikargacha, Jashore — 925 stories across 36 category pages, a breaking-news ticker, dark mode, share and print tools, and an English switch.
IP & proxy shop · Bangladesh · WooCommerce build
IP Dokan — ipdokan.com
A WooCommerce IP store priced in taka — proxy-panel packs from seven brands, button pickers for GB and IP counts, a site wallet, local mobile-wallet payments and a USD switch.
Home textiles · India · WooCommerce store
Ryamira — ryamira.com
An Indian home furnishing store for curtains, bedsheets, cushion covers and table runners — 57 product pages, size-based variations, filters by size and price, wishlist, compare and a phone-first bottom bar.
Related services
The services behind this build — each handled by the same developer.