Use Nimble’s drag-and-drop editor to design professional emails quickly and easily—no coding required.
Choose from pre-made templates or create a custom design using images, buttons, text blocks, etc.
Let's get started!
Table of Contents:
Pre-Made Templates
Save time with our ready-made templates, designed for a variety of needs. Choose from Newsletters, Event Invitations, Promotional Offers, Holiday & Seasonal Campaigns, and Product Announcements—all professionally crafted and fully customizable to match your brand.
Pick a template, personalize it, and send it in minutes!
Accessing the Drag-and-Drop Editor
Navigate to the Outreach tab >> Email Templates and select + Add Template with Design.
Global Styles
Global Styles allow you to define fonts, colors, and layout settings that apply across your entire email, saving you time and maintaining brand consistency.
Why Set Global Styles First?
Saves time by applying design settings automatically.
Ensures a polished, branded look across all emails.
Prevents the need for manual formatting of individual sections.
Key Global Style Settings
Font
Choose a default font for your email to keep text formatting consistent. You can choose from the following fonts: Arial, Sans-serif, Serif, Monospace, Arial Black, Arial Narrow, Times New Roman, Comic Sans MS, Verdana, Garamond, Trebuchet MS, Georgia, Tahoma, Roboto, Inherit).
Font Size
Set a font size (e.g., 15px) for readability across different devices. Type the number there manually or use the arrows.
Colors
Text Color: Define the main color for your email content. Pick one from the selection or type in a color code.
Link Color: Customize the color of hyperlinks to align with your branding.
Container Background: Set the background color for the email’s main body.
Margins Color: Choose a color for the space on the sides when viewed on wider screens.
Button Color: Set the primary color for call-to-action (CTA) buttons.
Button Text Color: Ensure the text on your buttons stands out clearly.
Width
Adjust the total width of your email (default: 600px).
Padding
Control the spacing between elements to ensure a balanced design. You can apply uniform padding or customize each section individually once you apply Modules.
Background Image
Add a background image to create a more visually engaging email. You can download background images from royalty-free websites like Pixabay or Unsplash or use a tool like Canva.
Once you’ve set up your Global Styles, you’re ready to start adding and customizing content modules for your email!
Adding and Customizing Modules
Once you've set up your Global Styles, you can start building your email using modules. These modules allow you to create structured, visually engaging emails without coding.
How to Use Modules
Drag and Drop: Simply drag a module from the editor sidebar into your email layout.
Customize Each Module: Click on a module to edit its settings, such as colors, fonts, links, or spacing.
Rearrange as Needed: Move modules up or down to structure your email exactly how you want.
Copy: Duplicate a module to reuse its design and content elsewhere in your email.
Delete: Remove a module if you no longer need it.
By using a combination of these modules, you can create stunning, well-structured emails that capture attention and drive engagement.
Available Modules and Their Functions
Easily rearrange, duplicate, or remove modules with a simple click.
Container
A flexible layout block that helps structure your email by grouping multiple elements together.
Use containers to create sections and organize content for better readability.
Container Options:
Columns: Pick up to 4 columns. Drag modules into each column, ex. Image, Header, Text, etc.
In the example below, we used 2 columns. We inserted an image into Column 1 and a Header, Spacer, and a Text module into Column 2.
Colors: You have the option to further customize the color of the container.
Background Image: The container can also have its own image if necessary.
Padding: Adjust the padding of the container as needed.
Border Radius: The border radius will round the corners of an element. It's typically applied to buttons or images, giving them a smoother and more modern look.
Column Settings: For each container, you have additional options like Padding, Color, Background Image, Border Radius, Horizontal and Vertical Alignments. We will get into details on when to use each of these below.
Image
Add and position images to enhance your email’s visual appeal.
Crop: You have the option to crop the uploaded image.
Link URL: paste a URL if you'd like the image to be clickable.
Alt Text: Alt text (alternative text) is used for several key reasons.
a) It helps visually impaired users who rely on screen readers understand the content of images.
b) If an image fails to load, the alt text appears in its place.
c) It improves email accessibility and can enhance deliverability.
Use Alt Text that's short and descriptive of your image. If you are using something like in the example below, a simple description like "floral design" will be sufficient. You can also leave it empty.
Padding: Adjust padding (in pixels) as needed.
Width: Use width in either pixels or percentages.
Text
Insert and format text content, such as email copy or descriptions.
Button
Add call-to-action (CTA) buttons to drive engagement.
Customize button with Button Options:
Button Text: Customize with the text of your choice. Ex. Save Your Seat.
Button URL: Paste a URL. Ex. webinar schedule link, link to a blog post.
Background Color: Choose the color of the button to match your brand style or your seasonal template.
Width: Select the desired width of the button.
Note: To change the button’s alignment, such as centering it, adjust the container-level settings. Select the entire container, then navigate to Container Options > Column > Horizontal Alignment.
Height: You can either go with the default "auto" height or switch to "px" and set the desired height of the button.
Padding: Padding controls the space inside the button, affecting how much space surrounds the text. This allows you to fine-tune the button’s size and spacing for the best look in your email.
Using the Slider: Adjust the overall padding evenly by dragging the slider.
Customizing Each Side: Uncheck "All padding are the same" to set different padding values for the top, bottom, left, and right sides individually.
Border: The Border settings let you customize the outline of your button for a polished look.
Color: Choose a color that matches your design.
Width: Use the slider to adjust the thickness of the button’s border.
Radius: Round the button’s corners by increasing the border radius (higher values create a pill-shaped button).
Text: You can adjust the button text to match your design using the following settings:
Font: Select a font style for your button text.
Font Weight: Adjust how bold or light the text appears.
Font Size: Increase or decrease the text size for readability.
Letter Spacing: Control the space between characters for better legibility.
Font Color: Choose a color that contrasts well with the button background.
Text Alignment: Align text to the left, center, or right within the button.
Line Height: Adjust the space between lines if using multiple lines of text.
Header
You can adjust your header's appearance using the following settings:
Font Size: Increase or decrease the text size.
Text Alignment: Align text to the left, center, or right.
Bold Text: Make the header stand out with bold styling.
Italic: Add emphasis with italicized text.
Font Color: Choose a color that fits your design.
Font Family: Select a font style for the header.
Line Height: Adjust the spacing between lines for readability.
Underline: Add an underline for emphasis.
Background Color: Set a background color behind the header text.
Divider
A simple horizontal line to visually separate sections.
Useful for breaking up content and improving clarity.
You can adjust the divider’s appearance using the following settings:
Background Color: Set a background color behind the divider.
Line Color: Choose a color for the divider line.
Height: Adjust the thickness of the divider.
Padding: Control the space around the divider.
Uncheck "All paddings are the same" to customize padding for each side individually.
Spacer
Adds blank space between elements for better email design and flow.
Helps prevent clutter and ensures content isn’t too compressed.
You can adjust the spacer’s appearance using the following settings:
Background Color: Set a background color behind the spacer or leave it transparent.
Height: Adjust the spacer’s height to control the amount of space between sections.
Unsubscribe
Required for compliance with email regulations (e.g., GDPR, CAN-SPAM).
Allows recipients to opt out of future emails easily.
Ensure your unsubscribe link is clear and well-formatted with these options:
Unsubscribe Link Text: Customize the text for the unsubscribe link.
Background Color: Set a background color behind the section.
Padding: Adjust spacing around the text.
Uncheck "All paddings are the same" to set different padding for each side.
Line Height: Control space between lines for better readability.
Font: Choose a font style for the text.
Font Weight: Adjust how bold or light the text appears.
Font Size: Set the text size for visibility.
Font Color: Pick a color that contrasts well.
Italic (Toggle On/Off): Enable or disable italics.
Underline (Toggle On/Off): Add or remove underlining.
Social
Add links to your social media profiles to encourage people to follow you.
You can easily add and adjust social media icons in your email with the following options:
Select Icons: Choose from LinkedIn, Facebook, X (formerly Twitter), Instagram, YouTube, TikTok, MuckRack, AngelList, Threads, or Foursquare.
Platform Link URL: Add the URL for each platform to link to your social media pages.
Add Custom Icon: Upload a custom icon from your computer if your platform isn’t listed.
Icon Size: Adjust the size of the icons to fit your design.
Icon Spacing: Control the spacing between the social icons for better alignment.
Personalizing Your Emails
Make your emails more engaging by using merge tags to insert personalized details like the recipient’s first name, company, or job title. This helps create a more tailored experience for each contact. Learn more about using merge tags here.
Previewing and Testing
Before saving your email template, use the Quick Preview feature to see how it will appear to recipients.
You can also send yourself a test message to ensure everything looks perfect in your inbox before launching your campaign.
Saving, Reusing, and Managing Templates
Easily save your email templates for future use. You can also share templates with your team, edit existing designs, copy templates to create variations, or delete ones you no longer need.
Best Practices for Email Design
To create engaging, effective emails, follow these best practices:
Keep It Clean & Simple – Avoid clutter and focus on a clear message with easy-to-read fonts and balanced spacing.
Stick to Your Brand Colors – Maintain consistency by using your brand’s colors, fonts, and logo.
Prioritize Readability – Use a hierarchy with headings, short paragraphs, and bullet points for easy scanning.
Include a Clear Call-to-Action (CTA) – Make your buttons and links stand out with action-driven text.
Use High-Quality Images – Optimize images for fast loading and accessibility.
Personalize When Possible – Incorporate merge tags to tailor emails to your recipients.
Test Before Sending – Preview and send test emails to ensure formatting and links work properly.
Troubleshooting & FAQs
Why is my email formatting different when sent?
Some email clients may alter styles. Use the preview and test send features to check formatting before sending.
Why aren’t my images displaying correctly?
Ensure images are hosted properly, check file sizes, and confirm they are not blocked by the recipient's email client.
How can I fix spacing or alignment issues?
Use the Spacer and Divider modules to adjust layout and ensure consistent padding and margins.
Why didn’t my test email arrive?
Check your spam folder, verify your sender address, and ensure your domain is correctly connected.
Can I edit a template after saving it?
Yes, you can edit, copy, or delete saved templates at any time.
How do I personalize my emails with merge tags?
Use merge tags to insert dynamic fields like names or company info. Learn more in our Merge Tags Guide.
What happens if I accidentally delete a template?
Deleted templates cannot be recovered, so be sure before removing them.