Screen elements

Some screen elements can be shown or hidden by using the checkboxes. Expand or collapse the elements by clicking on their headings, and arrange them by dragging their headings or by clicking on the up and down arrows.

SaveDeliveryReceiversOptionsFeatured imageAttachmentDetailsTemplateSlugAuthor

Layout 1 column 2 columns

Additional settingsEnable full-height editor and distraction-free functionality.

Mailster - Email Newsletter Plugin for WordPress has been placed into safe mode because we noticed that demo.mailster.co/36y45h7 is an exact copy of demo.mailster.co.

Is demo.mailster.co/36y45h7 a duplicate of demo.mailster.co?

Yes, demo.mailster.co/36y45h7 is a duplicate of demo.mailster.co for the purpose of testing, staging, or development.

Is demo.mailster.co/36y45h7 the new home of demo.mailster.co?

Yes, demo.mailster.co/36y45h7 is replacing demo.mailster.co. I would like to migrate my license from demo.mailster.co to demo.mailster.co/36y45h7.

Is demo.mailster.co/36y45h7 a new website?

Yes, demo.mailster.co/36y45h7 is a new and different website that is separate from demo.mailster.co. It requires license activation.

Unsure what to do? Read more here.

Edit Campaign

Add New Campaign

Connection lost. Saving has been disabled until you are reconnected. This post is being backed up in your browser, just in case.

Enter Campaign Title here Skip to Editor

Permalink: https://demo.mailster.co/36y45h7/newsletter/weekend/ ‎ weekend

This Campaign has been paused

Save

Move Save box upMove Save box down

Web version

Password

Move to Trash

Statistic

Delivery

Move Delivery box upMove Delivery box down

Regular Campaign
Auto Responder

Server time: 2025-04-19

send this campaign

Use Subscribers timezone

send this auto responder

after before

only for subscribers who signed up only for subscribers who canceled their subscription afteron

Keep in mind it is bad practice to send campaigns after subscribers opt-out so use this option for "Thank you" messages or surveys.

create a new campaign every time a new has been published

Use Subscribers timezone

always skip releases

create a new campaign every

next schedule

Use Subscribers timezone

end schedule

set an end date for your campaign

send campaigns only on these weekdays

Mon Tue Wed Thu Fri Sat Sun

only if

have been published

only if new content is available.

Next issue:

Use the {issue} tag to display the current issue in the campaign

0 matching Posts have been published

reset counter

every
on the exact date

of the users value

Use Subscribers timezone

send campaign only once

Campaign

whenever the action hook

is triggered. (?)

Priority:

send campaign only once

allow multiple triggers

Hooks can get triggered multiple times and cause multiple emails.

Receivers

Move Receivers box upMove Receivers box down

Add Condition [or]

or ✕ or

No tags available

Separate tags with commas

or ✕ or

Add Condition

Total receivers: –

Big List
Blog Update
Promotion

toggle all

List doesn't matter

Conditions:

or remove all

Total receivers: –

Options

Move Options box upMove Options box down

Track Opens

Track Clicks

Colors

Background Color
Text Color
Contrast
Inverted BG Text
Line and Elements
Button Text

Save Color Schema

Colors Schemas

Custom #1 ✕

Custom #2 ✕

Custom #3 ✕

Custom #4 ✕

Custom #5 ✕

Custom #6 ✕

Delete all Custom Schemas

Featured image

Move Featured image box upMove Featured image box down

Set featured image

Create Screenshot for Feature Image

Attachment

Move Attachment box upMove Attachment box down

Add an attachment to your campaign.

Note: Each attachment will increase your overall mail size, consider to share a link instead of attaching a file to prevent your email getting too big.

Add Attachment

Details

Move Details box upMove Details box down

Subject
Preheader
From Name
From Email
Reply-to Email

Template

Move Template box upMove Template box down

Base
Change Template
- Weekend1.0
  - Base
  - Notification
- Mailster2.0
  - Base
- MyMail8.0
  - Base
- MyMail²3.1
  - Base
  - Notification

Name

save as a new template file
overwrite

include original modules from "Base" (?)
show custom modules by default

based on "Base" from "Weekend"

if elseif else

convert to link | replace with image

Link

Text Button Image Button

Alt Text

Button Label

Link Button (required)

×px

Media Library Unsplash

Media Manager Reload Insert from URL

Image URL

Alt Text

Link image to the this URL

Static Dynamic

Select a post

Excerpt Full Content

Posts Pages Custom Post Type

Insert of from

Current Match:

…

Dynamic content get replaced with the proper content as soon as the campaign get send. Check the quick preview to see the current status of dynamic elements.

