Statamic Mailables Viewer: Preview Laravel Emails | Mohamed Said        [  ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png)   Mohamed Said Laravel Backend Engineer  ](https://www.msaied.com) [ Home ](https://www.msaied.com) [ Projects ](https://www.msaied.com/projects) [ Articles  ](https://www.msaied.com/articles) [ Certificates ](https://www.msaied.com/certificates) [ Contact ](https://www.msaied.com#contact-section) 

       [  ](https://github.com/EG-Mohamed)       

 [ Home ](https://www.msaied.com) [ Projects ](https://www.msaied.com/projects) [ Articles ](https://www.msaied.com/articles) [ Certificates ](https://www.msaied.com/certificates) [ Contact ](https://www.msaied.com#contact-section) 

  [ home ](https://www.msaied.com)    [ articles ](https://www.msaied.com/articles)    Statamic Mailables Viewer: Preview Laravel Emails in the Control Panel        On this page       1. [  Stop Hacking Together Email Preview Routes ](#stop-hacking-together-email-preview-routes)
2. [  How It Works ](#how-it-works)
3. [  Inspecting the Envelope ](#inspecting-the-envelope)
4. [  Sending Test Emails ](#sending-test-emails)
5. [  Permissions ](#permissions)
6. [  Why This Matters for Laravel Developers ](#why-this-matters-for-laravel-developers)
7. [  Key Takeaways ](#key-takeaways)

  ![Statamic Mailables Viewer: Preview Laravel Emails in the Control Panel](https://cdn.msaied.com/574/5ecb785e581163f6a143b14cec070996.png)

 [  Laravel ](https://www.msaied.com/articles?category=laravel) [  Composer Pacakge ](https://www.msaied.com/articles?category=composer-pacakge)  #Statamic   #Laravel   #Email   #Add-on   #Developer Tools  

 Statamic Mailables Viewer: Preview Laravel Emails in the Control Panel 
========================================================================

     20 Aug 2026      3 min read    ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg)  Mohamed Said  

       Table of contents

1. [  01   Stop Hacking Together Email Preview Routes  ](#stop-hacking-together-email-preview-routes)
2. [  02   How It Works  ](#how-it-works)
3. [  03   Inspecting the Envelope  ](#inspecting-the-envelope)
4. [  04   Sending Test Emails  ](#sending-test-emails)
5. [  05   Permissions  ](#permissions)
6. [  06   Why This Matters for Laravel Developers  ](#why-this-matters-for-laravel-developers)
7. [  07   Key Takeaways  ](#key-takeaways)

 Stop Hacking Together Email Preview Routes
------------------------------------------

If you have ever littered `web.php` with commented-out `/preview-email/{email}` routes, or sent the same test message to yourself a dozen times just to check a layout tweak, you are not alone. Jack McDade built [Mailables Viewer](https://statamic.com/addons/statamic/mailables-viewer) to replace exactly that workflow.

Mailables Viewer is a **free Statamic add-on** that scans your Laravel application for mailable classes and surfaces them under **Utilities → Mailables** in the Statamic Control Panel. No extra configuration, no dedicated routes, no fake-data bootstrapping scripts scattered across the codebase.

How It Works
------------

Once installed, the add-on:

1. **Auto-discovers** every mailable in `app/Mail` (and any additional directories you register via the facade).
2. **Generates sample constructor data** so each mailable can be instantiated and rendered immediately.
3. **Renders the HTML preview** inline, with desktop, tablet, and mobile viewport toggles.

The live data editor lets you modify scalar constructor values — strings, numbers, booleans, and dates — and watch the preview and envelope update in real time. Objects and arrays are displayed read-only to keep things safe.

### Inspecting the Envelope

Beyond the rendered HTML, Mailables Viewer exposes the full envelope for each mailable:

- Subject line
- Sender address
- Attachments
- Blade/Markdown template reference
- Queue status
- References to the mailable class within the codebase

This makes it straightforward to audit email configuration without ever leaving the Control Panel.

### Sending Test Emails

When you need to verify rendering in a real inbox, the add-on can copy the rendered HTML to the clipboard or dispatch the mailable immediately via `sendNow()`. Notably, this works even for mailables that are normally queued, so you can test the full email without waiting for a worker.

```php
// Mailables outside app/Mail can be registered like this:
use Statamic\Addons\MailablesViewer\Facades\MailablesViewer;

MailablesViewer::discover('App\\Notifications\\Mail');

```

### Permissions

Access is straightforward:

- **Super users** get access automatically.
- **Other roles** can be granted the `access mailables utility` permission through the standard Statamic roles and permissions UI.

Why This Matters for Laravel Developers
---------------------------------------

Email previewing has always been a friction point in Laravel development. The typical workarounds — preview routes, repeated test sends to Mailtrap or Herd Pro, or browser-sync hacks — all require manual setup and tear-down. Mailables Viewer centralises this entirely inside the CMS UI, which is especially valuable on projects where non-developers (content editors, QA testers) need to verify email copy without touching the codebase.

Key Takeaways
-------------

- Free Statamic add-on that auto-discovers and previews all Laravel mailables in the Control Panel.
- Live data editor for scalar constructor values with real-time preview updates.
- Inspect subject, sender, attachments, template, queue status, and codebase references.
- Send test emails immediately with `sendNow()`, even for queued mailables.
- Desktop, tablet, and mobile viewport previews built in.
- Mailables outside `app/Mail` can be registered via the add-on's facade.
- Role-based access control using Statamic's standard permissions system.

---

*Source: [Laravel News — Statamic Mailables Viewer Previews Laravel Emails in the Control Panel](https://laravel-news.com/statamic-mailables-viewer)*

 Found this useful?

          [  ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.msaied.com%2Farticles%2Fstatamic-mailables-viewer-preview-laravel-emails-in-the-control-panel&text=Statamic+Mailables+Viewer%3A+Preview+Laravel+Emails+in+the+Control+Panel) [  ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.msaied.com%2Farticles%2Fstatamic-mailables-viewer-preview-laravel-emails-in-the-control-panel) 

 Frequently Asked Questions 
----------------------------

  3 questions  

     Q01  Does Mailables Viewer require dedicated preview routes in web.php?        No. The add-on auto-discovers your Laravel mailable classes and renders them directly inside the Statamic Control Panel under Utilities → Mailables, with no preview routes or extra configuration required. 

      Q02  Can I preview mailables that are stored outside the default app/Mail directory?        Yes. You can register additional directories or namespaces using the add-on's facade, and those mailables will appear alongside the ones discovered in app/Mail. 

      Q03  How does sending a test email work for queued mailables?        Mailables Viewer uses sendNow() to dispatch the mailable immediately, bypassing the queue. This lets you verify the rendered output in a real inbox without needing a running queue worker. 

  Continue reading

 More Articles 
---------------

 [ View all    ](https://www.msaied.com/articles) 

 [ ![Streaming AI Responses in Laravel: Token Budgets, Structured Output, and Agent Contracts](https://cdn.msaied.com/584/3ffe135721c65ab3f9b40401dc3c41de.png) laravel ai llm 

### Streaming AI Responses in Laravel: Token Budgets, Structured Output, and Agent Contracts

Learn how to stream LLM responses in Laravel, enforce token budgets, and lock structured output to typed PHP c...

  ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg)  Mohamed Said 

 23 Aug 2026     4 min read  

  Read    

 ](https://www.msaied.com/articles/streaming-ai-responses-in-laravel-token-budgets-structured-output-and-agent-contracts) [ ![Typed PHP 8.3 Enums as Eloquent Casts, Route Parameters, and Validation Rules](https://cdn.msaied.com/583/7301900aac0f2ec5d1347df11ce92188.png) laravel php8.3 enums 

### Typed PHP 8.3 Enums as Eloquent Casts, Route Parameters, and Validation Rules

Go beyond basic enum casting. Learn how to wire PHP 8.3 backed enums into Eloquent, route model binding, and c...

  ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg)  Mohamed Said 

 23 Aug 2026     1 min read  

  Read    

 ](https://www.msaied.com/articles/typed-php-83-enums-as-eloquent-casts-route-parameters-and-validation-rules) [ ![Livewire v3 Lazy Components, Islands, and Deferred Loading in Practice](https://cdn.msaied.com/582/564b2d098d2b94b53d4f5319ac77d58b.png) livewire laravel performance 

### Livewire v3 Lazy Components, Islands, and Deferred Loading in Practice

Lazy components, islands, and deferred loading in Livewire v3 let you ship fast initial pages without sacrific...

  ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg)  Mohamed Said 

 23 Aug 2026     1 min read  

  Read    

 ](https://www.msaied.com/articles/livewire-v3-lazy-components-islands-and-deferred-loading-in-practice-1) 

   [  ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png)   Mohamed Said Laravel Backend Engineer  ](https://www.msaied.com)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow.

Explore

- [Home](https://www.msaied.com)
- [Projects](https://www.msaied.com/projects)
- [Articles](https://www.msaied.com/articles)
- [Certificates](https://www.msaied.com/certificates)
- [Contact](https://www.msaied.com#contact-section)

Connect

- [   hello@msaied.com ](mailto:hello@msaied.com)
- [   +20 109 461 9204 ](tel:+201094619204)

© 2026 Mohamed Said. All rights reserved.

 [  ](https://github.com/EG-Mohamed) [  ](https://www.linkedin.com/in/msaiedm/) [  ](https://wa.me/201094619204) [  ](mailto:hello@msaied.com) [  ](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view)
