Email Templates

Video Element Integration

Remember when emails were just simple text? Those days are far behind us! With your CRM, transforming your email communication has never been easier. Now, you can easily integrate videos, making your email messages more engaging and memorable. No need to rely on plain text anymore—enhance your emails to create stronger connections with your audience. Here’s where to find the video element in your email builder:  How to Add a Video Element: Simply drag and drop the video element into your email. Editing the Video Element: Click on the video element to access its customization settings.  Start by choosing the Video Type, which refers to the video hosting service like YouTube, Vimeo, and others. You can also include YouTube Shorts alongside standard videos.  Next, insert the video URL. This automatically generates a video thumbnail and its URL, but you can personalize these if necessary.  Additionally, you have control over the video’s size, height, width, and play button design. You can fine-tune the appearance by adjusting opacity and padding to get just the right look. These features are all available in the email builder.  And there you go! Now you can make your emails more dynamic by adding videos that reflect your brand and personality.

Text Component Overview

The Text component allows you to include headings and descriptions within your email content. This area is specifically designed for you to add all the written material you wish to share with your audience. By utilizing this feature effectively, you can craft emails that are both engaging and informative, ensuring that your message is clearly understood by your recipients. Adding a Text Component To insert a Text component into your email layout, simply drag and drop it from the left-hand sidebar into the main body of your email. This user-friendly feature makes it straightforward to add text, helping you achieve the specific design and structure you want. Modifying the Text Component To customize the Text component, click the pencil icon within it. This action will open the settings panel on the left-hand side of your screen, where you can adjust a variety of elements, including fonts, alignment, links, headings, and descriptions. Additionally, you can modify padding to fine-tune the layout. Once you're satisfied with your edits, click “Done” to save the changes and continue working on your email template. This feature offers enhanced control over both the appearance and content, allowing you to create emails with the exact look and feel you want.

Integrating Social Media into Email Marketing

The Importance of Social Media in Email Campaigns In email marketing, there's a subtle but impactful feature that often goes unnoticed: integrating social media links. By embedding these links into your emails, you can effortlessly guide customers and leads to your social media pages, fostering trust and engagement. Not only does this direct traffic to your social platforms, but it also helps nurture a community around your brand. Maintaining an active presence on these platforms is a valuable strategy for any business owner aiming to enhance brand visibility and loyalty. How to Add Social Media Links to Your Emails Adding social media links is simple through a drag-and-drop feature in most email marketing tools. Here's how you can do it: 1. Customizing Social Links: Hover over the social media section in your email editor and click the pencil icon to start making adjustments. 2. Adding Links: Use the "Add" button in the toolbar to insert multiple social links. You can also remove any unwanted social media accounts by clicking the delete icon next to the respective platform. 3. Editing Icons and URLs: As you move your cursor over the social media icons, an editing option will appear. This allows you to update the platform names, URLs, and even choose specific icons that represent each social network. To ensure the design remains cohesive, adjust the padding around the social media icons to align them properly within the email layout. By following these steps, you can seamlessly incorporate social media into your email marketing, making it easier for your audience to connect with you across various platforms.

Shopping Cart Feature Integration

Incorporating the Shopping Cart Feature For ecommerce businesses aiming to enhance customer engagement and streamline the shopping experience, the Shopping Cart feature is a game-changer. This user-friendly drag-and-drop tool allows you to easily insert products and display their prices directly into your email campaigns. With a simple click, recipients are directed to a checkout page, making the purchasing process fast and efficient. Utilizing this tool can help elevate your business by simplifying the customer journey and boosting conversions. How to Add the Shopping Cart Feature Customizing the Shopping Cart Feature If you're using an email builder, you're likely familiar with the pencil icon that appears when editing the Shopping Cart element. By selecting this icon, you can access multiple customization options for an optimized user experience. You can effortlessly modify padding, background colors, and other styling elements to enhance the visual appeal of the cart. This added flexibility allows you to make your emails more engaging and tailored to your audience. Make sure to use the pencil icon to take full control of your design choices. With just a few clicks, you can ensure that your Shopping Cart elements not only function seamlessly but also stand out in your email marketing efforts.

Guide to Using the Save Elements Feature in Email Templates

