🛒
E-commerce Guide
  • Welcome to Wheelio Academy's E-Commerce Wonderland!
  • 🏡Home page
    • 📑Social proof
  • 🚁Landing page
    • 🙉Product overview
    • 🎭Image gallery
    • 🏁CTA
    • 📑Social proof
    • 🔖Conversion and AOV "boosters"
    • 🗂️Product description
  • 🗂️Category page
    • ⚙️General
    • 🃏Product cards
    • 🔮Filters
  • 📦Product page
    • 🔖Product overview
    • 🖼️Image Gallery
    • 📣CTA
    • 🗂️Social proof
    • 📋Product Description
  • 🛒Cart page
    • ⚙️General
    • ✨CTA
  • 💳Checkout page
    • 🥳Conversions and Registrations
    • 🗃️Forms
  • 🙏Thank you page
    • ⚙️General
    • ☄️Conversion
Powered by GitBook
On this page

Was this helpful?

  1. Product page

CTA

CTA (Call to action) Is the moment and segment where your custumer actually buys your problem!

PreviousImage GalleryNextSocial proof

Last updated 1 year ago

Was this helpful?

This is the point you care most about - has it worked? Did you lure them in? Are they interested? Do they need it? WILL THEY BUY?

Well, that depends on you, but don't worry we've got you covered. Here are some tips on creating your perfect CTA area to outperform your competition.

The main CTA is the most visible element on the product page and contains the "cart" icon, the product variants should be easily accessible on mobile, and big enough white space around to prevent misclicks, it should also be connected with the product gallery as it shows the images of chosen product variants. (A visible reminder should be included to select size/color if a customer forgets and clicks "add to cart" too early)

Interactive selectors should be used for quantity selection instead of dropdowns (the price and quantity are changed in real-time, without triggering a page reload)

The CTA copy clearly explains what will happen when you click on it

  • Proceed to secure checkout

Clear feedback is provided once the product has been added to the cart

  • a number in the mini-cart widget increases

The main CTA change states once users add a product to the cart

"✅ Product added to your cart"

and after 2 seconds

"Go to my shopping cart ➡"

The price of the product should be prominent enough, placed near the main CTA (that should have a different background color from other elements),...

No Surprises, Just Clarity: Any additional charges, be it shipping costs or VAT, are presented clearly next to the main Call to Action (CTA). You won't find any hidden fees here!

Shipping Made Visible: Whether it's free shipping or not, you won't have to dig deep to find out. The shipping details, including delivery to your doorstep, your country flag, cost, and estimated time, are prominently displayed near the main CTA.

Product Availability Check: Worried about the item being out of stock? Fear not! The availability status, such as "In stock," is right there next to the main CTA, ensuring you're always in the know.

Sale Sweeteners: When a product is on sale, the old price is struck through, and the new price, along with the savings percentage or amount, is showcased. Your wallet will thank you for catching those irresistible deals!

Return, Refund, and Guarantee: Clarity is extended to the return policy, refunds, and money-back guarantee. No ambiguity here – your satisfaction is our priority!

Express Yourself with Express Payments: For those who prefer swift transactions, express payment options like PayPal, Amazon, Google Pay, and Apple Pay are readily available. Perfect for quick and easy transactions on direct-response landing pages.

Flexible Payments for Big Wins: For those eyeing pricier items, worry not about a hefty one-time payment. Flexible installment options, such as Klarna or AfterPay, are provided. Ideal for direct-response landing pages that focus on individual product purchases.

📦
📣
Localized units for products are shown with different sizes/measurements (e.g. cm, inches, kg)