Preview and Test Email Campaign Rendering on Gmail.com
Preview a sent campaign in Gmail's browser view with MailSlurp. Check the photograph, service columns, booking action and complete footer alongside mobile results.
You've checked the campaign on a phone. Now open it where a customer might read it at their desk: Gmail in a browser. The same photograph and service details have more space around them, and the footer still needs attention after the first screen looks good.
This guide uses MailSlurp's Gmail.com target to review a sent campaign in web Gmail. Our fictional ClearRoof offer keeps its service descriptions side by side, with the headline and starting price each on one line. We'll inspect the complete message and compare its reading space with the Gmail phone apps.
What should a Gmail web preview tell you?
Look at how the message sits inside Gmail and how easily the offer reads from top to bottom. Keep the full image available when examining a detail: the button makes more sense when you can see the price and explanation that lead to it.
Sending the campaign lets you review the message your platform produces, including the current content, personalization and footer. Use the Gmail family guide when choosing between web and mobile targets; this walkthrough opens the campaign in browser Gmail.
Manual checks across browsers and phones become harder to coordinate as copy changes. MailSlurp renders the message in the selected clients, so reviewers can compare the current campaign without collecting assorted screenshots from older test sends.
Step-by-step guide: preview email in Gmail on the web
You'll need device previews available in your MailSlurp workspace and enough preview credits for the selected target. We tested Gmail.com, the Chrome browser target, on October 9, 2026 (NZDT).
The fictional ClearRoof campaign includes a gutter photograph, gutter-clearing and downpipe-check descriptions, a starting price of $160 + GST and a booking action. We also check the conditions and footer below the offer.
1. Select Gmail.com
Open the new device preview form, or choose Start new render from Device previews.
Expand Custom target set and select Gmail.com. Confirm 1 target selected for this individual check, and check that a saved profile has not added other clients. Gmail.com Dark is the separate appearance selection.
2. Copy the address for the web preview
Choose Send email, then copy the address under Send your email to this address. Compare it with the recipient in your sending tool before sending.
Use the address generated after your current target selection. An address copied for a previous preview may belong to a different set of clients.
3. Send the campaign and wait for Gmail.com
Send the campaign or test email to that address. Use the current message from your sending platform when you want to review its final content, personalization and footer.
The sample subject is Before the next downpour: gutter care from $160 + GST. You can download the sample email to inspect its source, photograph URL and example links. Keep the message unchanged when comparing web and phone apps.
Choose I have sent my email to open the waiting view. Receipt starts the run automatically. Our matching campaign appeared with RUN CREATED, then View results opened the run.
Wait for COMPLETE and a READY Gmail.com result. This run finished with one ready screenshot. If rendering is still in progress, check the existing message and run before sending another copy.
4. Open the full campaign
Open the completed screenshot. The viewer identifies Gmail.com and Chrome browser render. Use the zoom controls when reading a small detail and Open to view the full image separately. Continue past the photograph and action to the conditions and final links.
How does Gmail present the campaign in its reading area?
Gmail's navigation and message controls surround the email. Inside the message, the white campaign panel is centered on a pale background. ClearRoof Co. appears above the gutter photograph, which spans the panel.
Time to clear your gutters? fits on one line. The greeting and introduction lead into Gutters cleared and Downpipes checked, presented beside each other. Each service description takes two lines in this capture.
The price, Gutter cleaning from $160 + GST, also stays on one line. Book gutter cleaning retains its yellow fill and dark label. The conditions and signoff lead into a complete footer with company details, preferences, unsubscribe, the sample notice and photo credit.
There is no clipping notice or separate exposed preheader text in this result. The opened campaign runs from the brand name to the final credit.
How does the web result compare with Gmail on phones?
The Gmail Android and Gmail iPhone walkthroughs use this same ClearRoof campaign and photograph. Both phone results keep the service descriptions side by side too, but the text has less horizontal room and wraps over more lines.
The price fits on one line in web Gmail and two lines in each phone result. On Android the break falls after from; on iPhone it falls after Gutter cleaning. Copy that fits comfortably on the desktop still needs a closer look on the phone.
Read the two service descriptions in each app, particularly after adding more detail or changing the offer. They should remain easy to follow in the space that result provides. A difference in line count alone does not tell you a repair is needed.
What if the bottom of your campaign is missing?
First open the complete result. A zoomed viewer may show only part of a long image; the conditions and footer can be further down. In this ClearRoof capture, the final photo credit and Gmail's reply controls are visible below the offer.
If your actual campaign shows a clipping notice, the Gmail clipping guide explains how to investigate the delivered HTML. If preview text appears above the design, use the visible-preheader guide. Identify the visible symptom before changing the template.
After an edit, send the complete revised message and inspect the bottom again. The same check matters when an email platform adds or changes its footer before sending.
MailSlurp features for repeated Gmail checks
Use a saved profile when the same web and mobile selections belong in every campaign review. The render-address workflow accepts your platform's test send; HTML, exported files and stored messages cover template work and application tests.
The viewer lets you inspect a small detail while retaining access to the whole message. Use comments and share links when another reviewer needs to find a particular paragraph, button or footer line. For application-generated email, the CI workflow can keep the render with the message produced by the test.
Which other clients should you check?
Keep Gmail.com Dark as a separate appearance check, alongside the relevant Gmail phone apps. Add Outlook.com, Yahoo.com and desktop clients when they belong in your audience.
| Device | Email app | Appearance |
|---|---|---|
| Android phones | Gmail, Outlook | Light and dark |
| iPhone | Gmail, Apple Mail, Outlook | Default |
| iPad | Apple Mail | Default |
| Mac | Apple Mail | Default |
| Windows | New Outlook, Outlook Classic | Default |
| Webmail | Gmail | Light and dark |
| Webmail | Outlook.com, Yahoo Mail | Default |
Choose the available clients and modes in your workspace when starting a preview. Test the apps your customers use, including dark mode where it is offered.
Use the same campaign revision for the comparison, and open each named result before approving it.
Read beyond the photograph
The photograph earns attention, but the service descriptions and price explain why someone might book. The conditions say how the final price will be confirmed. Give those details the same care as the first screen, so the customer can understand the offer without guessing.
Finish by checking the real booking destination from a controlled campaign email. The sample uses example links; the customer's next step needs to match the offer they just read.