Creating marketing emails often feels more complicated than it should be. You have to worry about HTML quirks, ensuring emails display correctly across all kinds of inboxes, devices, and operating systems. It's a lot, especially if you always need a developer's help.
That's why Xperience includes the Email Builder: a no-code email editing tool that helps you create professional, responsive emails without writing a single line of code. Developers create the reusable building blocks called components once, and from then on, you can simply drag and drop them into place.
The result? You can create your emails faster. It's easy to use and everybody who knows Page Builder, so you don't run into bottlenecks. And since the Email Builder aims to build once, reuse everywhere, it asks for less back-and-forth with the dev team.
As an editor, you don’t need to write any code. Developers prepare building blocks like templates, sections, and widgets to put your emails together piece by piece.
It’s as easy as building castles out of Lego bricks: choose a template, drop in content blocks, and create an email to share your big, bold marketing message.
Here’s a quick look at the building blocks you’ll use:
Sections Sections divide the layout of your email into logical parts. Each section can hold one or more widgets in one or more email widget zones. For example, you might add a section for your header (and header image), another for the main content, and a final one for the footer.
Widgets
Widgets are content blocks you drag into your email, such as text areas, images, buttons, and more. You can mix and match them to build your content.
Now, let’s put all this theory into practice.
Imagine you're creating a simple newsletter email for Kbank's upcoming summer event—a fun-filled gathering for colleagues to connect, relax, and celebrate the season. The email should capture the event’s playful tone while remaining clean and professional.
Before you can start sending newsletters, your team needs to set up a way how your users subscribe to your newsletters. If you want to get a feel for what setting it up looks like, the following video walks you through adding subscription form and additional subscription pages.
Are you ready?
You’ll use Email Builder to structure and style the message. If you're excited to put your very own newsletter creation skills to the test, then let's jump right in!
New email draft opens in the Content tab by default. Fill in the email metadata:
In the Email Builder, you'll see a blank layout with an empty section already in place.
Use the "+" (Add section) gray button on the left side to create the layout of the email. Let's add three more Full-width sections - one for the header image, one for the email headline and first call to action, one section for the main content, and one for the CTA button, which can guide users to your website, landing page, or special offers.
Add widgets to your sections:
Keep the number of sections to a minimum to avoid overwhelming your layout. Keep your content clear and focused. Short paragraphs and simple but eye-catching headlines work best for email.
Tip: Try using the Text widget's properties to, for example, change the headline to Heading 1.
Let's see if you've grasped the basics of creating email with Email Builder. Here's a challenge:
Can you turn your email to look like the following?
Use fewer sections, Text, Button, and Divider widgets in the email body. Set the logo width to 250.
A note on subject lines Before you send your email, be sure to write a strong subject line. It's the first thing your readers will see and can make a big difference. Stay within your brand guidelines and:
Marketing Emails channel in Kbank is not connected to any SMTP server, the emails are not sent, and that's why you won't be able to view the email statistics.
Now that you've sent your first newsletter, you might be thinking, "I'll need to send something like this again." Chances are that you're right, and the good news is that you don't need to start from scratch next time.
In this section, you'll learn how to save your newsletter as a template so you can reuse the layout and structure for future emails.
Templates help you:
If your emails usually follow a similar pattern, templates are your best friend.
Let's turn your one-off newsletter email into a handy template you can use again and again.
This template is now available to use the next time you create an email. You can verify it's availability in the Preset templates app.
Let's create a new version of the newsletter, this time with a reusable layout. You'll build it like before but with more flexibility in mind.
Next time you create an email, why not use the template you saved?
Here's the simplified flow:
Now, you can jump straight into building strong content without worrying about the layout each time, and let preset templates help you scale your email marketing while staying on-brand.
First, you've learned the basic components of the Email Builder and got a hands-on demonstration of how easy it is to create and send a newsletter email with these building blocks.
In the second part of this guide, you built on this knowledge and created your own email template to simplify your workflow and speed up email creation in the Marketing Emails channel.