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.