<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Plantillas Resposnive &#8211; NewsletterSoft</title>
	<atom:link href="https://www.newslettersoft.com/tag/plantillas-resposnive/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.newslettersoft.com</link>
	<description>Solución de marketing digital</description>
	<lastBuildDate>Mon, 17 Jun 2024 10:28:51 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.newslettersoft.com/wp-content/uploads/2017/02/cropped-logo_medium-32x32.png</url>
	<title>Plantillas Resposnive &#8211; NewsletterSoft</title>
	<link>https://www.newslettersoft.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>La importancia de las plantillas de newsletter para móvil</title>
		<link>https://www.newslettersoft.com/la-importancia-de-las-plantillas-de-newsletter-para-movil/</link>
		
		<dc:creator><![CDATA[Antxon Pous]]></dc:creator>
		<pubDate>Wed, 18 Dec 2013 10:53:21 +0000</pubDate>
				<category><![CDATA[Maquetación Newsletters]]></category>
		<category><![CDATA[Plantillas Resposnive]]></category>
		<guid isPermaLink="false"></guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://www.newslettersoft.com/la-importancia-de-las-plantillas-de-newsletter-para-movil/">La importancia de las plantillas de newsletter para móvil</a> appeared first on <a rel="nofollow" href="https://www.newslettersoft.com">NewsletterSoft</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section class="vc_section_wrapper"><div class="wpb_row  row-fluid " ><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<p><span style="color: #ff8c00;"><strong>La importancia de un buen email responsive.</strong></span></p>
