Guides

Ecommerce landing pages, one-click orders and a call button

How to build an ecommerce landing page that sells, add a one-click cash on delivery order, a click-to-call button and a buy button. Steps, limits, mistakes.

The CloudCart team15 min read
A phone showing a product page with a large order button and a small round phone button in the corner, next to a laptop with a campaign page
In this article · 13 sections
  1. What quick order, click to call, landing pages and Buy Button do
  2. Which tool helps whom, and when
  3. What an ecommerce landing page is and how to build one in CloudCart
  4. How to tell whether your landing page sells
  5. How to turn on the quick order button in CloudCart
  6. How to add a click-to-call button to your store
  7. Buy buttons and checkout links outside your store
  8. LoadBee: manufacturer content on the product page
  9. What you gain: an example with numbers
  10. How to check the results with an AI assistant
  11. Best practices for quick orders and landing pages
  12. Mistakes to avoid
  13. Frequently asked questions

In short: an ecommerce landing page is a separate page with one offer and one button, built for the people who click a specific ad, email or post. In CloudCart you build it in Marketing → Pages → + Add new page, with 5 (Baby Pack) to 250 (CC Master) builder pages depending on the plan. The quick order button (Apps → Fast Order) is on every plan and takes a cash on delivery order from a short form.

Why every extra step costs orders is explained in online store conversion rate: formula and benchmarks. Below are the CloudCart admin settings, checked against the platform documentation and the pricing page.

What quick order, click to call, landing pages and Buy Button do

These four CloudCart tools shorten the path to an order, each in a different place:

ToolWhere the shopper sees itWhat it doesIn the adminPlan
Fast Order (quick order)Product pageShort form, creates a cash on delivery (COD) orderApps → Fast OrderAll plans
Click to CallEvery pageFloating button that dials your phoneApps → Click to CallNo plan limit
Landing pagesIts own address, /page/<handle>Campaign page, About us, FAQ, Thank You or 404 pageMarketing → PagesBuilder pages: 5, 10, 100 or 250
Buy Button and checkout linkAnother website, a post, a message, a QR codeProduct card or link that goes straight to paymentMarketing → Sales Channels → Buy ButtonNo plan limit

Builder landing pages are 5 on Baby Pack, 10 on Starter Pack, 100 on CC Pro and 250 on CC Master; static and FAQ pages are on all plans. Billed annually, the plans cost €14, €33, €83 and €249 a month, excluding VAT.

Which tool helps whom, and when

  • Shoppers buy one item and pay on delivery. Phone cables and cases at €10-20, bought one at a time. Fast Order replaces cart and checkout with one form.
  • Shoppers want to ask first. Made-to-measure furniture, car parts by VIN, electronics over €500. A call button gets them an answer in a minute.
  • You run ads for one offer. A "Winter care set" campaign on Meta, Google Ads or TikTok leads to a page with only that offer, not a home page with 40 categories.
  • You sell outside your store. A blogger, a partner site or your Instagram post links straight to payment with a Buy Button or checkout link.
  • You sell branded electronics. LoadBee fills empty product pages with the manufacturer's content.

What an ecommerce landing page is and how to build one in CloudCart

A landing page is where a shopper "lands" after clicking an ad, email or post. It carries one offer and one action: the product, the benefit, the proof and the button, without menus and banners that pull attention away. The home page shows the whole range; the landing page sells one offer to one campaign's audience, in the words of the ad. In CloudCart all pages are built in Marketing → Pages (in some stores the menu is called Landing pages).

The four page types

+ Add new page opens Choose page type. The type cannot be changed later.

  • Dynamic page: visual builder, for campaign pages or a new home page.
  • Static page: text editor, for About us, terms and returns.
  • FAQ page: questions and answers.
  • External page: your own HTML, without SEO fields.

No Dynamic page option? Your theme may not support the builder: see online store design in CloudCart.

The building blocks of a landing page that sells

Order the blocks by the questions a shopper asks: what is it, why care, is it true, what does it cost, how do I order. Example: a skincare store's "Winter care set" campaign.

BlockWhat it containsExample
1. HeadlineBenefit and price, in the ad's words"Winter set for dry skin: 3 products for €39"
2. Image or videoThe product in useThe set in a gift box
3. Reasons3-4 specific benefits"24-hour hydration", "lasts 2 months"
4. ProofReviews, return terms3 reviews with photos, "14-day returns"
5. ProductsThe offer's products with priceProduct row with the 3 items
6. ButtonOne action, repeated after each block"Order the set"
7. Questions and deadlineDelivery, payment, returns, end of offer"Offer ends Sunday"

In every EU country, a shopper who buys online can withdraw within 14 days without giving a reason, counted for goods from the day of delivery (Your Europe, returns). The rule is Article 9 of the Consumer Rights Directive, applied since 13 June 2014 (Directive 2011/83/EU on EUR-Lex). So "14-day returns" in block 4 is a promise shoppers can check, whichever country you sell to. What your returns page must say is in returns and consumer rights for online stores.

