# Preview Email

The Preview Email tab allows you to instantly visualize how your email templates will appear to recipients. You can select different WooCommerce email types from the dropdown (e.g., New Order, Completed Order) and choose a sample order to preview with real dynamic data populated. This helps you verify that all placeholder variables render correctly.

<figure><img src="/files/YRr9LedrgDv2uMHMURS1" alt=""><figcaption></figcaption></figure>

Additionally, you can toggle between Desktop and Mobile view to ensure responsive design consistency across devices. Once satisfied with your layout and content, use the Send test email button to send a live preview directly to your inbox — perfect for final reviews or stakeholder approvals before going live.

Moreover, you can also check the class efficiently and easily to apply custom CSS.

<figure><img src="/files/EhlUeJjT95AvXqyC8uqU" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.yaycommerce.com/yaymail/how-it-works/preview-email.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.