[et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” next_background_color=”#F2F2FA” admin_label=”Header” _builder_version=”4.4.4″ use_background_color_gradient=”on” background_color_gradient_start=”#391e63″ background_color_gradient_end=”#6891dd” background_color_gradient_direction=”130deg” background_image=”https://www.atrium-resilience.fr/wp-content/uploads/2020/05/marketing-bg6.png” parallax=”on” custom_padding=”1vw||4vw||false|false” custom_padding_tablet=”100px||100px||true” custom_padding_phone=”||||true” bottom_divider_style=”ramp2″ bottom_divider_height=”250px” bottom_divider_flip=”horizontal” bottom_divider_height_tablet=”150px” bottom_divider_height_phone=”110px” bottom_divider_height_last_edited=”on|phone” hover_enabled=”0″ saved_tabs=”all”][et_pb_row _builder_version=”3.25″ custom_padding=”0px|||||”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.4″ text_font=”Roboto||||||||” text_line_height=”1.8em” header_font=”Roboto|700|||||||” header_text_align=”center” header_font_size=”80px” header_line_height=”1.2em” header_3_font=”Roboto|700||on|||||” header_3_text_align=”center” header_3_text_color=”#ffffff” header_3_font_size=”24px” header_3_letter_spacing=”10px” header_3_line_height=”2em” text_orientation=”center” background_layout=”dark” module_alignment=”center” custom_padding=”|0px||||” hover_enabled=”0″ text_font_size_last_edited=”off|desktop” header_font_size_tablet=”40px” header_font_size_phone=”32px” header_font_size_last_edited=”on|phone” header_3_font_size_tablet=”16px” header_3_font_size_phone=”14px” header_3_font_size_last_edited=”on|phone” header_3_letter_spacing_tablet=”5px” header_3_letter_spacing_phone=”” header_3_letter_spacing_last_edited=”on|tablet”]
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.4.4″ column_structure=”1_2,1_2″][et_pb_column _builder_version=”4.4.4″ type=”1_2″][/et_pb_column][et_pb_column _builder_version=”4.4.4″ type=”1_2″][et_pb_post_title _builder_version=”4.4.4″ featured_image=”off” title=”off” hover_enabled=”0″ text_color=”light”][/et_pb_post_title][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Contact” _builder_version=”3.22″ background_color=”#F2F2FA” custom_padding=”10px||10px||true|false” saved_tabs=”all”][et_pb_row column_structure=”3_4,1_4″ _builder_version=”4.4.4″ background_color=”#ffffff” custom_margin=”||||true|true” custom_padding=”40px|10px|40px|10px|true|true” border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset1″ custom_width_px=”924px”][et_pb_column type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.4″ custom_margin=”|5px||5px|false|true” custom_padding=”|5px||5px|false|true”]
Ceci est un sujet très complexe et il est impossible de le couvrir en seulement quelques paragraphes.
La largeur typique d’un modèle d’e-mail était de 600 pixels pour les ordinateurs de bureau, 320 pixels pour une vue verticale et 480 pixels pour une vue horizontale sur un appareil mobile. La hauteur était illimitée et dépendait de la longueur du contenu. Il y a quelques années, la largeur de 600 pixels était une norme obligatoire et n’avait aucune alternative. Mais les normes ont changé.
Parlons maintenant de la largeur acceptable des e-mail
[/et_pb_text][et_pb_image src=”https://www.atrium-resilience.fr/wp-content/uploads/2019/11/Devis-picto1.jpg” alt=”devis en ligne” title_text=”devis en ligne” align=”center” _builder_version=”4.4.4″ min_height=”161px” height=”220px”][/et_pb_image][et_pb_sidebar _builder_version=”4.4.4″][/et_pb_sidebar][et_pb_text _builder_version=”4.4.4″ custom_margin=”|5px||5px|false|true” custom_padding=”|5px||5px|false|true”]
Il y a un article sur le blogue Litmus qui prétend que la largeur de e-mails de 600 pixels est un mythe. Nous sommes totalement d’accord, car il y a plus d’options que seulement une largeur de 600 pixels, mais elle demeure la plus optimale. Mais d’où vient cette largeur ? Pourquoi exactement 600 px ?
Il y a longtemps, la guerre des résolutions d’écran était loin d’être parfaite et un grand nombre d’appareils étaient bien pires que ceux d’aujourd’hui. C’est alors que la norme de 600 pixels est apparue. Depuis, de nombreuses choses ont changé, mais la largeur de 600 pixels est devenue la norme pour la disposition des e-mails.
Donc, la largeur de 600 pixels est plus une tradition qu’une règle et elle vous assure qu’elle sera correctement affichée sur la totalité des appareils. C’est n’est pas trop mal, non ?
Regardez ce magnifique e-mail HTML avec une largeur de 600 pixels. Cela peut être vraiment spacieux, avec plein de colonnes et d’informations utiles :
[/et_pb_text][et_pb_post_nav prev_text=”BAL BLA ” next_text=”mlkjmlkj” _builder_version=”4.4.4″][/et_pb_post_nav][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_blog posts_number=”3″ include_categories=”11″ excerpt_length=”297″ show_more=”on” _builder_version=”4.4.4″][/et_pb_blog][et_pb_signup title=”RECEVOIR LES NEWSLETTER” button_text=”Cliquez ici” description=”
Plus d’infos en temps réel
” _builder_version=”4.4.4″][/et_pb_signup][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” prev_background_color=”#F2F2FA” admin_label=”Call to action” _builder_version=”4.4.4″ use_background_color_gradient=”on” background_color_gradient_start=”#391e63″ background_color_gradient_end=”#6891dd” background_color_gradient_direction=”130deg” background_image=”https://www.atrium-resilience.fr/wp-content/uploads/2020/05/marketing-bg6.png” parallax=”on” custom_padding=”10vw||0vw||false|false” custom_padding_tablet=”100px||100px||true” custom_padding_phone=”||||true” top_divider_style=”ramp2″ top_divider_height=”250px” top_divider_flip=”vertical” top_divider_height_tablet=”150px” top_divider_height_phone=”110px” top_divider_height_last_edited=”on|phone” hover_enabled=”0″ saved_tabs=”all”][et_pb_row module_class=” et_pb_row_fullwidth” _builder_version=”3.25″ width=”89%” width_tablet=”80%” width_phone=”” width_last_edited=”on|desktop” max_width=”89%” max_width_tablet=”80%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_margin_phone=”|||” custom_margin_last_edited=”off|desktop” custom_padding=”|||” make_fullwidth=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.4″ text_font=”||||||||” header_font=”||||||||” header_2_font=”Roboto|700|||||||” header_2_font_size=”50px” header_2_line_height=”1.4em” header_3_font=”Roboto|700||on|||||” header_3_text_align=”center” header_3_text_color=”#ffffff” header_3_font_size=”24px” header_3_letter_spacing=”5px” header_3_line_height=”2em” text_orientation=”center” background_layout=”dark” max_width=”850px” module_alignment=”center” custom_margin=”|||” custom_padding=”|||” hover_enabled=”0″ text_font_size_last_edited=”off|desktop” header_2_font_size_tablet=”40px” header_2_font_size_phone=”32px” header_2_font_size_last_edited=”on|desktop” header_3_font_size_tablet=”16px” header_3_font_size_phone=”14px” header_3_font_size_last_edited=”on|phone”]
[/et_pb_text][et_pb_button button_url=”https://www.atrium-resilience.fr/assurances/article-1/” button_text=”DEVIS” button_alignment=”center” _builder_version=”4.4.4″ custom_button=”on” button_text_size=”14px” button_text_color=”#5968af” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#9ed8ff” button_bg_color_gradient_end=”#aaffdb” button_bg_color_gradient_direction=”90deg” button_border_width=”0px” button_border_color=”rgba(0,0,0,0)” button_border_radius=”4px” button_letter_spacing=”5px” button_font=”Roboto|700||on|||||” background_layout=”dark” custom_margin=”|||” custom_padding=”18px|34px|18px|34px|true|true” hover_enabled=”0″ box_shadow_style=”preset3″ box_shadow_vertical=”20px” box_shadow_blur=”30px” box_shadow_spread=”-10px” box_shadow_color=”rgba(50,11,142,0.4)” button_letter_spacing_hover=”5.5px” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”5.5px” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]