The builder modules that make the page sell

Add them with + Add block in a Dynamic page. Shoppers buy or subscribe without leaving the page:

ModuleWhat it doesCondition
Add to cartButton for one product, with your own label, colour and sizeAny Dynamic page
ProductDetails of one catalogue productAny Dynamic page
Bundle productsA product bundle, such as a 3-item setA bundle you created
VideoYouTube, Vimeo, embed code or MP4Any Dynamic page
Product reviewThe product's reviews as proofProduct Review app
CloudCart formSubscribe or contact form inside the pageSubscribers app, published form
Order detailsOrder summaryThank You Page only

Typical pages: a single product offer for ads, a limited-time sale, a gift bundle, a subscriber page and a Thank You page with a discount code. A sign-up form collects personal data, so it needs clear consent under the GDPR. Sending the campaign is covered in sending an email campaign in CloudCart; the channels are on the Campaigns page.

The landing page on a phone

Build for the phone first. In Europe, 54.45% of web visits in October 2026 came from mobile devices, against 43.46% from desktop (StatCounter, Europe). On a phone, check that the headline and button fit the first screen and the call button doesn't cover the order button. More in the mobile version of your store and speed and Core Web Vitals.

How to build a landing page step by step

  1. Open Marketing → Pages. The number next to + Add new page shows how many pages your plan still allows.
  2. Choose Dynamic page. The builder opens.
  3. Build from top to bottom. Drag modules from the left panel into rows, in the block order above.
  4. Set the name and address. The URL handler uses lowercase Latin letters and hyphens: winter-care-set becomes /page/winter-care-set, unique across pages.
  5. Fill in SEO title, SEO description and Featured image. The image appears when the link is shared on social networks.
  6. Click Publish changes. Drafts save automatically; shoppers see only the published version. Up to 500 versions are kept and you can restore one of the last 50.
  7. Add UTM parameters to the ad link to see which orders came from the campaign.

Via Assigned to a page can become the Home, Thank You or 404 page. Check indexing in Google Search Console. For Google Ads, the page must match the search behind the ad: Google rates landing page experience, how relevant and useful the page is to people who click, as one component of Quality Score (Google Ads Help). See also Google Ads for an online store and Facebook and Instagram ads.

How to tell whether your landing page sells

CloudCart Analytics has two widgets. Landing pages by visits counts visits per page, split by phone and desktop; a visitor counts once per hour per device and admin views are excluded. Landing pages by sales shows orders and revenue (excluding shipping) from visits that started on the page; orders appear about an hour later and only the statuses chosen in the Analytics settings count. Orders divided by visits give an approximate conversion rate, most accurate for a campaign page that shoppers reach straight from an ad.

Example: 1,200 visits in 14 days and 30 orders gives 30 / 1,200 × 100 = 2.5%. If 70% of visits come from phones but few orders do, fix the mobile page first. The sales widget credits the first page of the visit, so shoppers who came via the menu don't count.

How to turn on the quick order button in CloudCart

Fast Order works only with cash on delivery, so it suits markets where shoppers still like to pay the courier. Set it up like this:

  1. Enable cash on delivery in your payment methods. Without it no order is created.
  2. Install Fast Order from Apps and open Settings (/admin/apps/fast_order/settings).
  3. Write both button labels: the product page button (for example "Quick order") and the confirm button in the form ("Confirm order"). Both are required.
  4. Choose the required fields. Email is always required; switches make phone, first name and last name required.
  5. Add a line at the top of the form, such as "We'll call you within 2 hours to confirm your address. You pay on delivery." A separate field sets the message after ordering.
  6. Choose Meta Pixel events: InitiateFastCheckout and FastPurchase let you see quick orders separately in Meta.
  7. Activate and place a test order from a phone.

What happens to the order

The order enters your list as Pending with cash on delivery, and the usual notifications go out. A Fast order filter (Yes/No) separates quick orders. No account is needed: the platform attaches the order to an existing customer with the same email or creates a guest customer. Terms and GDPR consent work as in normal checkout. See order management in CloudCart.

What the form does not collect

The form does not ask for street, city or postcode. The address is filled in approximately from the shopper's IP address (country and, where available, postcode). Make the phone required and confirm every quick order by phone before you create the shipping label. If names are optional and left empty, the customer is saved as "anonymous anonymous". The button is hidden on products below your minimum order amount, and countdown discounts don't apply to quick orders.

Compare the two in cash on delivery or card, and see the one-page Checkout.

How to add a click-to-call button to your store

  1. Install Click to Call from Apps.
  2. Enter the phone number with the country code picker, so a store in Austria, Poland or Italy uses its own code.
  3. Write the label, for example "Questions? Call us".
  4. Choose Left or Right, on the side without a chat widget or cookie banner.
  5. Check the live preview and activate.

One number, label and position apply to the whole store, the button cannot hide outside working hours and taps are not counted. If no one answers in the evening, use Disable, which keeps your settings; uninstalling deletes them.

