Blogue Dialogue 360

Soyez « responsive » sur Gmail APP !

  • Partagez   

Soyez « responsive » sur Gmail APP !

150 150 Dialog Insight

Depuis la fin de 2015, les statistiques d’ouvertures de courriels sur les appareils mobiles au Canada surpassent les ouvertures sur ordinateurs[i]. De plus, le fait d’avoir une version adaptative peut augmenter d’un peu plus de 11 % le taux de clic dans vos courriels lus sur mobiles[ii]. Cet aspect est donc non négligeable. Depuis longtemps, l’application Gmail cause bien des maux de têtes à l’industrie en ne supportant pas les Medias Queries utilisées pour l’affichage adaptatif des courriels. Eh bien sachez que cette époque noire est révolue ! Une nouvelle technique de programmation a récemment fait ses preuves. Son principal avantage, vous l’aurez deviné, est qu’elle fonctionne sur Gmail App ! On appelle cette programmation « Spongy » ou « Hybrid ».

              Media Queries sur Gmail App                          Spongy sur Gmail App

Gmail App Media Queries           Gmail App Spongy 

 

La différence entre Media Query et Spongy

La différence principale entre les deux méthodes se trouve au niveau de l’alignement des contenus. Contrairement aux Media Queries qui changent d’un coup l’alignement pour placer les contenus un par-dessus l’autre à partir d’une dimension d’écran fixe, le Spongy aligne progressivement les contenus lorsque l’espace d’affichage rétrécit.

Courriel 600px

 

Media Queries 400px                      Media Queries 200 px

  

 

            Spongy 400px                                           Spongy 200px

  

 

  

Comment faire ?

Exemple 1 colonne

Prenons le cas où nous voulons avoir un affichage à 100 % sur un petit écran mais un maximum de 600px de largeur sur un plus grand écran. Pour y arriver, nous utilisons un tableau à 100 % de largeur avec un style « max-width » de 600px.

Puisque le style « max-width » n’est pas supporté par Outlook (sans surprise !), nous devons ajouter un deuxième tableau conditionnel  autour du principal. Ceci permettra d’afficher le courriel fixe à 600px de large dans les programmes Outlook.




Contenu ici

 

Exemple 2 colonnes

Pour réaliser l’affichage 2 colonnes, nous appliquons la même technique que ci-haut, mais avec des balises « div » supplémentaires.

Nous créons deux « div » de la dimension désirée, ici 300px, avec le style « display:inline-block » qui permet de placer ces « div » un à côté de l’autre. Pour Outlook, nous ajoutons notre tableau conditionnel à 100% avec la cellule à 300px.

Cette méthode permet donc d’avoir deux colonnes une à côté de l’autre horizontalement sur un ordinateur, mais qui se placent une par-dessus l’autre sur mobile. Pour faire 3 colonnes, le même principe s’applique mais avec des dimensions de tableau différentes.



CONTENU ICI



CONTENU ICI


Notez qu’il est possible d’utiliser les Media Queries en plus de la programmation Spongy pour les clients courriel qui le supportent.

 

Nous l’avons testé et adopté

Après avoir réalisé plusieurs tests, Dialog Insight a décidé de convertir tous les modèles génériques de sa plateforme en utilisant la programmation Spongy afin de supporter les courriels adaptatifs dans l’application Gmail. Pour de plus amples informations, n’hésitez pas à nous contacter.

 

 


[i] Selon les statistiques recueillies sur les envois effectués au Canada via la plateforme Dialog Insight

VOUS AIMEREZ AUSSI

Laissez un commentaire

Débutant

Vous êtes nouveau sur Dialog Insight ?

Cette formation vous apprendra les notions de base afin de pouvoir lancer vos premières campagnes et être efficace rapidement.

Contenu de la formation DÉBUTANT
Débuter avec Dialog Insight Éditer des courriels
Optimiser la livraison de courriels          Segmenter et cibler des contacts (1 de 2)
Gérer les données clients Analyser les résultats d'une campagne
Préparer une campagne  

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

Campagnes

Vous êtes responsable des campagnes ?

Ce parcours marketing vous aide à peaufiner vos envois et à optimiser vos résultats.

Contenu de la formation CAMPAGNES
Optimiser la livraison de courriels Personnaliser les contenus
Préparer une campagne Utiliser le marketing social
Gérer une librairie d’images Utiliser les tests A/X
Éditer des courriels Inspecter le rendu et les variantes du message
Envoyer des SMS et notifications mobiles      Analyser les résultats d'une campagne
Segmenter et cibler des contacts (1 de 2)  

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

1 à 1

Les stratégies de personnalisation vous attirent ?

Découvrez les étapes de mise en place d’un marketing personnalisé et ciblé ainsi que son utilisation en temps réel.

Contenu de la formation 1-à-1
Créer une libraire de contenus Personnaliser selon le cycle d’achat
Développer des campagnes automatisées Segmenter et cibler des contacts (1 de 2)
Créer des scénarios déclenchés par des actions en temps réel (triggers) Segmenter et cibler des contacts (2 de 2)
Personnaliser les contenus Inspecter le rendu et les variantes d'un message
Dynamiser le contenu (ex : recommandations de produits)  

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

