Composing Templates with Blocks
Last updated
Was this helpful?
Last updated
Was this helpful?
Composing Pretty Email Templates is very similar to setting up a post in the Gutenberg editor. You can add Blocks using the inserter icon (➕) and manage them using Document Overview.
Each of the widgets:
Image
Button
Text - with widgets available inside:
Paragraph
Heading
List
Spacer
Email Body
must be contained inside a Section (which can be contained in the Wrapper widget), so you first need to select one of the two.
Once you have a Section with Column(s), you can start adding other blocks inside.
Each block has its own specific settings, available in the Block tab in the Settings sidebar.
Settings are applied in a cascade, like in CSS, so the most nested block settings are most important, followed by the parent block settings. The Global Template Settings only apply to blocks without more specific settings.
While inserting image from URL
It's important to provide the specific width of an image
This block displays a placeholder in the WP editor, which will be replaced by the real email content in the final email. Therefore it can only be used once in the specific email template. Otherwise, the email content would be duplicated.
Email content may be coming from various places in your WordPress. It can be the default WP email, but it may also come from other plugins, f.e.:
WooCommerceemails
Gravity Forms notifications
Notification plugin emails
If you want your Email Body content to be dynamic and composed by yourself to your needs, you can achieve that using the Notification plugin (Free or Pro version).
All you need to do is add an email template containing Email Body in Pretty Email, and then set a custom notification using the Email carrier in the Notification plugin (see Docs). Then choose the previously set email template to use for this notification. See Notification integration docs for how that works.
You can find more on how to create an email template with dynamic content from WordPress in the article: How to Create an Email Template Featuring Blog Posts from WordPress?
Due to the differences in email template rendering in the WordPress editor and email clients, images inserted from the URL will appear to be sized correctly in the WP editor, even without providing a specific width. However, in the real email, the image inserted from URL with Auto width will be full-width. This can be previewed for more control by