Buy buttons and checkout links outside your store

The order is always created in CloudCart. Marketing → Sales Channels → Buy Button offers two routes:

RouteWhat you getWhere to use it
Create a Buy ButtonEmbed code: Simple (button), Basic (button and price) or Full (image, title, description, quantity, price); works for bundlesA blog, a partner site, any page that takes HTML
Create a checkout linkA short link that puts one chosen variant in a new cart and opens payment; not for bundlesInstagram, Viber or SMS messages, email signatures, QR codes

Under Action on click choose Adds product to cart or Directs customers to checkout, then Generate code and Copy code. Nothing is stored: to change the button, build it again and replace the code. CloudCart records that an order came from a Buy Button or checkout link, but not from which site, so add UTM parameters everywhere. The UTM report is on CC Pro and CC Master.

LoadBee: manufacturer content on the product page

LoadBee shows the manufacturer's descriptions, images, videos and comparison tables on product pages, useful when hundreds of branded products have no text. It is on all plans and needs a LoadBee contract and API key. Products are matched by SKU or barcode sent as an EAN, need a brand, and get content only where your own description is empty.

What you gain: an example with numbers

On average 70.22% of online carts are abandoned; 18% of shoppers cite a forced account and 17% a checkout that is too long or complicated (Baymard Institute). The quick order removes both. A sample calculation for 300 started orders a month at a €40 average order (a method, not a promised result):

MetricBeforeAfter quick order and call button
Completed orders90 (30%)105 (35%)
Phone orders08
Revenue€3,600€4,520

Compare 30 days before and after with your own numbers. For the carts still left, see abandoned carts: 9 ways to win them back.

How to check the results with an AI assistant

Connect Claude Code, ChatGPT/Codex, Gemini CLI or Cursor with a PAT token from the admin and ask in plain English:

  • "How many cash on delivery orders did I get per day in the last 30 days, and how does the average order compare with the 30 days before?"
  • "Which 10 products are most often ordered one at a time? I'll put them on the campaign page."
  • "Compare orders and revenue 14 days before and after the campaign launch, and tell me if the difference is bigger than usual."

The assistant puts the numbers in one table and says what changed (see ecommerce KPIs: 10 metrics). Start with a read-only token; with write access, ask it to "show me first". Setup is in PAT token in CloudCart: connect Claude, ChatGPT and Gemini.

Best practices for quick orders and landing pages

  1. Track quick orders separately in Meta Pixel (see Meta Pixel and the Conversions API).
  2. Duplicate the page that sells. Duplicate in Marketing → Pages copies it without the system role; change the address and offer.
  3. One page per language and market, with local prices and delivery terms.
  4. Add UTM parameters to every Buy Button and checkout link.

Mistakes to avoid

  • Fast Order without active cash on delivery: the button shows, no order is created.
  • Uninstalling Click to Call instead of Disable: you lose the settings.
  • Ads pointing to the home page: the shopper is looking for the offer.
  • External page for content that should rank: it has no SEO fields.
  • Old Buy Buttons after a product is deleted: they show "product no longer available".

Still stuck? Write to support@cloudcart.com.

Frequently asked questions

A separate page that shoppers reach from an ad, email or post, with one offer and one button, and no menus to distract. In CloudCart you build it in Marketing → Pages as a Dynamic page.

The website shows the whole store; a landing page shows one offer and repeats the promise of the ad that brought the shopper. In CloudCart it lives at /page/<handle> in the same store.

Open Marketing → Pages, click + Add new page, choose Dynamic page, add modules, fill in the address and SEO fields and click Publish changes. You get 5, 10, 100 or 250 builder pages depending on the plan.

Install Fast Order from Apps, set the two button labels and the required fields, and make sure cash on delivery is active. It is included on all plans.

No, it is cash on delivery only. For phone payments, CloudCart Pay shows an Apple Pay or Google Pay button on the product page, and cards are accepted in the normal checkout.

Install Click to Call from Apps, enter your number with its country code and a label, and choose the left or right side. Tapped on a phone, it opens the dialler.

In Marketing → Sales Channels → Buy Button choose Create a checkout link, pick the product and variant and copy the link. It opens payment with the product in the cart; bundles are not supported.

Builder landing pages are included in the CloudCart plan with no build fee: 5 on Baby Pack (€14 a month billed annually, excluding VAT) up to 250 on CC Master. A new store pays €1 a month for the first 3 months on every plan.

Sources

  1. Your Europe, returnseuropa.eu
  2. Directive 2011/83/EU on EUR-Lexeur-lex.europa.eu
  3. StatCounter, Europegs.statcounter.com
  4. Google Ads Helpsupport.google.com
  5. Baymard Institutebaymard.com
The CloudCart teamChecked against the platform documentation. Questions: support@cloudcart.com

Build your online store

The first 3 months on every plan are €1/month. Questions: support@cloudcart.com

Create a store for €1