<p>El email se ha convertido en algo que nos sigue a todas partes: cuando hacemos la compra, mientras comemos, mientras tomamos algo con nuestros amigos… y esto es así porque el móvil nos acompaña también en todas estas partes y mientras tengamos notificaciones vamos a comprobar el móvil. En anteriores artículos hemos visto diferentes temas relacionados con la importancia de que nuestros <a title="plantillas para emial marketing responsive" href="https://www.newslettersoft.com/plantillas-de-email-marketing-responsive/" target="_blank" rel="noopener">mailings sean responsive</a>: consejos para nuestras <a title="plantillas para newsletters movil" href="https://www.newslettersoft.com/trucos-para-el-dise-o-de-tus-plantillas-de-newsletter-para-m-vil/" target="_blank" rel="noopener">plantillas de newsletters para móvil</a>, cómo mejorar la <a title="consejos para tus plantillas de email marketing responsive" href="https://www.newslettersoft.com/nuevo-editor-de-newsletters-drag-drop/" target="_blank" rel="noopener">usabilidad de nuestras campañas de email marketing</a> y sobre todo qué alcance a nivel de compatibilidad con los diferentes dispositivos móvil tiene la opción de maquetar el html nuestros<a title="compatibilidad de tus plantillas para movil" href="https://www.newslettersoft.com/email-marketing/editor-draganddrop-avanzado/" target="_blank" rel="noopener"> newsletters responsive</a> e inclusive, utilizar los estilos css3 para mejorar los diseños de nuestras plantillas para newsletters.</p>
<p>En este artículo en newslettersoft, queremos ver cuál es la diferencia REAL entre tener una plantilla para newsletter responsive o no responsive. ¿Y cómo lo hemos hecho? Incluyendo una visualización de dos plantillas, una responsive y una no para que veáis en qué dispositivos se encuentra la diferencia real y cómo a nivel de usuario, es mejor cuando la lectura del contenido ocupa el 100% de la pantalla.</p>
<p>&nbsp;</p>
<p><strong><span style="font-size: 18px;"><span style="color: #ff8c00;">¿CÓMO VEMOS UN NEWSLETTER RESPONSIVE EN DIFRENTES DISPOSITIVOS?</span></span></strong></p>
<ul class="template-list">
<li><a class="img-box open-popup" title="Plantilla de newsletter 2" href="#lightbox1"><img decoding="async" style="width: 111px; height: 153px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-1.png" alt="Plantilla de newsletter compatible con dispositivos móvil - apple mail" /> <span class="textimg">APPLE MAIL</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil - android2.3" href="#lightbox2"><img decoding="async" style="width: 90px; height: 153px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-2.png" alt="Plantilla de newsletter compatible con dispositivos móvil - android2.3" /> <span class="textimg">ANDROID 2.3</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil - android4.0" href="#lightbox3"><img decoding="async" style="width: 78px; height: 153px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-3.png" alt="Plantilla de newsletter compatible con dispositivos móvil - android4.0" /> <span class="textimg">ANDROID 4.0</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil - iphone5" href="#lightbox4"><img decoding="async" style="height: 154px; width: 73px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-4.png" alt="Plantilla de newsletter compatible con dispositivos móvil - iphone5" /> <span class="textimg">iPhone 5s</span> </a></li>
<li><a class="img-box open-popup" title="Windows Phone 7" href="#lightbox5"><img decoding="async" style="width: 120px; height: 154px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-5.png" alt="Plantilla para newsletter window phone 7" /> <span class="textimg">ipad</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil " href="#lightbox6"><img decoding="async" style="width: 111px; height: 196px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-6.png" alt="Plantilla de newsletter compatible con dispositivos móvil - android2.3" /> <span class="textimg">Windows Phone 7</span> </a></li>
</ul>
<p>&nbsp;</p>
<p><strong><span style="font-size: 18px;"><span style="color: #ff8c00;">¿CÓMO VEMOS UN NEWSLETTER NO RESPONSIVE EN DIFRENTES DISPOSITIVOS?</span></span></strong></p>
<p>Como vimos en la <a title="guia de compatibilidad de tus plantillas para móvil" href="https://www.newslettersoft.com/gu-a-de-compatibilidad-de-tus-plantillas-de-newsletter-para-m-vil/" target="_blank" rel="noopener">Guía de compatibilidad de tus plantillas para móvil</a>, hay algunos clientes de correo como el mail de iphone, que harán el autoescalado de la plantilla de newsletter para móvil, para que automáticamente se adapte al 100% de la pantalla. PERO fijaos que la <strong>cantidad de información </strong>que hay en la plantilla para newsletter responsive dentro de la pantalla no es tan condensada como la que encontramos en la plantilla no responsive. <strong>Ofrecer una óptima distribución de la información de nuestras </strong><a title="plantillas para newsletter newslettersoft" href="https://www.newslettersoft.com/email-marketing/editor-draganddrop-avanzado/" target="_blank" rel="noopener">plantillas de newsletter</a><a title="plantillas para newsletter newslettersoft" href="http://newslettersoft.com/plantillas-para-newsletters" target="_blank" rel="noopener"> para móvil </a>en función de el tamaño de la pantalla (y por lo tanto de la cantidad de elementos que pueden caber en ella), será clave para ofrecer al suscritor, una visión jerarquizada de la importancia de la información que queremos que le llegue.</p>
<ul class="template-list">
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil - android2.3" href="#lightbox7"><img decoding="async" style="width: 90px; height: 153px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-2.png" alt="Plantilla de newsletter compatible con dispositivos móvil - android2.3" /> <span class="textimg">ANDROID 2.3</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil - android4.0" href="#lightbox8"><img decoding="async" style="width: 101px; height: 123px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-3.png" alt="Plantilla de newsletter compatible con dispositivos móvil - android4.0" /> <span class="textimg">APPLE MAIL</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil - iphone5" href="#lightbox9"><img decoding="async" style="height: 154px; width: 73px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-4.png" alt="Plantilla de newsletter compatible con dispositivos móvil - iphone5" /> Android 4.0 </a></li>
<li><a class="img-box open-popup" title="Windows Phone 7" href="#lightbox10"><img decoding="async" style="width: 120px; height: 154px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-5.png" alt="Plantilla para newsletter window phone 7" /> <span class="textimg">ipad</span> </a></li>
<li><a class="img-box open-popup" title="Plantilla de newsletter compatible con dispositivos móvil " href="#lightbox11"><img decoding="async" style="width: 70px; height: 147px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-6.png" alt="Plantilla de newsletter compatible con dispositivos móvil - android2.3" /> <span class="textimg">iPhone 5S</span> </a></li>
</ul>
<p>&nbsp;</p>
<p><span class="textimg">Dispositivos móviles</span></p>
<div id="lightbox1" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="width: 300px; height: 414px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-1.png" alt="Plantilla compatible con iphone lista para compartir en las redes sociales" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox2" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="width: 200px; height: 338px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-2.png" alt="Plantilla compatible con iphone lista para compartir en las redes sociales" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox3" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="height: 393px; width: 200px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-3.png" alt="Plantilla responsive compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla compatible con iPhone y lista para compartir en facebook y twitter</span></p>
</div>
</div>
</div>
<div id="lightbox4" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="height: 421px; width: 200px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-4.png" alt="Plantilla responsive compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox5" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="height: 385px; width: 300px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-5.png" alt="Plantilla responsive compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox6" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="width: 250px; height: 441px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-6.png" alt="Plantilla compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla compatible con iPhone y lista para compartir en facebook y twitter</span></p>
</div>
</div>
</div>
<div id="lightbox7" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="width: 296px; height: 496px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-2.png" alt="Plantilla compatible con iphone lista para compartir en las redes sociales" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox8" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="width: 250px; height: 305px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-3.png" alt="Plantilla compatible con iphone lista para compartir en las redes sociales" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox9" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="height: 536px; width: 278px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-4.png" alt="Plantilla responsive compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla compatible con iPhone y lista para compartir en facebook y twitter</span></p>
</div>
</div>
</div>
<div id="lightbox10" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="height: 388px; width: 300px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-5.png" alt="Plantilla responsive compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<div id="lightbox11" class="lightbox">
<div class="holder">
<div class="lightbox-holder">
<div class="btn-close"><a title="close" href="#">close</a></div>
<div class="visual"><img decoding="async" style="height: 419px; width: 200px;" src="https://www.newslettersoft.com/wp-content/uploads/description/responsive-not-6.png" alt="Plantilla responsive compatible con dispositivos móvil" /></div>
<p><span class="descript">Plantilla responsive compatible con dispositivos móvil</span></p>
</div>
</div>
</div>
<p>¿Qué pasa si nuestro correo no es responsive?</p>

		</div>
	</div>
