Skip to main content

How to Create a Product Landing Page on WithMe

Learn how to create and manage native product landing pages on WithMe. This guide gives step-by-step instructions for adding sales pages to both new and existing products using media, descriptions, and best practices to increase conversions.

Earlier, when a member clicked on a product inside a creator's hub, they were taken straight to account creation and checkout.

This created friction because:

  • 🤔 There was no space to explain the offer upfront

  • 📉 Benefits and content details appeared after purchase

  • ❓ Members had to decide before fully understanding the product

Because of this, many creators had to rely on third-party sales pages just to explain what they were offering.


The Solution: Native Product Landing Pages 🚀

WithMe now offers native product landing pages, built directly into your products. Some product types don't have a landing page option, and bundle-only products and external links can't be set up as landing pages.

Each product gets its own dedicated landing page, allowing creators to:

  • 🎯 Clearly explain their offer before purchase

  • 🖼️ Use images and videos to showcase value

  • 📝 Add rich, formatted descriptions

  • 💳 Guide members to checkout with confidence

No external tools. No broken flow. Just a clearer buying experience.


💡 What to Include on Your Landing Page -

Build Connection Before Conversion 💡

Your product landing page isn't just for details—it's your chance to build trust and deliver value before asking someone to sign up or pay.

Each landing page includes:

  • Up to 10 images or videos

  • A description box below the media

You can combine these elements however you like, depending on your offer.
​

🎥 Welcome & Demo Videos

Use video to build trust and show value early:

  • Introduce yourself and your offer

  • Share preview or demo content

  • Help members understand what they'll get before buying

Short, authentic videos often convert better than long text.
​


🎨 Canva-Designed Visuals

Visuals are easier to scan than paragraphs. Use graphics to explain:

  • Who the product is for

  • Key benefits and outcomes

  • What members get when they join

  • A step-by-step breakdown of the offer

Eye-catching visuals help members understand your value quickly.
​

📋 Practical Information to Share

Your landing page is also a great place to include:

  • Promo codes or public discounts

  • Step-by-step joining instructions

  • Community rules or important guidelines

    • (For legal terms and conditions, add them in your product description or add a link to them there instead)

  • Important links or resources

Suggested Content Flow 🗂️

If you're not sure how to structure your page, try this flow:

  1. Welcome video – introduce yourself and the offer

  2. Canva visual – explain what's included

  3. Demo or preview content – show value upfront

  4. Instructions to join or access – clear next steps

  5. Community rules visual, if required (add your legal Terms and Conditions separately)

Use the description box for:

  • A short "what to do next" guide

  • Important links

  • Promo codes (easy to copy)


🌟 Landing Page Examples from WithMe Creators

Want to see product landing pages in action? Check out these examples from successful creators:

Browse their hubs and click on their products to see how they've crafted their landing pages to convert visitors into customers.


Where Product Landing Pages Live 📍

Product landing pages are created inside product setup itself, specifically in the Checkout step.

This means setup and sale start in one place. Adding a landing page does not take the product off the Hub: it stays listed there, and the landing page shows when someone opens it. Moving a product off the Hub to its own Landing Pages home is a separate, optional step you can take whenever you want.


🆕 How to Add a Landing Page for a New Product

When creating a new product, setup is divided into three steps: Details, Checkout and Options.

Your landing page is built during Step 2: Checkout.


Step 1: Details 🏷️

Set the basics:

  • Product name

  • CTA button text

  • Thumbnail image


Step 2: Checkout (This Is Where the Magic Happens ✨)

This step controls what members see before they pay.

You'll find two key sections here:

🖼️ Add Media

  • Upload up to 10 images or videos

  • The first image becomes the main banner

  • Remaining media appears in a swipeable gallery

  • Drag & drop to arrange your media- For optimal display, use images with dimensions around 1350 x 4500 pixels. This size works well for showcasing product highlights, including bios, and displaying branding elements.

💡 Tip: Canva-designed visuals and short videos work great for landing pages, videos especially help boost conversions.For best results, ensure your images are responsive and adapt well to different devices. This flexibility allows you to tailor the dimensions based on the content you want to include.


📝 Add Description

  • Appears right below your media

  • Use this space to explain:

    • What the product is

    • Who it's for

    • What members will get

The description editor also has a heading button, an image button, and a video button on its toolbar, so you can add an H3 heading, inline images, or an embedded YouTube, Vimeo, Loom or Wistia video right inside your description.

✨ Best practices:

  • Use emojis

  • Break text into sections

  • Avoid long, dense paragraphs

✍️ Need help writing your description? If you see Credits in Billing, Margo, WithMe's Marketing Manager, can help. Write your request to Margo, copy her reply, and paste it into your description.

Members will see a CTA button:

  • On desktop: on the right side

  • On mobile: just below the media

Clicking it takes members to checkout. If the whole landing page fits in the browser window, it jumps straight to checkout; if not, it first scrolls down to the checkout section before they can complete payment.


Step 3: Options ⚙️

Configure:

  • Community access

  • Email marketing

  • Affiliate settings

"Save" your product, your landing page is now live 🎉


✏️ How to Add a Landing Page to an Existing Product

Already have a product? You can add or update its landing page anytime.

Follow these steps:

  1. Go to My Hub

  2. Select the product you want to update

  3. Click Edit

  4. Open the Checkout tab

  5. Add or update:

    • Media (up to 10 images/videos)

    • Product description

  6. Go to the Options tab and Save

Your changes go live instantly 🚀


Previewing the Landing Page (User View)

On Mobile

  • On phone, tap Preview in the top bar of any dashboard page to open the hub preview pop-up. Use the Not a customer / Customer switch to change your view.

On Desktop

  • On desktop, the top bar shows your hub link, a copy button and a Preview button together in one box. Click the hub link text or Preview to open your hub immediately in an overlay on the same page.

  • Inside the overlay, use the audience and device controls to pick Not a customer or Customer, and Device (Desktop or Mobile).

Click the product to see the landing page as a logged-out visitor would. Choose Customer in the overlay's audience control to see it as an unlocked member would.


Best Practices for High-Converting Landing Pages

  • Use Canva-designed visuals

  • Add videos when possible (boosts conversion)

  • Use emojis and rich formatting

  • Share instructions or promo code on this page for better visibility

  • Keep text skimmable and engaging

  • Match your storefront theme for brand consistency (Landing page background syncs with your storefront theme) - Ensure your images are responsive and maintain clarity across different screen sizes for a seamless user experience.


👀 How Members See Your Landing Page

From a member's point of view:

  • They click on your product

  • They land on a dedicated product page

  • They review the offer, visuals, and details

  • They choose to proceed to checkout

This makes the decision easier — and more intentional.


🎯 Why Product Landing Pages Matter

Product landing pages help you:

  • Reduce confusion before checkout

  • Set clear expectations

  • Increase conversions

  • Eliminate the need for third-party sales tools

They give you a clean, focused space to tell your story and sell your product — all inside WithMe.


✨ Better clarity leads to better conversions. Your product deserves its own stage.

🤝 Need help building one? If you see Credits in Billing, Dez, WithMe's Design Manager, can help you build a landing page like this. Tell him which product it's for, and chat with him through adding details and photos, reviewing the page he builds, and adding it to your product.

Did this answer your question?