Random tags will display a random content while the number is used as an identifier. Same identifier will display content from the same post. Different identifier will never display the same post in the same campaign.

Module Name

Use original image HighDPI/Retina ready Remove Element

Create the plain text version based on the HTML version of the campaign get text from HTML version

Introintro
Call to Actioncall to action
quotequote
Separatorseparator
Separator blankseparator blank
Headlineheadline
Full Size Imagefull size image
½ Image Full½ image full
1/1 Text inverted1/1 text inverted
1/1 Text with Image1/1 text with image
½ Floating Image left½ floating image left
½ Floating Image right½ floating image right
½ Image on the Left½ image on the left
½ Image on the Right½ image on the right
⅓ Image on the Left⅓ image on the left
⅓ Image on the Right⅓ image on the right
1/1 Text1/1 text
⅓ Image on the Left⅓ image on the left
Eventevent

Module Name

Save this module to use it later. Custom modules will appear at the top of the module selector list.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<title>{subject}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Open+Sans:400,700');
	@media only screen{
		h1,h2,h3,h4,h5,h6,table.textbutton a{font-family:Raleway,sans-serif !important;font-weight: 700 !important}
		th, td{font-family:'Open Sans',sans-serif !important;}
	}

</style>
<style type="text/css">

#outlook a{padding:0;}
	#MessageViewBody, #MessageWebViewDiv{width:100% !important;}
	body{width:100%!important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0!important;padding:0!important;font-weight:100}
	.ExternalClass{width:100%;}
	.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%;}
	.bodytbl{margin:0;padding:0;width:100% !important;}
	img{outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:block;max-width:100%;}
	a img{border:none;}
	p,blockquote{margin:0;margin-bottom:1em;}

table{border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;}
	table td{border-collapse:collapse;}
	.o-fix table,.o-fix td{mso-table-lspace:0pt;mso-table-rspace:0pt;}