This guide is designed to help CRM users, from beginners to advanced, make the most of the "Save Elements" feature in email templates. This feature is particularly useful for streamlining workflows by enabling the quick reuse of common design elements such as headers, footers, and social icons. With this tool, you can enhance your productivity and maintain consistency across all your email communications. Introduction to the Save Elements Feature The "Save Elements" function is a recent enhancement within the CRM platform, aimed at simplifying email template customization. This feature allows users to save commonly used design elements so they can be easily reused in future templates, saving both time and effort. It is designed to promote efficiency and consistency in your email marketing campaigns. Step-by-Step Guide to Using the Save Elements Feature To effectively use this feature, follow the steps below: 1. Accessing the Feature: Open one of your email templates in the CRM. Hover over the element you want to save, such as a header, footer, or an image, and a save icon will appear next to the element. 2. Saving an Element: Click on the save icon to store the element. Once saved, you can find and manage the element in the "Saved Items" section. Here, you can rename or delete saved elements as needed. 3. Reusing Saved Elements: When editing or creating a new email template, navigate to the "Saved Items" section to access previously saved elements. Drag and drop the desired element into the new template to streamline the design process. Practical Use Cases for the Save Elements Feature For example, if you are running multiple email campaigns that need to maintain a consistent look, you can save key elements like your company’s branded header and footer. This allows you to quickly apply them to new templates without having to recreate them each time. This not only speeds up your workflow but also ensures brand uniformity across all communications. Troubleshooting and FAQs Q: Why isn't my saved element appearing in the 'Saved Items' section? Ensure you have clicked the save icon properly. If it still doesn’t show up, try refreshing the page or checking your internet connection. Q: Can I share saved elements with my team? Currently, saved elements are only accessible to the user who created them. Future CRM updates may introduce sharing options. Q: Is there a limit to how many elements I can save? There is no strict limit, but it is recommended to regularly manage your saved elements to keep the section organized for easier access. This guide aims to empower you to take full advantage of the Save Elements feature, boosting your email template creation process while maintaining consistency across all your campaigns.

RSS Header & RSS Items Overview

