Skip to main content
All CollectionsSend emailDesigning email
🧱Using the drag & drop email builder
🧱Using the drag & drop email builder

Learn the basics of using our intuitive drag & drop email designer

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 global templates (or any other template) when creating a new email.

Navigating the email builder

Check the next button to be guided through the basics.

⚙️ Default email settings


Use the cog wheel icon to set some defaults such as:

  • Add a view in browser link

  • Set your preheader text (if your template allows it)

  • Set your logo size and alignment and link if clicked

  • Set the spacing above and below your logo

  • Set your default fonts and colours

  • Set your default button style

  • Set default spacing between sections


🧱 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?