Skip to main content
All CollectionsSend emailEmail templates
🧱Using the drag & drop email builder
🧱Using the drag & drop email builder
Monique Clark avatar
Written by Monique Clark
Updated over a week ago

Peptalkr's intuitive drag & drop email builder is your creative playground for crafting beautiful, responsive emails that dazzle. You'll use it no matter which type of email you're creating.

The email builder is about to be your best friend. To give you a head start, start by selecting one of your personalised templates (or any other template) when creating a new email.

Navigating to the email builder

The email builder will open up whenever you create a new email or template.

It looks like this:

Guided steps

Check the next button to be guided through the basics.

⚙️ Default email settings


Once you are in the email builder, you can start by setting your email default settings and styles by clicking the cog wheel icon:

The settings here include:

Preheader text

A short sentence that's displayed as an email preview in some inboxes.

Logo

Set the alignment of your logo, upload your logo file, set a width for your logo and choose the spacing around the logo.

Colors and fonts

Select the default fonts and colours for your headings, body text, header and footer text, buttons, sections and the email background.

Section spacing

Select how much spacing you want between your email sections.

Language

Select the default language the email will be in, and enable language detection for the AI writer if desired.

🧱 Drag & drop blocks


The blocks are designed to be simple to use. They do the important things without all the complicated settings.

Here's a quick reference guide as to what they do:

Block name

Used for

💡Helpful tips

Text

Headings and paragraphs

The text editing bar lets you select fonts, sizes, spacing, colour and other styling options.

Plus there's a cool AI writer button that can help you write unique content!

Image

JPGs, GIFs and PNGs

The image tool lets you upload your own imagery. But it's also got a 'Browse free images' library or you can enter an image URL from your website.

Spacer

Adding additional spacing between blocks or sections

Simply click and drag the little 20px to increase or decrease the spacing size.

Divider

Adding a divider line between blocks or sections

Adds a small divider line to break up text or sections.

Button

Adding a button you can style the colour and size of

If you prefer buttons to hyperlinks, use the button block. In the button settings you can choose your text, link, size, shape, colour and more.

Great for links that need to stand out.

Video

Adding video content from YouTube or Vimeo

The video block a shortcut - it automatically generates a 'still image' from your video, with a play button over the top. Clicking it will open up your video in browser window.

If you don't like the still, or want to change the play button then just use an image block to upload your own still+play button, and link it to your video's URL.

Social media links

Insert social media icons that link to your social profiles

The fastest and easiest way to provide links to social media. Simply tick the boxes of the social channels you want to include, and paste in the URLs to each profile. You can even style the icons to your liking.

🏛️ Sections & columns


You can add sections with different configurations of columns to your email by hovering your mouse over the email and looking for the plus icon:

Select your column layout from one, two, three or 2/3

Now you can drag blocks into your columns:

You can duplicate entire sections by looking for the blue outline around an entire area and clicking it then pressing duplicate

You can also click move to drag & drop your section elsewhere in the email or click delete to remove a section

💡 Top Tip: You can even display/hide sections dynamically based on the segment the recipient is in.

You can add as many sections as you like and apply different backgrounds, spacing and images to them to create interesting and engaging layouts. Don't forget to use the spacer block to create adequate spacing between areas if they look a bit bunched together!

🦶 Footer


The footer wraps up your email. Essential elements like your company details and the unsubscribe link ensure compliance with anti-spam laws, while additional content like privacy policies or permission reminders enhances transparency.

You can customise it by adding a logo and custom text.

All Campaigns and Automated Journey emails contain an unsubscribe link automatically. Transactional emails require you to add one manually if your trigger is set to marketing.


Preview and test

Hit Preview to admire your email on desktop and mobile, ensuring it looks flawless everywhere. And don't forget to Send a test email to see your masterpiece in action before it hits real inboxes.

Did this answer your question?