</div></div></div></div></section>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fwww.newslettersoft.com%2Fla-importancia-de-las-plantillas-de-newsletter-para-movil%2F&amp;linkname=La%20importancia%20de%20las%20plantillas%20de%20newsletter%20para%20m%C3%B3vil" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fwww.newslettersoft.com%2Fla-importancia-de-las-plantillas-de-newsletter-para-movil%2F&amp;linkname=La%20importancia%20de%20las%20plantillas%20de%20newsletter%20para%20m%C3%B3vil" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fwww.newslettersoft.com%2Fla-importancia-de-las-plantillas-de-newsletter-para-movil%2F&amp;linkname=La%20importancia%20de%20las%20plantillas%20de%20newsletter%20para%20m%C3%B3vil" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_print" href="https://www.addtoany.com/add_to/print?linkurl=https%3A%2F%2Fwww.newslettersoft.com%2Fla-importancia-de-las-plantillas-de-newsletter-para-movil%2F&amp;linkname=La%20importancia%20de%20las%20plantillas%20de%20newsletter%20para%20m%C3%B3vil" title="Print" rel="nofollow noopener" target="_blank"></a></p><p>The post <a rel="nofollow" href="https://www.newslettersoft.com/la-importancia-de-las-plantillas-de-newsletter-para-movil/">La importancia de las plantillas de newsletter para móvil</a> appeared first on <a rel="nofollow" href="https://www.newslettersoft.com">NewsletterSoft</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