Enhancing RSS Functionality in Your Email Builder The RSS (Real Simple Syndication) feature in your Email Builder allows for the automation of emails, automatically incorporating new content whenever a fresh RSS item is published. This ensures your subscribers receive up-to-date and relevant content without requiring manual effort on your part. Using the RSS Header & Items Elements To implement these features, simply drag and drop the respective RSS Header and RSS Items elements into your email design. These elements automatically populate your emails with the latest RSS feed information. RSS Header Element The RSS Header element extracts tags from your RSS feed and displays them in your email. The available RSS channel tags and their corresponding placeholders are: RSS Tags  → {{rss_feed.title}} <description> → {{rss_feed.description}} <link> → {{rss_feed.url}} <lastBuildDate> → {{rss_feed.date}} Basic vs. Custom Editing in RSS Header While working with the RSS Header block, you can select between two editing modes: Basic: Insert static, non-editable text into your email. Custom: Allows for editable text customization in the email’s text editor. RSS Items Element The RSS Items block inserts various RSS feed details dynamically. Here are the supported RSS tags and corresponding placeholders: RSS Tags & Corresponding Values <title> → {{rss_item.title}} (Title of the RSS item, typically a blog post title) <description> → {{rss_item.content}} (Summary of the RSS item in HTML format) <link> → {{rss_item.url}} (URL of the RSS item, clickable as text or a hyperlink) <content:encoded> → {{rss_item.content_full}} (Full HTML content if available) <pubDate> → {{rss_item.date}} (Publication date in format: MMM DD, YYYY hh:mm A) <dc:creator> → {{rss_item.author}} (Author of the RSS item) <media:content> → {{rss_item.imageUrl}} (Image URL; can be rendered using <img>) Formatting Custom RSS Items To fully customize your RSS feed items, you can use the following tags to open and close your formatting block: {{#rss_items rss_items}} (Opens the formatting block for RSS items) {{/rss_items}} (Closes the formatting block for RSS items) Editing Modes in RSS Items Block When utilizing the RSS Items block, the "RSS Editing Options" dropdown offers several formats: Excerpts Excerpts with Image Title Only Full Content Custom Formatting With these tools, you can easily manage and automate content updates via your RSS feed within your email campaigns. </div> <div class="Files"> </div> <meta itemprop="position" content="6" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Ensure Perfect Email Formatting with Browser Preview</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/960714-Ensure-Perfect-Email-Formatting-with-Browser-Preview" /> <div class="article-content"> Struggling with email formatting issues? The "Preview in Browser" option helps ensure your emails appear exactly as designed for all recipients. This useful feature is pre-installed in all blank email templates. Adding the Preview Feature to Existing Marketing Templates For any existing marketing templates or previously created emails, you can easily include the preview function through the Elements menu. Personalizing Your Preview Link Once the preview link is embedded, you can customize it by selecting the element and accessing the hyperlink tool. Incorporating Personalized Links for Customization Additionally, you can integrate custom links by choosing them from the custom values section, giving you greater flexibility. Testing Your Email's Browser Preview To ensure everything works smoothly, click "Preview Template" to activate the link. The browser version of the email will open, or you can send a test email to yourself for verification. Viewing Your Email as It Will Appear Once opened in a browser, your email should look identical to the one you designed in the email builder. With these steps, you can be confident that your email campaigns will retain their intended formatting and visual appeal, ensuring maximum impact on your audience. </div> <div class="Files"> </div> <meta itemprop="position" content="7" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Plain Text Editor: A Simplified Approach to Email Communication</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/900183-Plain-Text-Editor-A-Simplified-Approach-to-Email-Communication" /> <div class="article-content"> Plain text emails, offering a no-frills, direct style, closely resemble personal inbox messages. Without heavy design elements or branding, these emails focus purely on delivering the message, making them effective across various communication needs. From long-form messages to personalized notes such as welcome or apology emails, plain text emails provide a clear and impactful means of engagement. This guide highlights the advantages of plain text emails, walks through the process of setting them up, and includes a section of FAQs and troubleshooting tips to help ensure smooth usage. Why Use Plain Text Emails? Key Advantages: Streamlined Communication: By eliminating unnecessary design, plain text emails keep the emphasis on the message, making them easy to read and understand. More Personalized Feel: These emails foster a one-on-one communication atmosphere, which strengthens the connection with the reader. Enhanced Compatibility: Plain text emails display consistently across different platforms, avoiding the rendering issues that can affect more elaborate designs. Ideal Situations: Detailed, Text-Focused Emails: For longer messages with heavy text content, plain text emails ensure uniform readability across devices. Direct, Personalized Messages: For emails like welcome or apology notes, plain text is often more fitting as it feels more personal and genuine. What Engagement Metrics Show Research indicates that recipients are nearly twice as likely to interact with plain text emails when compared to design-heavy emails. This makes plain text a strong option in email marketing strategies focused on boosting engagement. Steps to Create Plain Text Emails 1. Open your email marketing dashboard and go to “Marketing,” then select “Emails” and choose “Templates.” 2. Click “New,” then pick the option labeled “Blank Template.”  3. Select the Plain Text editor, compose your message, and attach any images you need. 4. To manage settings, click the three-dot icon. You can send a test email or preview your draft from here.   5. Once everything looks good, save your template.   By adopting plain text email formatting, you can simplify your email campaigns and strengthen engagement through clear and direct communication. The steps above will guide you in creating effective plain-text emails that connect with your audience. Common Questions Q: Why should I opt for plain text emails over HTML-based ones? A: Plain text emails create a more intimate, straightforward communication channel, often leading to better engagement. They also tend to have fewer display issues across email platforms. Q: Is it possible to add images in a plain text email? A: Yes, though images can be attached, the main emphasis in a plain text email remains on delivering a clear, uncluttered message. Q: Do plain text emails improve deliverability rates? A: Yes, they often do. Since they are simpler, they’re less likely to trigger spam filters, resulting in higher chances of reaching your recipients' inboxes. Troubleshooting & Solutions Email Display Issues: Ensure that your email client supports plain text formatting. While most modern clients do, some older versions may present limitations. Attachments Not Appearing: Double-check that your attachments are linked properly and comply with file size restrictions imposed by your email service provider. Low Engagement Performance: Revisit the clarity and relevance of your message. Even in a plain text format, the content needs to be compelling. Testing different variations with A/B testing may help determine what works best with your audience. Using plain text emails can simplify communication and increase engagement. Follow these guidelines for crafting plain text emails that resonate with your audience and achieve your marketing goals. </div> <div class="Files"> </div> <meta itemprop="position" content="8" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Incorporating an Image Element</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/679467-Incorporating-an-Image-Element" /> <div class="article-content"> The Image Element feature allows you to effortlessly add visuals to your emails, enhancing their appeal and engagement. By simply dragging and dropping the Image element from the left sidebar into your email template, you can seamlessly embed visuals into your email content. This user-friendly functionality makes creating polished, professional emails a quick and easy process. Customizing Image Settings Just like with text, the Image Element offers a variety of customization options to ensure the image fits perfectly within your email layout. These features allow you to upload custom images or use image URLs, adjust dimensions (height and width), modify alt text for better accessibility and SEO, and even tweak the padding around the image. With these settings, you can craft a visually appealing email that effectively engages your audience. Adding and Adjusting an Image After dragging the Image Element into your template, select the “Replace” button to upload an image from your file library. You can either double-click the image to insert it directly into your email or copy its URL to paste into the designated field. Further customization options allow you to add an alt text description for search engine optimization, hyperlink the image to a destination of your choice, and control its size by adjusting the height and width. Additionally, you can toggle padding to adjust the spacing around the image and set its alignment within your email. Once all adjustments are made, simply click "Done" to finalize your changes. Once you're satisfied with your image adjustments, you can finalize your changes and create a visually striking email. </div> <div class="Files"> </div> <meta itemprop="position" content="9" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Preview: Custom Fields in CRM Emails Before Sending</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/342854-Preview-Custom-Fields-in-CRM-Emails-Before-Sending" /> <div class="article-content"> Overview This guide helps CRM users ensure their email messages are accurate and personalized by reviewing custom fields before sending. This function prevents errors like using incorrect names. By following the outlined steps, you will learn to effectively use the review tool to improve your email marketing. This is ideal for sales professionals, marketers, or anyone regularly contacting clients via the CRM. Locating the Email Preview Feature To access the preview tool, follow these instructions: 1. Access the Left-Side Menu: Open the menu on the left side of the CRM dashboard. 2. Navigate to 'Marketing': Find and click on 'Marketing' to open the email marketing tools. 3. Open 'Templates': Inside the marketing section, click on 'Templates' to browse your email template library. Steps for Previewing Email Templates After accessing the templates, follow these steps: 1. Select an Email Template: Pick an email template you wish to preview, such as a birthday greeting. 2. View the Template Preview: Press the 'Preview Template' button located in the upper-right corner to check how the email will appear to your recipients. 3. Choose a Contact for Personalization: While in preview mode, select a specific contact from your CRM to see how personalized fields (like name or phone number) will be displayed. Understanding Custom Fields and Values Here’s the distinction between custom fields and custom values: Custom Fields: These are specific to each contact, such as their name or address, and appear in the email preview for that contact. Custom Values: These are tied to your account and don’t show up in the preview because they aren’t specific to individual contacts. Solutions for Common Preview Issues If custom fields don’t display as expected, check that the contact’s profile has all required information filled in. Keep in mind, custom values won’t appear in previews since they’re not linked to individual contacts. Frequently Asked Questions Can I preview multiple custom fields in an email? Yes, as long as the contact you select has those fields populated, they will be displayed in the preview. What if incorrect details appear in the preview? Double-check the contact’s information in the CRM. If the issue continues, reach out to support for assistance. </div> <div class="Files"> </div> <meta itemprop="position" content="10" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Guide to Importing Email Templates</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/107997-Guide-to-Importing-Email-Templates" /> <div class="article-content"> Effortlessly import templates from platforms like MailChimp, Active Campaign, or Kajabi to streamline your template management. This feature saves time and boosts efficiency by allowing you to reuse existing templates without recreating them. Follow this guide to optimize your use of this tool. Note: When importing, the system will generate an HTML-based email template via the code editor. Step 1: Access the Email Templates Section Start by navigating to your account’s Email Templates section: Go to Marketing > Emails > Templates. Step 2: Begin the Import Process Click on New > Import Email to initiate the process. Next, select your preferred platform from the dropdown options. Importing Templates from Different Platforms Importing from Mailchimp 1. Locate the campaign in the "All Campaigns" section on Mailchimp. 2. Click the dropdown beside Edit/View Report, then select View Email. 3. Copy the campaign URL and paste it into the corresponding field in the CRM. Important: Only campaigns can be imported. If you want to import a template, you must first convert it into a campaign. Importing from Active Campaign 1. Log into your Active Campaign account. 2. Navigate to Campaigns > Campaign Templates. 3. Find the template you wish to import and click the gear icon. 4. Select Share, then copy the share link provided. 5. Paste the copied link into the CRM. Importing from Kajabi 1. Choose Kajabi from the dropdown menu in the import section. 2. Copy the dynamically generated email ID and send the template as a test email or campaign from Kajabi to this email ID. 3. Once sent, click Continue to complete the import. Step 3: Edit the Imported Template You can choose to edit your template by enabling the Open Template Builder When Done option. If no immediate edits are required, you can disable this option. Step 4: Save the Template Name your template and click Create Template to finalize the process. Enjoy the flexibility of importing and reusing your pre-designed templates for smoother operations! FAQs Q: Can multiple templates be imported simultaneously? A: No, templates must be imported individually to ensure accurate integration. Q: Can imported templates be edited? A: Yes, enabling the Open Template Builder When Done option will allow immediate editing. Troubleshooting Mailchimp Import Issues: Ensure that the template is converted into a campaign. Active Campaign Link Problems: Verify that you copied the correct share link and have the necessary permissions. Kajabi Email ID Not Visible: Double-check that you selected Kajabi in the dropdown and refresh the page if needed. Template Display Errors: Check the original design for compatibility issues, as some elements may need adjusting. </div> <div class="Files"> </div> <meta itemprop="position" content="11" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Integrating a Pre-Built Footer</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/725531-Integrating-a-Pre-Built-Footer" /> <div class="article-content"> If you're looking for an effortless way to include a ready-made footer on your webpage, the Footer tool offers a quick solution. Just drag and place it on your page, and it's ready to go! This feature will automatically display your account details, making it both dynamic and convenient. Easy Footer Placement Customizing Your Footer To personalize the footer, hover over it and select the pencil icon to enter the editing mode. From here, you can modify the text to suit your needs. The editing options let you tweak typography, change font sizes, adjust colors, and modify alignment. You can also manage the padding around the footer to ensure correct spacing. Adjust the top, bottom, left, and right margins to fit it seamlessly into your email or webpage design. This process allows you to craft a footer that’s both practical and visually aligned with your design. </div> <div class="Files"> </div> <meta itemprop="position" content="12" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Email Template Overview</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/965819-Email-Template-Overview" /> <div class="article-content"> Welcome to your template management dashboard. Here, you can view, create, and edit email templates with ease. This page offers all the tools necessary to manage your email designs. Template Labels Your email templates are listed here by their titles. Choose clear and distinctive names to make them easy to find later. Modification Timestamp Every time you update a template, the most recent modification date and time will be reflected here for quick reference. Last Edited By This section tracks who last made edits to the email template, showing the name of the user. Display Options Choose between "Recent" to see the templates you recently accessed or "List" for a full overview of your saved templates. Quick Search For fast access to specific templates, type the name in the search bar to locate it quickly. Status Filter Use this feature to view only active templates or to manage archived ones, streamlining your organization. Organizing Templates with Folders You can enhance organization by grouping your templates into custom folders. Categorize them by campaigns or specific use cases, and click to create a new folder. Start a New Template To create a new email template from scratch, hit the "New" button and start designing your message. Modify Existing Templates Click on the name of a template to edit it. Make sure to save all changes to keep your updates intact. More Template Actions Access additional options by clicking the three dots next to a template name for actions like previewing or duplicating the template. Preview Template: This option lets you view your template as it would appear when sent out to recipients. Duplicate Template: Easily create a copy of your email template with the clone function. Share Template: Distribute your template across other CRM accounts with this sharing feature. Relocate to Folder: Move your template to a different folder for improved organization. Launch a Campaign: Transform your template into a live campaign with one simple click, allowing for repeated use across different email sends. Archiving Templates: If a template is no longer in use but you want to keep it for future reference, archive it. You can retrieve archived templates anytime. Permanently Deleting Templates: Remove templates completely by selecting the delete option. Note that once deleted, templates cannot be restored. For more information on how to use email templates, refer to the additional articles in this section. </div> <div class="Files"> </div> <meta itemprop="position" content="13" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Comprehensive Guide to Email Template Library</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/279354-Comprehensive-Guide-to-Email-Template-Library" /> <div class="article-content"> Email marketing is an excellent method for reaching your target audience and fostering relationships with potential customers. By using this strategy, you can convert interest into actual sales and track how clients engage with your brand, helping you identify the most successful approaches. Although the benefits are undeniable, designing effective emails can be labor-intensive and challenging. Outsourcing the task can also become quite costly. Therefore, we suggest leveraging pre-built email templates to speed up the process and reduce expenses. You can easily modify and access these Email Templates directly from your account. Simply navigate to the Marketing section and select the Email Templates option. Click "New" and choose "Email Marketing Templates" to open your Email Template Library, where all available templates will be displayed. Browsing and Categorizing Templates Templates can be sorted into various categories: All Templates: Displays all templates available in your system. My Templates: Shows templates you’ve personally created or uploaded. Shared With Me: Displays templates shared by others. System Templates: Includes standard templates that are accessible to all users within the CRM. Organizing Templates for Easier Access You can organize your search results by filtering through different categories. For more precision, you can add tags to narrow down templates relevant to your business or specific campaign. Additionally, sorting options are available by clicking on the drop-down menu located at the top right corner. Viewing and Editing Your Selected Templates Once you find a template that suits your needs, click on it for a detailed preview. This will also display useful information such as associated tags and template details. To use a template, simply click "Continue." The template will download, and within moments, the email editor will open, allowing you to customize the content according to your requirements. Note: If the template creation process started within a specific folder, the file will be saved there. Otherwise, it will be saved to the general template list. By utilizing these email templates, you can simplify the marketing process, boost productivity, and focus more on building stronger relationships with your customers to increase sales. </div> <div class="Files"> </div> <meta itemprop="position" content="14" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Structuring your Email Design</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/182222-Structuring-your-Email-Design" /> <div class="article-content"> Initial Layout Setup The first step in creating your email design is selecting a layout. Simply choose from the available options and drag the desired layout into your email template. Configuring Columns for Your Template After adding your layout, you can adjust the number of columns. Choose between various formats like single, double, triple, 1/3:2/3, or even a four-column setup. This allows you to customize the template to fit the structure of your content. Select the most suitable configuration and refine it to achieve your preferred style. Here’s an example of a three-column configuration applied to a design: Placing Your Chosen Layout Once you’ve decided on a layout, drag it into the email editor to start building your content structure. Customizing the Padding Padding refers to the amount of space around the elements in your email. You can adjust it to add more room to the top, bottom, or sides of sections. This can improve the overall readability and layout of your email by making it less cluttered. Use the padding controls to achieve the right balance for your design. Selecting Background Styles After configuring the padding, choose a background style for your email. You can decide between a full-width background or a more contained width. Additionally, you have the option to pick colors or patterns that will help highlight your brand’s identity and make the email visually engaging. When you're satisfied with your background settings, confirm by clicking the “Done” button. Finalizing and Saving Your Design Once you have made all necessary changes, save your work and review your email layout before sending it out. This final check ensures that everything looks perfect and is ready to go live. </div> <div class="Files"> </div> <meta itemprop="position" content="15" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Handling Hidden or Broken Elements in the Email Builder</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/325152-Handling-Hidden-or-Broken--Elements-in-the-Email-Builder" /> <div class="article-content"> Sometimes, users reduce the size or padding of elements to the point where they become invisible, preventing selection or editing. To resolve this, a feature allows you to access the full structure of your template. Accessing Template Layers At the top left of the email builder, you'll find a menu icon, also known as the "burger" menu. Clicking this will open up a list showing all the layers in your template. Viewing and Managing Columns By selecting any section from the layer menu, you'll reveal the columns associated with that section. Editing Column Elements Clicking on a specific column will show all the elements inside that column. You can adjust the visibility of each element for mobile or desktop views and can also choose to edit or remove individual elements. Navigating to Elements via the Tree When hovering over an element in the layer tree, the email builder will automatically scroll to that element, making it easy to locate and adjust. </div> <div class="Files"> </div> <meta itemprop="position" content="16" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Email "Edit" Section Overview</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/543296-Email-Edit-Section-Overview" /> <div class="article-content"> Modify Your Email Content with Ease If editing email content feels overwhelming, don’t worry—we’re here to make it simple! You’ll have a variety of tools and options at your disposal to create a promotional email just the way you want. You can either use existing templates, modify pre-made designs, or even create your own from scratch. Everything from fonts and sizes to background colors can be adjusted to suit your preferences. Here are the quick-access features available: Insert Element Manage Components Customize Appearance Conduct A/B Testing Personalize Your Email Block Modify Block Settings Clicking the edit button on a block reveals a set of customization options that allow you to tweak the layout, padding, background type, colors, and design patterns. This feature enables you to fine-tune your email design to match your specific requirements. Duplicate Block for Efficiency To make the process quicker, you can duplicate a block with a simple click on the clone icon, which is shown as two overlapping squares. This lets you instantly replicate an existing block and make any modifications needed without recreating it from scratch. Control Device Visibility You can decide whether a template block is visible on mobile, desktop, or both by clicking the corresponding icons. A slash-through on the icon indicates that the block will not be shown on that particular device. Remove Unwanted Blocks To eliminate any unnecessary blocks, simply click the delete button. This feature allows you to clean up your email layout and remove anything you no longer need. Add New Layouts Easily To begin creating or expanding your email template, you can easily add new layout blocks by dragging them into your workspace. This intuitive drag-and-drop feature lets you seamlessly incorporate different layout options and customize them to your liking. The image below shows a full-width layout block with all its customizable settings visible on the left. </div> <div class="Files"> </div> <meta itemprop="position" content="17" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Divider Element Overview</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/145231-Divider-Element-Overview" /> <div class="article-content"> When it comes to effectively organizing and separating text, images, and buttons, divider elements serve as an incredibly versatile tool. They not only provide structure to your design but also highlight the content within each section, ensuring it captures attention. Dividers play a key role in segmenting various parts of your webpage, making it easier for your audience to navigate and quickly absorb the information presented. How to Add a Divider Element To seamlessly introduce sections within your email, use the Divider element. You can simply drag and drop this feature directly below any existing content in your email editor. By utilizing dividers, you create a clean, organized layout that not only improves visual appeal but also makes it easier for recipients to read and understand your message. Customizing a Divider Element Once the divider is added, you can adjust its settings by clicking on the pencil icon. This opens up various customization options, allowing you to fine-tune the height, width, and alignment of the line. Additionally, you can select from solid, dashed, or dotted line styles to enhance visibility and select colors that complement your design. Padding adjustments can also be made to ensure the divider is positioned exactly as you wish. By increasing or reducing the padding, you can control the spacing around the divider for a perfectly tailored layout. </div> <div class="Files"> </div> <meta itemprop="position" content="18" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Custom Code Integration in Emails</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/431036-Custom-Code-Integration-in-Emails" /> <div class="article-content"> Elevating Email Design with Custom Code For those with a technical background who want to extend their email customization beyond standard tools, the Custom Code feature is a great solution. Start by adding the custom code element to your email template. This functionality gives you the freedom to modify both the design and behavior of your emails, offering your recipients a personalized and dynamic experience. Easily drag and drop the code element into your email template. Personalizing Code Elements in Your CRM By leveraging the built-in HTML editor found in the top left corner of your CRM, you can create custom code that introduces new features to your emails. This allows you to enhance your CRM’s capabilities by developing unique designs and interactive functionalities. With the right coding skills and creativity, you can push the limits of your CRM to build stunning email templates. Use the HTML editor to edit and personalize your code. By incorporating custom code, you can truly unlock the full potential of your email campaigns, offering a creative and individualized experience for your audience. </div> <div class="Files"> </div> <meta itemprop="position" content="19" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Adding a Button Element</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/355001-Adding-a-Button-Element" /> <div class="article-content"> Inserting a CTA Button Studies indicate that adding a Call-to-Action (CTA) button to your emails can significantly enhance your conversion rate. Using the CRM, you can easily include a clickable button that links directly to a specified URL. This feature helps encourage your audience to take specific actions, such as visiting your website, downloading materials, or making purchases. By leveraging this tool, you can boost engagement and optimize the effectiveness of your email marketing efforts. To add the button element, simply drag and drop it into your email template. Personalizing the Button Appearance Once you've placed the button, click on the pencil icon to access the customization options. Start by entering the text for your button, then adjust the typography settings such as font style, size, boldness, italics, or underlining. From the dropdown menu, select the button's function—whether it will link to a URL, initiate an email, download a file, or dial a phone number. You can align the button to the left, center, or right, or enable the full-width toggle to stretch the button across the email. To make your button visually appealing, use the color picker to choose a hue from the available palette, or enter a custom color code for more precision. You can also adjust the button’s corner radius using either the slider or by inputting a specific number, allowing you to control how rounded the button's edges appear. Lastly, fine-tune the button's padding (top, bottom, left, and right) to ensure it fits seamlessly within your email design. Now, your button is ready for full customization to enhance your email campaign’s impact! </div> <div class="Files"> </div> <meta itemprop="position" content="20" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Creating Emails</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/886373-Creating-Emails" /> <div class="article-content"> Creating an email template is essential for simplifying your communication workflow while ensuring uniformity in both your branding and message delivery across campaigns. By opting for pre-built, customizable, or blank templates, you can enhance efficiency, present a polished professional look, and make sure that each email aligns with your marketing objectives. This approach not only saves time but also solidifies brand cohesion, improving audience interaction and conversion results. When you're ready to build a new email template, follow these steps: 1. Head to the Emails > Templates section. 2. Click the +Add button to start. 3. Choose from the following options: Duplicate a Previous Campaign Ready-Made Email Templates Start with a Blank Template Import an Email Template Duplicate a Previous Campaign This option allows you to reuse an email template from a past or upcoming campaign. You can copy and edit it to suit your new message. To modify the duplicated template, simply activate the "Open Template Builder When Done" feature. Ready-Made Email Templates This feature gives you access to a library of pre-designed templates that you can easily adapt to your specific campaign needs. These templates offer a quick solution while keeping your branding and messaging consistent. Start with a Blank Template For complete creative flexibility, select the blank template option. This gives you a clean slate to craft your email design and content from scratch. You can use our visual drag-and-drop editor, code editor, or plain text editor to create a design that perfectly fits your brand's needs. Visual Drag-and-Drop Editor This tool lets you quickly and easily create visually appealing emails by dragging and dropping elements into place. The intuitive interface makes it simple to design emails that reflect your brand and convey a professional appearance. Code-Based Editor For those who prefer complete control over their email design, the Code Editor provides the flexibility to customize every element. With this tool, you can apply advanced design techniques and create unique, highly tailored emails. Simple Text Editor This option is best for users who want to send straightforward, no-frills messages without any additional design or formatting. Text-only emails are easy to read, highly compatible with all email clients, and have excellent deliverability. Import an Email Template You can also bring in pre-built templates from external platforms like Mailchimp, ActiveCampaign, or Kajabi, which simplifies the process of incorporating your existing email content into this platform. By utilizing these options, you can develop professional, cohesive email templates that not only streamline your efforts but also enhance engagement and drive improved results. </div> <div class="Files"> </div> <meta itemprop="position" content="21" /> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="list-group-item item-A article-full"> <h3 class="list-group-item-heading" itemprop="name">Appearance Tab Overview</h3> <meta itemprop="url" content="//agencysupport.ladesk.com/761005-Appearance-Tab-Overview" /> <div class="article-content"> Global Appearance Settings The "Appearance" tab in the email builder allows you to configure global settings that impact all your emails. These settings include options for template styles, buttons, dividers, and custom CSS. Familiarizing yourself with these options is crucial for maintaining a cohesive look across all your emails. Use these tools to tailor the appearance of your email template, integrate buttons, dividers, and add custom CSS. This will help you create a visually appealing and professional email template that aligns with your brand's image and style. Template Customization In the "Template Customization" section, you can adjust the following elements: Background Color: Set the default color to match your brand or make it stand out. Body Color: Customize the color of the email’s body area. Content Width: Adjust the width of the content to fit your needs. Background Image: Add an image to serve as the email's background. Button Design Customize your email buttons with these settings: Radius: Modify the button’s size to better fit your layout. Button Color: Choose colors that complement your brand or make your buttons prominent. Fonts: Select from various font types and apply styles like bold or italics. Font Size: Pick a font size that matches your button design. Divider Options Enhance your email layout by adjusting the dividers with these controls: Height: Adjust the thickness of the dividers to fit your design. Color: Choose colors to either match or contrast with your brand. Style: Pick from Solid, Dotted, or Dashed styles to achieve your desired look. Advanced CSS Customization For those skilled in HTML, the Code block allows for additional customization. This feature enables you to write custom code for more complex email designs. If you’re not experienced with HTML, it's advisable to review HTML Email Basics or learn about Code blocks before using this feature. Mobile View Adjustments Optimize your email for mobile devices using media queries in the Mobile Formatting section. You can modify styles, font sizes, and alignment specifically for mobile views. Toggle the necessary settings and preview them by clicking the three dots after saving the template. </div> <div class="Files"> </div> <meta itemprop="position" content="22" /> </div> </div> </div> </div> </div> <script type="text/javascript"> var searchId = document.location.hash.replace('#', ''); var headTag = document.getElementsByTagName("head").item(0); var scriptTag = document.createElement("script"); scriptTag.setAttribute("type", "text/javascript"); scriptTag.setAttribute("src", "/track.php?id=1529&searchId="+searchId); headTag.appendChild(scriptTag); </script> <footer> <div class="footer-links"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="product-desc"> <h5></h5> <p></p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="product-links"> <h5>Software Overview</h5> <ul> <li><a href="https://portal.saassupportpro.com/support/solutions/articles/153000194861-video-walkthrough">Video Walkthrough</a></li> <li><a href="https://portal.saassupportpro.com/support/solutions/articles/153000202498-invoice-payments-on-mobile-app">Mobile App - Invoice Payments</a></li> <li><a href="https://portal.saassupportpro.com/support/solutions/articles/153000202497-business-profile-initial-set-up">Business Profile</a></li> <li><a href="https://portal.saassupportpro.com/support/solutions/articles/153000194333-navigating-your-crm-a-comprehensive-overview">Navigating Your CRM</a></li> <li><a href="https://portal.saassupportpro.com/support/solutions/articles/153000198158-connecting-to-social-planner">Connecting to Social Planner</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-6"> <div class="product-links"> </div> </div> <div class="col-md-3 col-sm-6"> <!-- right_popular_list --> <div class="popular-links"> <h5>Most Popular Articles</h5> <ul> <li><a href="//agencysupport.ladesk.com/325152-Handling-Hidden-or-Broken--Elements-in-the-Email-Builder" class="article-link article-link-1543" title="Handling Hidden or Broken Elements in the Email Builder">Handling Hidden or Broken Elements in the Email Builder</a></li> <li><a href="//agencysupport.ladesk.com/342854-Preview-Custom-Fields-in-CRM-Emails-Before-Sending" class="article-link article-link-1555" title="Preview: Custom Fields in CRM Emails Before Sending">Preview: Custom Fields in CRM Emails Before Sending</a></li> <li><a href="//agencysupport.ladesk.com/431036-Custom-Code-Integration-in-Emails" class="article-link article-link-1537" title="Custom Code Integration in Emails">Custom Code Integration in Emails</a></li> <li><a href="//agencysupport.ladesk.com/539069-Guide-to-Using-the-Save-Elements-Feature-in-Email-Templates" class="article-link article-link-1565" title="Guide to Using the Save Elements Feature in Email Templates">Guide to Using the Save Elements Feature in Email Templates</a></li> <li><a href="//agencysupport.ladesk.com/145231-Divider-Element-Overview" class="article-link article-link-1539" title="Divider Element Overview">Divider Element Overview</a></li> <li><a href="//agencysupport.ladesk.com/965819-Email-Template-Overview" class="article-link article-link-1549" title="Email Template Overview">Email Template Overview</a></li> <li><a href="//agencysupport.ladesk.com/107997-Guide-to-Importing-Email-Templates" class="article-link article-link-1553" title="Guide to Importing Email Templates">Guide to Importing Email Templates</a></li> <li><a href="//agencysupport.ladesk.com/355001-Adding-a-Button-Element" class="article-link article-link-1535" title="Adding a Button Element">Adding a Button Element</a></li> <li><a href="//agencysupport.ladesk.com/543296-Email-Edit-Section-Overview" class="article-link article-link-1541" title="Email "Edit" Section Overview">Email "Edit" Section Overview</a></li> <li><a href="//agencysupport.ladesk.com/182222-Structuring-your-Email-Design" class="article-link article-link-1545" title="Structuring your Email Design">Structuring your Email Design</a></li> </ul> </div> </div> </div> </div> </div> <div class="footer-container"> <div class="container"> </div> </div> </div> <div class="footer-container"> <div class="container"> </div> </div> </footer> <a href="#top" id="scroll-top"><span class="glyphicon glyphicon-chevron-up"></span></a> <script src="/themes/kb/montana/js/fixedmenu.js?v=5.55.7.18"></script> <!-- Start of LiveAgent integration script: KB search: Search Widget --> <script type="text/javascript"> (function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.defer=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document, 'https://agencysupport.ladesk.com/scripts/track.js', function(e){ LiveAgent.createKbSearchWidget('0wmwgjjb', e); }); </script> <!-- End of LiveAgent integration script --> </body> </html>