body,.bodytbl{background-color:#FEFEFE/*Background Color*/;}
	table,td,p{color:#333b40/*Text Color*/;}
	a,a:link,a:visited,a:hover{color:#fc4f5b/*Contrast*/;text-decoration:none;}
	td.invert{background-color:#fc4f5b;}
	.invert table,.invert td,.invert p{color:#f8f8f8/*Inverted BG Text*/;}
	.invert a,.invert a:link,.invert a:visited,.invert a:hover{color:#f8f8f8;font-weight:bold;}

.line{border-bottom:1px solid #f1f4f6/*Line and Elements*/;}
	table{font-size:18px;font-weight:400;}
	td,p{line-height:27px;}
	ul{margin-top:27px;margin-bottom:27px;}
	li{line-height:27px;}
	pre{word-wrap:break-word;word-break:break-all;white-space:pre-wrap;}
	td,tr{padding:0;}

h1,h2,h3,h4,h5,h6{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;font-weight: 500;line-height: 50px;}
	h1{font-size:36px;font-weight:700;margin-top:0px;margin-bottom:18px;letter-spacing:-1.2px;line-height: 48px}
	h2{font-size:32px;font-weight:bold;margin-top:0px;letter-spacing:-1.2px;}
	h3{font-size:30px;font-weight:bold;margin-top:0px;margin-bottom:0px;letter-spacing:-1.2px;}
	h4{font-size:20px;margin-bottom:12px;margin-top:2px;}
	h5{font-size:18px;margin-bottom:2px;margin-top:2px;}
	h6{font-size:12px;letter-spacing: 0.5em;line-height: 1.5;margin-bottom:18px;opacity: 0.5;text-transform: uppercase;}

.header{}
	.wrap{}
	.footer{}
	.padd{width:20px;}

.quote, .quote p{font-family: Georgia, "Times New Roman", Times, serif;font-size: 36px;font-weight: 400;line-height: 54px;margin: 0px 0px 18px;padding: 18px 0px 0px;}
	.small{font-size:14px;line-height:24px;margin-bottom:4px;margin-top:6px;}
	.tiny{font-size:12px;line-height:20px;margin-bottom:4px;margin-top:6px;}
	.btn{margin-top:24px;display:block;}
	.btn a{display:inline-block;padding:0;line-height:0.5em;}
	.btn img,.social img{display:inline;margin:0;}
	.h-12{line-height:12px;font-size:12px;height:12px;}

table.textbutton td{padding:12px 25px;color:#ffffff/*Button Text*/;display:block;min-height:26px;background-color:#fc4f5b;border-radius:5px;vertical-align:top;margin-bottom:3px;margin-right:2px;letter-spacing: -0.2px;opacity:0.8}
	table.textbutton td:hover{opacity:1}
	table.textbutton a{color:#ffffff;font-size:20px;font-weight:400;line-height:30px;width:100%;display:inline-block;}
	.invert table.textbutton td{color:#fc4f5b;background-color:#ffffff}
	.invert table.textbutton a{color:#fc4f5b;}
	.cta table.textbutton td{padding:22px 32px 20px 32px;}
	.cta table.textbutton a{font-size:28px;line-height:26px;font-weight:bold}

@media only screen and (max-width: 599px) {
		body{-webkit-text-size-adjust:120% !important;-ms-text-size-adjust:120% !important;}
		.quote, .quote p{font-size: 28px;}
		.wrap{width:86% !important;}
		.wrap .padd{width:10px !important;}
		.wrap table{width:100% !important;}
		.wrap img {max-width:100% !important;height:auto !important;}
		.wrap .m-0{width:0;display:none;}
		.wrap .m-b{margin-bottom:20px !important;}
		.wrap .m-b,.m-b img{display:block;min-width:100% !important;width:100% !important;width:86vw !important}
		table{font-size:18px !important;}
		table.textbutton td{min-height:44px !important;}
		table.textbutton a{padding:20px 0 !important;font-size:28px !important;}
		.cta table.textbutton a{font-size:48px !important;}
	}

</style>
</head>
<body>
<table class="bodytbl" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tbody><tr>
	<td background="" align="center">
<div style="display:none;width:0;height:0;max-height:0;line-height:0;overflow:hidden;">{preheader}</div>
<a name="top"></a>

</tr>
				</tbody></table>
			</td>
		</tr>
		</tbody></table>
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
			<tbody><tr><td width="600" align="center" class="line">&zwnj;</td></tr>
			<tr><td width="600" align="center" height="48">&zwnj;</td></tr>
		</tbody></table>

<table cellpadding="0" cellspacing="0" role="presentation">
			<tbody><tr>
				<td align="left" valign="middle">
					<table cellpadding="0" cellspacing="0" role="presentation">
					<tbody><tr>
						<td align="left">
							<h1><single label="Headline">Make it simple. Make it memorable. Make it fun to read.</single></h1>
							<div></div>
						</td>
					</tr>
					</tbody></table>
				</td>
			</tr>
			</tbody></table>
			</td>
		</tr>
		</tbody></table>
	</module>
<module label="Full Size Image" auto="">

</module>
<module label="Separator" auto="">
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
			<tbody><tr><td width="600" align="center" height="27">&zwnj;</td></tr>
			<tr><td width="600" align="center" class="line">&zwnj;</td></tr>
			<tr><td width="600" align="center" height="48">&zwnj;</td></tr>
		</tbody></table>
	</module>

<module label="1/1 Text inverted" auto="">
		<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
		<tbody><tr>
			<td width="100%" valign="top" align="center">
				<table width="100%" cellpadding="0" cellspacing="0" role="presentation" align="center">
				<tbody><tr>
				<td width="100%" valign="top" align="center" class="invert">
					<table cellpadding="0" cellspacing="0" class="wrap" role="presentation" align="center">
					<tbody><tr>
						<td height="24" class="padd">&zwnj;</td>
					</tr>
					<tr>
						<td width="600" valign="top" align="left">
							<h6><single label="Subline" expect="category"><a href="https://demo.mailster.co/36y45h7/blog/category/novels/" rel="tag" data-mce-href="https://demo.mailster.co/36y45h7/blog/category/novels/">Novels</a></single></h6>
							<h2><single label="Headline">The Call of the Wild</single></h2>
							<multi label="Body"><p>Buck did not read the newspapers, or he would have known that trouble was brewing, not alone for himself, but for every tide-water dog, strong of muscle and with warm, long hair, from Puget Sound to San Diego.</p></multi>
							<div class="btn"><buttons data-tmpl="%3Ctable%20class%3D%22textbutton%22%20align%3D%22left%22%20role%3D%22presentation%22%3E%3Ctbody%3E%3Ctr%3E%3Ctd%20align%3D%22center%22%20width%3D%22auto%22%3E%3Ca%20href%3D%22%22%20editable%3D%22%22%20label%3D%22Read%20More%22%3ERead%20More%3C%2Fa%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E">
								<table class="textbutton" align="left" role="presentation"><tbody><tr><td align="center" width="auto"><a href="https://demo.mailster.co/36y45h7/blog/the-call-of-the-wild/" editable="" label="Read More">Read More</a></td></tr></tbody></table>
							</buttons></div>
						</td>
					</tr>
					<tr>
						<td height="48" class="padd">&zwnj;</td>
					</tr>
					</tbody></table>
				</td></tr>
				</tbody></table>
			</td>
		</tr>
		</tbody></table>
	</module>
<module label="quote" auto="">
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
		<tbody><tr>
			<td align="center">

<table cellpadding="0" cellspacing="0" role="presentation">
			<tbody><tr>
				<td align="left" valign="middle">
					<table cellpadding="0" cellspacing="0" role="presentation">
					<tbody><tr>
						<td align="center">
							<div class="quote"><multi label="Quote"><p>Marketing's job is never done. It's about perpetual motion. We must continue to innovate every day.</p></multi></div>
							<h6><single label="Headline" expect="author">Beth Comstock</single></h6>
						</td>
					</tr>
					</tbody></table>
				</td>
			</tr>
			</tbody></table>
			</td>
		</tr>
		</tbody></table>
	</module>
<module label="1/3 Image on the Left" auto="" data-tag="{post:~1}">
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
		<tbody><tr>
			<td align="center">
				<table idth="600" cellpadding="0" cellspacing="0" class="o-fix m-b" role="presentation">
				<tbody><tr>
					<th class="m-b" width="187">
						<table cellpadding="0" cellspacing="0" class="m-b" role="presentation">
						<tbody><tr>
							<td width="187" align="left">
								<img src="https://demo.mailster.co/36y45h7/wp-admin/admin-ajax.php?action=mailster_image_placeholder&amp;tag=post_image:~1&amp;w=187&amp;h=130&amp;c=1&amp;o=0&amp;f=1" alt="{post_title:~1}" width="187" height="130" border="0" editable="" data-crop="true" label="Image max width 187 pixel" class="">
							</td>
						</tr>
						</tbody></table>
					</th>
					<th class="m-b" width="413">
						<table cellpadding="0" cellspacing="0" role="presentation">
						<tbody><tr>
							<td class="m-0" width="20">&zwnj;</td>
							<td width="394" align="left">
								<h3><single label="Headline">{post_title:~1}</single></h3>
								<a href="{post_link:~1}" editable="" label="Read More">{post_button:~1}</a>
							</td>
						</tr>
						</tbody></table>
					</th>
				</tr>
				</tbody></table>
			</td>
		</tr>
		</tbody></table>
	</module>
<module label="1/3 Image on the Left" auto="" data-tag="{post:~2}">
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
		<tbody><tr>
			<td align="center">
				<table idth="600" cellpadding="0" cellspacing="0" class="o-fix m-b" role="presentation">
				<tbody><tr>
					<th class="m-b" width="187">
						<table cellpadding="0" cellspacing="0" class="m-b" role="presentation">
						<tbody><tr>
							<td width="187" align="left">
								<img src="https://demo.mailster.co/36y45h7/wp-admin/admin-ajax.php?action=mailster_image_placeholder&amp;tag=post_image:~2&amp;w=187&amp;h=130&amp;c=1&amp;o=0&amp;f=1" alt="{post_title:~2}" width="187" height="130" border="0" editable="" data-crop="true" label="Image max width 187 pixel" class="">
							</td>
						</tr>
						</tbody></table>
					</th>
					<th class="m-b" width="413">
						<table cellpadding="0" cellspacing="0" role="presentation">
						<tbody><tr>
							<td class="m-0" width="20">&zwnj;</td>
							<td width="394" align="left">
								<h3><single label="Headline">{post_title:~2}</single></h3>
								<a href="{post_link:~2}" editable="" label="Read More">{post_button:~2}</a>
							</td>
						</tr>
						</tbody></table>
					</th>
				</tr>
				</tbody></table>
			</td>
		</tr>
		</tbody></table>
	</module>
</modules>
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
			<tbody><tr><td width="600" align="center" height="27">&zwnj;</td></tr>
			<tr><td width="600" align="center" class="line">&zwnj;</td></tr>
		</tbody></table>

<table width="600" cellpadding="0" cellspacing="0" class="wrap footer" role="presentation">
		<tbody><tr>
			<td width="600" align="center">
				<table cellpadding="0" cellspacing="0" role="presentation">
					<tbody><tr height="24"><td>&zwnj;</td></tr>
					<tr>
					<td width="600" class="small social" align="center" valign="top">
						<div class="btn"><buttons data-tmpl="%3Ca%20href%3D%22https%3A%2F%2Finstagram.com%2Fmailsterplugin%22%20editable%3D%22%22%3E%3Cimg%20src%3D%22https%3A%2F%2Fdemo.mailster.local%2Fwp-content%2Fplugins%2Fmailster%2Fassets%2Fimg%2Fsocial%2Fdark%2Finstagram.png%22%20width%3D%2232%22%20height%3D%2232%22%20style%3D%22max-width%3A32px%3Bmax-height%3A32px%3Bdisplay%3Ainline%3B%22%20class%3D%22social%22%20alt%3D%22Share%20this%20on%20Instagram%22%3E%3C%2Fa%3E">
							
							
						<a href="https://twitter.com/mailster" editable=""><img src="https://demo.mailster.co/36y45h7/wp-content/plugins/mailster/assets/img/social/dark/twitter.png" width="32" height="32" style="max-width:32px;max-height:32px;display:inline;" class="social" alt="Share this on Twitter"></a><a href="https://facebook.com/mailster" editable=""><img src="https://demo.mailster.co/36y45h7/wp-content/plugins/mailster/assets/img/social/dark/facebook.png" width="32" height="32" style="max-width:32px;max-height:32px;display:inline;" class="social" alt="Share this on Facebook"></a><a href="https://instagram.com/mailsterplugin" editable=""><img src="https://demo.mailster.co/36y45h7/wp-content/plugins/mailster/assets/img/social/dark/instagram.png" width="32" height="32" style="max-width:32px;max-height:32px;display:inline;" class="social" alt="Share this on Instagram"></a></buttons></div>
					</td>
					</tr>
					<tr height="24"><td>&zwnj;</td></tr>
				</tbody></table>
				<table cellpadding="0" cellspacing="0" role="presentation">
					<tbody><tr>
					<td width="600" class="small" align="center" valign="top">
						<div><single label="CAN Spam">{can-spam}</single></div>
						<div><single label="webversion">{webversion} - {unsub} - {profile}</single></div>
					</td>
					</tr>
				</tbody></table>
				<table width="600" cellpadding="0" cellspacing="0" class="wrap header" role="presentation">
				<tbody><tr><td height="24"></td></tr>
				<tr>
					<td align="center">
						<table cellpadding="0" cellspacing="0" class="o-fix" role="presentation">
						<tbody><tr>
							<td width="600" align="center">
								<img src="https://demo.mailster.co/36y45h7/wp-content/uploads/mailster/templates/weekend/img/logo.png" alt="" width="100" height="27" border="0" editable="" label="Logo" style="filter: grayscale(100%);" class="">
							</td>

</tr>
						</tbody></table>
					</td>
				</tr>
				<tr><td height="24"></td></tr>
				</tbody></table>
				<table cellpadding="0" cellspacing="0" role="presentation">
					<tbody><tr>
					<td width="600" class="tiny" align="center" valign="top">
						<div><single label="Copyright">{copyright}</single></div>
						<div><single label="Address">{address}</single></div>
					</td>
					</tr>
				</tbody></table>
			</td>
		</tr>
		</tbody></table>
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
			<tbody><tr><td width="600" align="center" height="24">&zwnj;</td></tr>
		</tbody></table>
		<table width="600" cellpadding="0" cellspacing="0" class="wrap" role="presentation">
			<tbody><tr><td width="600" align="center" height="24">&zwnj;</td></tr>
		</tbody></table>

</td>
</tr>
</tbody></table>
</body>
</html>

</style>
<style type="text/css">

table{border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;}
	table td{border-collapse:collapse;}
	.o-fix table,.o-fix td{mso-table-lspace:0pt;mso-table-rspace:0pt;}

.header{}
	.wrap{}
	.footer{}
	.padd{width:20px;}

</style>
</head>

From:
Subject:
To:

Your email may look different on mobile devices.

Precheck Terms of Service.

To use the Precheck service Mailster needs to send your campaign to our server. The email which is sent is the same as seen in the preview pane. All personalized information including links, images, attachments etc. are sent via your current selected delivery method.

We do not share any of this data with a third party but we use it to check the content and your deliverability.

We keep the right to track anonymously usage data.

I've read the Terms of Service and agree.

Ready for Precheck!

Message

Subject

Links

Images

Spam Report

Authentication

SPF

DKIM

DMARC

rDNS

Blocklist

Slug

Move Slug box upMove Slug box down

Slug

Author

Move Author box upMove Author box down

Author

Edit Campaign

Save

Delivery

next schedule

Receivers

Options

Colors

Colors Schemas

Featured image

Attachment

Details

Template

Change Template

…

Precheck Terms of Service.

Ready for Precheck!

Slug

Author