{"id":22713,"date":"2024-09-12T14:57:00","date_gmt":"2024-09-12T12:57:00","guid":{"rendered":"https:\/\/www.marketinet.com\/blog\/templates-in-mailchimp\/"},"modified":"2025-04-03T17:40:09","modified_gmt":"2025-04-03T15:40:09","slug":"templates-in-mailchimp","status":"publish","type":"post","link":"https:\/\/www.marketinet.com\/en\/blog\/templates-in-mailchimp\/","title":{"rendered":"Templates in MailChimp: How to get the most out of them"},"content":{"rendered":"<p>As we already know, <strong>MailChimp is one of the main email marketing tools<\/strong> used by freelancers, SMEs or large companies around the world, and one of the features that has made this success possible is, probably, the <strong>ease with which templates can be created in MailChimp <\/strong>to be reused in different campaigns <strong>later<\/strong>.<\/p>\n<p><!--more--><\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/www.marketinet.com\/wp-content\/uploads\/2024\/06\/articulos\/email_mkt\/email-4284157_1280.webp\" alt=\"Templates  en MailChimp\" width=\"665\" height=\"450\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 665px; --smush-placeholder-aspect-ratio: 665\/450;\" \/><\/p>\n<h2><strong>Templates vs MailChimp campaigns<\/strong><\/h2>\n<p>First, let\u2019s <strong>differentiate template from campaign template<\/strong>, because sometimes we tend to confuse them:<\/p>\n<ul>\n<li>A <strong>template or MailChimp template is a predefined email design that we use to later create our campaigns<\/strong>. Templates are not sent; they are saved and serve as a base template to prepare different campaigns.<\/li>\n<li>A <strong>campaign is the email you send to your database<\/strong> after selecting a template that has already been created and after modifying the defined content blocks with the necessary texts and\/or images.<\/li>\n<\/ul>\n<h2><strong>Templates in MailChimp<\/strong><\/h2>\n<p>A<strong> template is a pre-structured or prefabricated<\/strong> email template where content can be managed. MailChimp offers its users different template options, so we have several alternatives when creating our own templates.<\/p>\n<p>MailChimp templates have a <strong>modular model<\/strong>, which allows us to edit them quickly and easily by <strong>dragging and dropping modules (drag&amp;drop)<\/strong> <strong>from the editing tool<\/strong>. In addition, all the templates it offers us are optimized for correct viewing on all devices: desktop, tablet and mobile.<\/p>\n<ol>\n<li>We can <strong>choose a template already defined by MailChimp<\/strong> and save it within our templates to use that same structure, either from the schematic options they give us, or from the options they provide us with examples of use of text and image blocks.<\/li>\n<li>We can <strong>create our own template by choosing one of the predefined ones and modifying it <\/strong>according to our needs, adding, deleting or modifying the existing content modules.<\/li>\n<li>If we have <a href=\"\/blog\/como-importar-una-plantilla-html-personalizada-en-mailchimp\" target=\"_blank\" rel=\"noopener\"><strong>created our own <\/strong>HTML template outside of MailChimp<\/a>, the tool also allows us to upload it to the system for use, either by copying and pasting the code, or by uploading the HTML (in which case, the URLs of the images in the code must be in absolute paths), or by attaching a zip file with all the material. We must bear in mind that, if we use this option, the only way to edit and modify our template will be by editing the HTML code, we will not be able to include drag&amp;drop modules from MailChimp or use the Wysiwyg editing available when we create templates through the MailChimp creator.<\/li>\n<\/ol>\n<p><img decoding=\"async\" data-src=\"https:\/\/www.marketinet.com\/wp-content\/uploads\/2024\/06\/articulos\/email_mkt\/template_clasic1.jpg\" alt=\"Elegir plantilla MailChimp\" width=\"600\" height=\"253\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 600px; --smush-placeholder-aspect-ratio: 600\/253;\" \/><\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/www.marketinet.com\/wp-content\/uploads\/2024\/06\/articulos\/email_mkt\/template_clasic3.jpg\" alt=\"crear nuestra propia template en HTML fuera de MailChimp\" width=\"500\" height=\"309\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/309;\" \/><\/p>\n<p><strong>Note<\/strong>: Depending on the type of plan we have contracted in MailChimp, we will have different template options available.<\/p>\n<p>We show you a <strong>basic example<\/strong> of how to select and create a template from the <strong>Classic MailChimp Generator<\/strong>:<\/p>\n<p>{% video_player &#8220;embed_player&#8221; overrideable=False, type=&#8217;hsvideo2&#8242;, hide_playlist=True, viral_sharing=False, embed_button=False, autoplay=False, hidden_controls=False, loop=False, muted=False, full_width=False, width=&#8217;1366&#8242;, height=&#8217;728&#8242;, player_id=&#8217;122935277211&#8242;, style=&#8221; %}<\/p>\n<h2><strong>13 Design Tips for Creating Our Templates<\/strong><\/h2>\n<p>We leave you some <strong>design recommendations<\/strong> to consider when preparing our <strong>templates in MailChimp:<\/strong><\/p>\n<ul>\n<li>The width of the MailChimp templates is <strong>600 px<\/strong>. Size optimized for correct viewing.<\/li>\n<li>If we are going to use an image that occupies the full width of the template, for example, as a header image, the tool recommends that it has a <strong>maximum width size of 564 px. <\/strong><\/li>\n<li>If we use column blocks in our content, we must consider the recommended sizes for the images in each case: <strong>264 px. wide for 2 columns and 164 px. wide for 3 columns. <\/strong><\/li>\n<li><strong>The format of the images<\/strong> to be used must always be PNG, JPG or GIF. In case of using images with a transparent background, the format must be PNG.<\/li>\n<li><strong>The size of the image files <\/strong>should not exceed 1MB for large images. It is recommended that they are optimized at 72 dpi and that they are uploaded to the tool with the size that they are going to be used in the template.<\/li>\n<li><strong>Do not use spaces or special characters in the name of the images<\/strong>, this can cause some type of error to display the image.<\/li>\n<li>Take care of the <strong>proportion of image and text in our template<\/strong>. Whenever possible, we will include more information in text than in image, it is true that a text with design or included in an image can be more attractive. Several email servers use spam filters based on the proportion of image and text in each email, if there is too much image, they will consider it spam and it will never reach our recipient. In addition, some users have the option of automatic image download disabled and when seeing an email completely blank, they can delete it directly. It is recommended to maintain a proportion of <strong>60% text and 40% image<\/strong>, considering the ideal 80% text and 20% image.<\/li>\n<li><strong>Try not to use more than 3 images in a template<\/strong>.<\/li>\n<li>Pay attention to the sizes of the different texts, <strong>the size for the body of the message should be between<\/strong> <strong>14 and 16 px. For headers we will use a text between 18 and 22 px. <\/strong><\/li>\n<li><strong>We will use one of the standard web design fonts<\/strong> (Arial, Verdana, Helvetica, Courier, Georgia, Lucida Sans, Tahoma, Times New Roman or Trebuchet MS) for the text, otherwise, there could be problems displaying the text in the mail client.<\/li>\n<li>Equally important is both the color and the size of the CTA buttons in the email. <strong>Use striking colors<\/strong> like orange or red and, as for size, ideally, they should go between 44 px. and 48 px.<\/li>\n<li>We will use the <strong>corporate color palette<\/strong>.<\/li>\n<li>When creating the template, we must <strong>correctly structure the information <\/strong>and logically, using separators between content blocks. We will use short paragraphs of text, including a main idea per paragraph.<\/li>\n<\/ul>\n<p>Once we have created our template following the chosen scheme, <strong>we simply must save it to be able to reuse it in our future mailings<\/strong>. Just select it when including the design in a campaign and edit its content with the new texts and images.<\/p>\n<p><strong>Creating a template for each of the different types of shipments that we make recurrently from MailChimp can save us time and resources<\/strong>. Its editor is very easy to use, and we can trust that the deliverability of the campaign is optimal in relation to the design.<\/p>\n<p>\u00a0<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.marketinet.com\/agencia-email-marketing\/servicio-email-marketing-mailchimp?utm_source=blog&amp;utm_medium=inbound&amp;utm_campaign=cta_servicio_blog__mailchimp_redireccion\"><img decoding=\"async\" width=\"800\" height=\"200\" data-src=\"https:\/\/www.marketinet.com\/wp-content\/uploads\/2024\/01\/800x200_banner_mailchimp_1.jpg\" alt=\"Somos expertos en creaci\u00f3n y gesti\u00f3n de campa\u00f1as de email marketing en Mailchimp. \" class=\"wp-image-1096 lazyload\" data-srcset=\"https:\/\/www.marketinet.com\/wp-content\/uploads\/2024\/01\/800x200_banner_mailchimp_1.jpg 800w, https:\/\/www.marketinet.com\/wp-content\/uploads\/2024\/01\/800x200_banner_mailchimp_1-480x120.jpg 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/200;\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>As we already know, MailChimp is one of the main email marketing tools used by freelancers, SMEs or large companies around the world, and one of the features that has made this success possible is, probably, the ease with which templates can be created in MailChimp to be reused in different campaigns later.<\/p>\n","protected":false},"author":37,"featured_media":23003,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[241],"class_list":["post-22713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar","tag-mailchimp-2"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/posts\/22713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/comments?post=22713"}],"version-history":[{"count":0,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/posts\/22713\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/media\/23003"}],"wp:attachment":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/media?parent=22713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/categories?post=22713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/tags?post=22713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}