Analytique

Vous cherchez à comprendre vos résultats ?

Apprenez à analyser vos résultats, à connaître vos clients et à utiliser l’intelligence d’affaires pour offrir des contenus pertinents.

Contenu de la formation ANALYTIQUE
Identifier les meilleures sources d'acquisition Évaluer le rendement
Suivre les visiteurs sur un site web Sonder la clientèle
Explorer le cycle et les intérêts de la clientèle Utiliser les tests A/X
Définir des règles de scoring et des personas Analyser les résultats d’une campagne

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

E-Commerce

Vous avez une boutique en ligne ?

Ce parcours vous aide à offrir une expérience client enrichissante à vos acheteurs et à augmenter vos revenus de ventes.

Contenu de la formation E-COMMERCE
Combiner marketing et E-Commerce Évaluer le rendement
Développer des campagnes automatisées Ajouter des données au profil du client
Personnaliser selon le cycle d’achat Créer une librairie de contenus
Dynamiser le contenu (ex. : recommandations de produits)  

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

Génération de prospects

La génération de prospects qualifiés est un défi pour vous ?

Utilisez des stratégies web performantes pour acquérir de nouveaux prospects et augmenter vos taux de conversion.

Contenu de la formation GÉNÉRATION DE PROSPECTS
Développer des pages de destination Créer des processus d’affaires intelligents
Faire l’acquisition et la mise à jour de contacts Sonder la clientèle
Ajouter des options interactives aux formulaires Identifier les meilleures sources d’acquisition

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

Admin

Vous êtes responsable de l’implantation ?

Ce parcours vous apprendra à configurer la plateforme, à gérer les utilisateurs et à synchroniser vos données.

Contenu de la formation ADMIN
Débuter avec Dialog Insight Personnaliser l’expérience utilisateur
Configurer Courriel, SMS et notifications mobiles Gérer les données clients
Développer un marketing distribué Optimiser la livraison de courriels
Définir les règles de sécurité et d’accès Ajouter des données au profil du client
Synchroniser les systèmes  

Durée : 2,5h
Lieu : en ligne ou en entreprise

M'inscrire à cette formation

Beginner

You are a new Dialog Insight user?

This training course will show you all the basics to get you going quickly and send your first campaigns.

BEGINNER – Training outline
Get started with Dialog Insight Edit emails
Optimize email delivery Segment and target contacts (1 of 2)
Manage client data Analyze campaign results
Prepare a campaign  

Duration: 2.5h
Location: Online or onsite

Enroll me

Campaigns

You are in charge of campaigns?

This training course will help you polish your messages and optimize your results.

CAMPAIGNS – Training outline
Optimize email delivery Personalize content
Prepare a campaign Take advantage of social marketing
Manage an image library Use A/X testing
Edit emails Validate message previews and variants
Send SMS and push notifications Analyze campaign results
Segment and target contacts (1 of 2)  

Duration: 2.5h
Location : Online or onsite

Enroll me

1 to 1

You want to know all there is about personalization?

Discover how to implement a personalized and targeted marketing campaign, and how to use it real-time.

1 TO 1 – Training outline
Create a content library Personalize content based on buying cycle
Develop automated campaigns Segment and target contacts (1 of 2)
Trigger scenarios based on actions Segment and target contacts (2 of 2)
Personalize content Validate message previews and variants
Add dynamic content (such as product recommendations)  

Duration: 2.5h
Location : Online or onsite

Enroll me

Analytics

You are looking for answers in your results?

Learn how to properly analyze your results and better understand your clients in order to offer more appropriate content.

ANALYTICS – Training outline
Find the best acquisition sources Estimate ROI
Track website visitors Get client feedback
Explore client cycles and interests Use A/X testing
Define personas and scoring rules Analyze campaign results

Duration: 2.5h
Location : Online or onsite

Enroll me

E-Commerce

You have an online store?

This training course will help you offer buyers the best possible client experience, as well as increase your sales revenue.

E-COMMERCE – Training outline
Combine marketing and E-Commerce Estimate ROI
Develop automated campaigns Add data to client profiles
Personalize content based on buying cycle Create a content library
Add dynamic content (such as product recommendations)  

Duration: 2.5h
Location: Online or onsite

Enroll me

Lead Gen

Generating qualified leads is your everyday challenge?

Use efficient web strategies to acquire new leads and increase your conversion rate.

LEAD GENERATION – Training outline
Develop landing pages Create intelligent business workflows
Acquire and update contacts Get client feedback
Add interactive options to forms Find the best acquisition sources

Duration: 2.5h
Location: Online or onsite

Enroll me

Admin

You are responsible for implementation?

This training course will teach you how to configure the platform, manage users and synchronize data.

ADMIN – Training outline
Get started with Dialog Insight Personalize user experience
Configure emails, SMS and push notifications Manage client data
Develop distributed marketing Optimize email delivery
Define access and security rules Add data to client profiles
Synchronize systems  

Duration: 2.5h
Location: Online or onsite

Enroll me