the email tool that makes email marketing simple
Sign Up FreeNo credit card required.
Published: March 27, 2025
On the right-hand side of the Maildroppa email editor, you'll find the Email Settings Column, which provides tools to help you structure and customize the content and appearance of your email. This column is divided into two tabs: Content and Appearance.
The Content tab is where you design and organize the content of your email. It contains two main sections: Structures and Blocks.
Structures define the layout of your email by arranging content into rows and columns. You can select from various pre-designed layouts, such as:
You are not limited to these options—you can combine multiple blocks to create any custom layout you like, providing complete flexibility to suit your design needs.
Blocks are the content elements you place inside the structures to build your email.
The available block types are:
Each block is designed to be flexible and customizable, allowing you to create an email that aligns with your brand’s look and feel.
The Image Block in Stripo’s drag-and-drop email editor allows you to add and customize images in your email campaign.
You can add an Image Block to your email in two ways:
Hover over the "Drop Content Here" area in a structure, and then click the Image icon. This will immediately turn the selected structure into an image block.
Navigate to the Blocks section under the Content Tab. Drag the Image Block into the desired structure in your email layout. This method gives you more control over where exactly to place your image.
Once you’ve added the Image Block, you have two methods for uploading an image:
You can directly drag and drop an image file (PNG, JPG, GIF) from your computer into the upload box that appears inside the Image Block.
Alternatively, you can click on the cloud icon in the Image Block to open your file browser, allowing you to select an image from your computer (up to 2MB). Once selected, the image will appear both in the block and in the content tab on the right.
To replace the image, use the Change Image option found in the content tab. Click the circular Change Image icon, which will allow you to upload a new image or link an image from an external URL.
After uploading an image, you may want to make additional edits directly within the platform. Stripo’s built-in Image Editor allows you to enhance and adjust your images without leaving the email editor.
Filters Apply various filters with a single click, such as:
Resize Adjust the dimensions of your image. You can:
Crop Select a portion of the image to keep and remove unwanted parts.
Transform Rotate or flip the image:
Draw Use the drawing tool to add freehand elements, such as lines or custom shapes, on top of your image.
Text Add text directly to the image. Customize:
Shapes and Stickers Enhance your image by overlaying:
Choose from a selection of frames to give your image a stylish border.
Once you’ve made the desired changes, click the Save button at the top left of the editor. The edited image will automatically replace the original in your email layout.
After uploading the image, you can customize it using the Image Settings options available in the Content Tab on the right-hand side.
Add a link to the image. You can choose from various types of links, such as:
You can find these options in the link settings dropdown.
Add alternative text that will be displayed if the image does not load. This text is also useful for accessibility, allowing screen readers to describe the image to visually impaired recipients.
Choose how the image should be aligned within its container. You can align it to the Left, Center, or Right.
Adjust the width and height of the image manually using the plus/minus buttons or by typing in the desired dimensions.
You can also enable the "Adjust to Width" option to make the image automatically fit the full width of the container.
Enable the "Responsive Image" option to ensure the image adapts to different screen sizes, especially on mobile devices.
Customize the padding around the image to control how much space appears between the image and the surrounding content. You can apply padding uniformly or customize it for each side (Top, Bottom, Left, Right).
You can assign an anchor link to the image, which will allow recipients to jump to a specific section within the same email when they click the image. However, note that anchor links may not work in certain email clients like Gmail and Apple Mail.
Enhance your text blocks by customizing their appearance and functionality using the following settings. Each option allows you to fine-tune how your text is displayed, ensuring it aligns perfectly with your design preferences.
When you click into a text block, the Text Toolbar appears above the content area, providing quick access to many common text formatting options. Here are the features available in the toolbar:
Set the paragraph style by choosing from options like Normal for regular text, or various heading levels (Heading 1 to Heading 6) for creating a structured hierarchy in your email. This helps make the content more readable and organized.
The default font is Arial, but you can choose from a variety of fonts, including common options like Georgia, Helvetica, and Courier New. There's also a search function to quickly find a specific font.
Adjust the font size from 8pt to 72pt. The default is 14pt, which works well for most email body text. Use the dropdown to quickly set the desired font size.
Style your text using the following options:
Clicking the three dots in the toolbar expands additional options:
Align your text within the block:
Create ordered (numbered) and unordered (bulleted) lists:
Enable or disable line wrapping within the text block. When enabled, long lines of text automatically move to the next line.
Adjust the indentation of your text:
- **Increase Indent**: Moves the text further from the margin, useful for sub-points or quotes.
- **Decrease Indent**: Reduces the indent, bringing the text closer to the left margin.
Learn how to add, edit, and manage hyperlinks in your email content.
Select the text you want to turn into a hyperlink.
In the Text Toolbar, click the Link Icon.
The Right-Hand Settings Panel will appear with link options:
There's nothing worse than sending out a new campaign to your 2,365 subscribers, only to find that one of the links is broken due to a simple typo. Goodbye, Black Friday sales!
Fortunately, we’ve made it possible to fix broken links—even after the email has already been sent to your subscribers.
Locate the sent campaign in the overview, click the three dots, and choose View Campaign.
Scroll to the link list in campaign details to:
Note: Ensure Click Tracking is enabled in campaign settings to use the link re-targeting feature.
In the Right-Hand Settings Panel, you can adjust the link’s appearance:
Link Color: Select a color or enter a hex code.
Underline Links: Enable or disable underlines for a cleaner look.
Use Personalization Tags to add dynamic content, such as the recipient's first name or other custom fields.
Add visual appeal to your text by including emojis.
At the end of the toolbar, click the three dots to reveal more advanced options.
Create and customize tables to enhance your email layout.
Enhance your text with symbols, accented characters, and other non-standard characters.
The right panel offers extensive control over the appearance and functionality of your text blocks. Below are the available settings:
Define the color of the text using the color picker or by entering a hex code.
Set a custom background color for the text block. By default, the background is transparent.
When the text block contains links, additional options appear in the settings:
Link Color: Adjust the color of links using the color picker or hex code.
Underline Links: Toggle the underline option on or off for links within the text block.
Link Editing:
Select a link in the content area to edit its URL in the settings panel. You can also assign or update tags for the link using the dropdown menu labeled "Tags."
Align the text block within its container: Left, Center, or Right.
Set a fixed height for the text block by enabling this option. You can also control vertical text alignment: Top, Middle, or Bottom.
Control the space between lines of text. Choose from Tight, Normal, or Wide.
Adjust the space around the text block. Apply uniform padding or customize each side: Top, Bottom, Left, and Right.
Create anchor links to allow readers to jump to specific sections of your email. Note that some email clients do not support anchor links.
The Button Block allows you to add a clickable button to your email with customizable settings for functionality and style.
The Link option determines the action triggered when a recipient clicks the button.
You can also set the button for social or email sharing:
Next to the link type, the URL Field (typically starting with https://) allows you to enter the specific address corresponding to the link type.
Customize the button's label to reflect your call to action. The default label is "Button," but you can change it to options like "Learn More", "Subscribe Now", or "Shop Now".
The Text Style settings allow you to adjust the appearance of the button's text.
Choose from a variety of standard fonts, including:
For non-standard fonts, additional options include:
At the top of the font list, a search box helps you quickly locate a specific font.
Customize the button's appearance by adjusting its color settings.
Button Color:
Change the button's background color. The default is green (#31cb4b). Use the hex code field or color picker to select a new color.
Text Color:
Define the button's text color. The default is white (#ffffff). Choose a color that contrasts well with the button background for readability.
Background Color:
Adjust the background of the button's container. By default, this is transparent, but you can change it to make the button stand out against the email background.
Control the roundness of the button's corners using the Border Radius setting.
Note: To ensure rounded corners display correctly in Microsoft Outlook, activate the "Support of Outlook" option in the Appearance tab.
Position the button within its content area using the Alignment setting.
Enable the Fixed Height option to maintain consistent button dimensions.
The Button with Icon option allows you to include an icon alongside the button text, enhancing visual appeal and reinforcing the call to action. This feature is deactivated by default.
Note: Icons are not displayed in certain versions of Microsoft Outlook on Windows, including:
- Outlook 2002, 2007, 2010, 2013, 2016, and 2019. This limitation is due to how these email clients render HTML emails. Consider this if a large portion of your audience uses these clients.
Customize the button's borders for added style and emphasis.
Adjust the space inside the button, between the content (text and icon) and the button's border.
Control the space outside the button to adjust its position relative to other elements in the email layout.
Use anchor links to direct readers to specific sections within the same email, providing quick navigation in longer newsletters.
Important: Anchor links are not supported in certain email clients, including:
- iOS Gmail App
- iOS Apple Mail
- Outlook App for Android
- Outlook App for macOS
- AMP Emails
Test your email thoroughly to ensure functionality across different email clients and determine if this feature suits your audience.
The Spacer Block lets you add adjustable space within your email content, providing control over its size, alignment, appearance, and internal spacing. Below, you'll find details about the two types of spacers: Normal Spacer and Dynamic Spacer.
The Normal Spacer is a line element that visually separates sections in your email.
Line Thickness and Style Customize the thickness, style, and color of the line:
#cccccc).
Width Define how far the spacer line spans across your content. Adjust the width in pixels using the + and - buttons.
Alignment Align the line to the left, center, or right to match your layout.
Padding Control the internal spacing around the spacer:
The Normal Spacer is ideal for creating clean, visual separations between sections in your email, ensuring a well-organized and professional layout.
The Dynamic Spacer is an invisible block of empty space designed to create breathing room within your email layout.
Height Adjustment Adjust the height directly within the content area or via the control panel using the + and - buttons. The height determines how much vertical space is added between sections.
Background Color By default, the spacer has a transparent background, but you can apply a custom background color using a hex code or the color picker. This allows the spacer to function as a visible block if needed.
Responsive Behavior
The Responsive Spacer option ensures that the spacer adapts dynamically to different screen sizes for an optimal layout across devices. This feature is enabled by default.
The Dynamic Spacer does not support these features and is purely designed for separation without visual elements.
Anchor links can be applied to both spacer types, allowing users to navigate directly to the spacer's location from another part of the email. This is especially useful for creating in-email navigation in longer newsletters.
Note: Anchor links are not supported by certain email clients, including:
- Microsoft Outlook
- Gmail (on mobile)
The Video Block enables you to embed videos into your email and customize their appearance and behavior. It supports video links from platforms like YouTube and Vimeo, providing flexibility and control over how the video is presented.
Add the video URL in the Link to Video field. Supported platforms include YouTube, Vimeo, and other embeddable services.
Automatic Behavior: When a valid URL is added:
Editable Fields: You can manually edit or replace the generated preview image and text if needed.
The Alternate Text field ensures accessibility by displaying a description of the video if it fails to load.
Upload a custom image to replace the default video preview.
Customize the overlay Play Button for the video thumbnail.
Adjust the dimensions of the video to fit your email design.
Enable the Adjust to Width toggle to make the video automatically fit the width of its container. This ensures the video maintains a responsive design across various devices.
The Responsive Image toggle ensures the video thumbnail adjusts to fit the width of the screen on mobile devices.
Use the Alignment setting to control the horizontal positioning of the video in the block:
Customize the video’s behavior and appearance on mobile devices:
Hide Element on Mobile Hide the video block on mobile devices if needed.
Mobile Padding Adjust the padding around the video for mobile displays.
Choose whether the video block appears in specific email versions:
This option ensures the video is appropriately included based on the email version being delivered.
The HTML Block lets you insert custom HTML and CSS code into your email, offering flexibility for advanced customizations while adhering to email client compatibility. Whether you're adding a single HTML element or designing an entire email, this block is your tool for tailored designs.
When you select the HTML Block, a black code editor window appears in the content pane. This editor allows you to write, paste, or modify custom code. The editor includes two sections:
Adjust the font size of the code in the editor for better readability:
Resize the code editor window to fit your working preferences:
This feature is particularly useful for managing larger or more detailed blocks of code.
The CSS Editor allows you to manage styles for your HTML content and is accessible via a button in the top-right corner of the code editor.
Important Considerations:
Email HTML requires special attention due to outdated rendering engines in many email clients.
Key Guidelines:
<div>-based layouts for better support.The Padding setting adjusts the space around your HTML content:
This feature is ideal for aligning HTML content within the email layout.
The Add Anchor Link feature allows you to create a clickable link elsewhere in the email that navigates to the HTML Block.
How to Use:
Limitations:
The HTML Editor is designed for writing or pasting your email's custom HTML structure.
Best Practices:
<div> elements.Corners Adjust the corner style for a polished look.
Background Remove or replace the background of an image for a cleaner appearance.
