> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How can I preview my Checkout & Post - Purchased Components before publishing?

### **1. What is Testing mode?**
Testing mode allows you to **preview your components** — such as banners, custom messages, or upsell offers — directly inside the **Checkout Editor or Post-purchase Editor**.
It’s designed for **visual preview only**, so you can see exactly how each component will appear before it goes live.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_slupst.png)


### **2. Can I still set up conditions while using Testing mode?**
Yes. You can configure conditions (for cart, product, customer, etc.) as usual —
but they **won’t actually run** in Testing mode.
This mode focuses purely on **the visual part of your components**, so you can adjust layout and content freely without affecting checkout logic.

### **3. Why can’t I preview my components with certain conditions?**
The Checkout Editor doesn’t load real cart or order data,
so conditions like **Cart total, Products in cart, or Customer tags** can’t be triggered there.
Testing mode solves this by **showing your components visually** regardless of those conditions — perfect for reviewing design and placement.

### **4. Is Testing mode available on all plans?**
✅ Yes! Testing mode is available for all merchants — including **Free** and **Basic** plans.
It’s the easiest way to **preview your checkout components** before publishing them live.

### **5. Why can’t I enable Testing mode for an active component?**
Testing mode is available **only when the component status is Draft**.
Once a component is Active, it’s already live on your checkout — so preview mode is turned off to avoid confusion.
👉 To test visually, simply **change the status back to Draft**.

### **6. Does Testing mode affect my live checkout?**
No. It’s completely safe.
Anything you see in Testing mode is **for preview only** — it doesn’t affect your customers or live checkout logic.

### **7. How to use Testing mode effectively**
1. Create or edit your component.
2. Switch its **display condition** to *Testing mode*.
3. Open the **Checkout Editor** or **Post-purchase Editor** → you’ll see your component appear visually.
4. Adjust styling, copy, or layout until satisfied.
5. Change the display condition back to your real condition and **activate** the component.

### **8. Why it’s especially useful for Free/Basic plan users**
Merchants on Free or Basic plans can’t test checkout interactions with real orders,
so Testing mode gives you a **safe, visual sandbox** to preview your components before publishing.
You can confidently design and fine-tune how your checkout will look — even without advanced testing access.

### ✅ **In short**
> **Testing mode = Visual preview for your components before going live.**
> Perfect for Free/Basic plan merchants who want to see exactly how their checkout experience will look.