{"id":6406,"date":"2016-05-09T08:30:59","date_gmt":"2016-05-09T06:30:59","guid":{"rendered":"http:\/\/www.digitalresponse.es\/?p=6406"},"modified":"2016-05-09T08:30:59","modified_gmt":"2016-05-09T06:30:59","slug":"plantillas-responsive-email","status":"publish","type":"post","link":"https:\/\/www.digitalresponse.es\/en\/plantillas-responsive-email\/","title":{"rendered":"The secret behind our responsive email templates"},"content":{"rendered":"

One of the main services demanded by our customers today is the responsive layout of your emails<\/a>. As we never tire of repeating, 2015<\/a> was the year in which the responsive design<\/strong> The mobile phone has made a strong entry into the email marketing sector and today, it is something that cannot be ignored for the success of any email campaign. Without resorting again to market research and analysis that shows the overwhelming penetration of mobile usage, it is no longer lost on anyone to realise that mobile is the most popular form of email marketing. need to adapt any digital communication to mobile devices.<\/strong>
\n\"boceto_responsive_mockoup\"<\/a>
\nThat's why the first thing customers ask for when they walk through our door is the mobile adaptation<\/a> of your commercial emails and newsletters. This adaptation is not always easy, because of the limitations<\/a> of this channel and to the difficulty of reaching the meeting points between design imperatives and responsive email layout needs<\/strong>. The most common problems we usually encounter when creating templates are texts that have to be kept as images for branding needs or overlapping images that cannot be rearranged in the mobile version. We also have to constantly adapt to the changes that different email clients make to the way they render some HTML\/CSS elements. When we are the ones who apply the look & feel of the brand to the emails, the difficulties are reduced, given that we already plan the design taking into account all the limitations of the following layout phase, but in many cases when working with large brands, we find that they have their own design team that plans the visual part.
\nHowever, in spite of all the obstacles, and thanks to several experiences with clients with different needs, we have arrived at a working system that allows us to respond in a simple way to their requirements, obtaining flexible, customisable email templates<\/strong> to the different devices and favouring the subsequent \"in-house\" adaptation<\/strong> of each client. Here we tell you the secret and why more and more customers rely on our responsive email templates.
\n1. Prior training of the client and his design team on the limitations of email.<\/strong>
\nWhether the client does the design in-house or we do it for them, we train them in advance on the specific limitations of the email marketing sector so that they can understand the specific needs of the layout. When the design is provided by the client, this training is more exhaustive, given that designers, normally used to the requirements of the web, are not usually aware of the problems we face in order to correctly display a design in the different email clients.
\n2. Fluid dialogue between the design team and Digital Response's layout designers.\u00a0<\/strong>
\nIn order to build a consistent and flexible template, it is essential to maintain fluid communication with the design team. The main reason for this is that, as we mentioned in the previous point, the possibilities of web design are not comparable to those of email. It is well known the lack of understanding between the limitless imagination of designers and the technical requirements of web programmers, well, in the case of email the requirements and limitations are multiplied exponentially, so we seek not to limit, but to direct this creativity according to the needs of the email and find the best solution for the email. meeting point between creativity and functionality<\/strong> of the design. It is also important at this stage to define correctly and exhaustively the structural needs, in order to define the modules to be designed.
\n3. Modular layout. <\/strong>
\nHerein lies the versatility of the templates and the real secret of their reliability. The responsive layout of emails is very delicate, and the subsequent editing by the client is particularly dangerous. It is not enough to have knowledge of HTML\/CSS layout, as the templates are often full of \"hacks\" that are difficult to understand for someone who doesn't do email layout. Tags and classes must be kept intact for proper functioning. It may seem that this conflicts with the flexibility and versatility of the templates, but to avoid this, we break down the designs to their most basic elements and create interchangeable modules according to the needs of each specific email. So, for example, we manufacture modules such as the following:<\/p>\n