Le trafic mobile continue de croître d'année en année, ce qui signifie que vos formulaires pop-up doivent fonctionner parfaitement sur les petits écrans.
Ce guide vous montre comment créer des formulaires mobiles et de bureau séparés, ajuster la taille et le timing pour respecter les directives de Google.
Remarque : Ce guide s'applique à Pop-up et Flyout uniquement. Les formulaires intégrés et de Landing Page s'affichent sur tous les appareils par défaut et n'ont pas de paramètres de visibilité. En savoir plus sur les types de formulaires
Créer des formulaires mobiles et de bureau séparés
Bien que les formulaires Omnisend s'ajustent automatiquement à la largeur de l'écran, les designs de bureau peuvent ne pas s'afficher de manière optimale sur mobile, les images peuvent être coupées, les formulaires peuvent devenir trop longs et le texte peut être plus difficile à lire sur de petits écrans. Pour garantir la meilleure expérience mobile, créez des versions optimisées pour chaque appareil :
Étape 1. Accédez à Formulaires → sélectionnez votre pop-up → cliquez sur le menu à trois points → Copier.
💡 Vous pouvez également créer un nouveau formulaire uniquement mobile. Allez à Formulaires → Créer un formulaire → Paramètres du formulaire → Mobile uniquement.
Étape 2. Renommez le duplicata (par exemple, "Pop-up de vente de printemps – Mobile").
Étape 3. Optimisez la version mobile :
Réduisez la largeur à 300–500px (Paramètres du thème → Disposition du formulaire).
Utilisez une mise en page à un seul champ (email uniquement) ou au maximum 2 champs.
Ajustez ou supprimez les images (ou positionnez-les en haut via Paramètres du thème → Disposition).
Augmentez la taille des boutons pour faciliter le tapotement.
Réduisez le texte – les utilisateurs mobiles ont des temps d'attention plus courts.
Étape 4. Définissez Comportement → Visibilité à Mobile uniquement dans le formulaire mobile.
Étape 5. Dans votre formulaire original, définissez Comportement → Visibilité à Desktop uniquement.
Étape 6. Enregistrez et activez les deux formulaires.
💡 Conseil : Testez les deux formulaires sur des appareils réels pour voir comment ils se comportent.
Règles de compatibilité mobile de Google pour les popups
Google pénalise les popups mobiles qui bloquent le contenu immédiatement après qu'un utilisateur arrive sur une page. Évitez ces pratiques :
Afficher un pop-up qui couvre le contenu principal immédiatement après que l'utilisateur navigue à partir des résultats de recherche.
Afficher un interstitiel autonome, que l'utilisateur doit fermer avant d'accéder au contenu.
Utiliser une mise en page où le contenu au-dessus de la ligne de flottaison apparaît comme un interstitiel.
Popups autorisés :
Avis d'obligation légale (consentement aux cookies, vérification de l'âge).
Dialogues de connexion pour du contenu privé.
Bannières utilisant un espace d'écran raisonnable (facilement fermables).
Meilleures pratiques pour les popups mobiles
Une fois que vous avez créé votre formulaire optimisé pour mobile, suivez ces meilleures pratiques pour maximiser les conversions et respecter les directives de compatibilité mobile de Google. Ces conseils vous aident à équilibrer la visibilité avec l'expérience utilisateur.
1. Ajuster la taille du pop-up
Les popups mobiles ne doivent pas remplir tout l'écran. Réduisez la largeur du formulaire dans Paramètres du thème → Disposition du formulaire (recommandé : 300–500px pour mobile).
Ajustez la taille du texte : Sélectionnez les éléments de texte et choisissez des tailles de police plus petites.
💡 Gardez le texte bref car les utilisateurs mobiles parcourent rapidement.
Ajustez l'image : Les images peuvent ne pas s'afficher comme prévu sur mobile en raison de la taille de l'écran. Pour contrôler l'affichage des images mobiles, ajustez ou supprimez les images dans votre formulaire mobile, ou positionnez-les en haut via Paramètres du thème → Disposition.
2. Utilisez un timing approprié
Affichez les popups après que les utilisateurs interagissent avec votre contenu (profondeur de défilement, visites de page ou temps sur la page). Évitez l'affichage immédiat ; Google pénalise les popups qui bloquent le contenu à l'arrivée.
Ajustez le timing dans Comportement → Affichage :
Temps sur la page : 6–10 secondes.
Profondeur de défilement : 50 % ou plus.
Visites de page : 2+ pages.
Intention de sortie : Lorsque l'utilisateur est sur le point de partir (fonctionne sur mobile via la détection de la vitesse de défilement).
3. Définir la visibilité pour mobile et bureau
Créez des formulaires séparés pour les utilisateurs mobiles et de bureau afin d'assurer une mise en page optimale pour chaque appareil. Ajustez la visibilité dans Comportement → Visibilité:
Mobile uniquement (smartphones et tablettes).
Desktop uniquement (ordinateurs portables et de bureau).
4. Cibler des pages spécifiques
Ne pas afficher de popups sur chaque page. Utilisez Comportement → Ciblage pour contrôler où les formulaires apparaissent:
Apparaît sur l'URL : Afficher sur des pages spécifiques (par exemple, pages de produits, articles de blog).
N'apparaît pas sur l'URL : Exclure les pages de paiement, de panier ou de remerciement.
Ciblage des visiteurs : Afficher à tous les visiteurs, uniquement aux nouveaux visiteurs ou aux contacts existants.
💡 Conseil : Si vous avez utilisé "contient" avec l'URL de votre page d'accueil (par exemple, "mysite.com"), le pop-up s'affiche sur toutes les pages car chaque page contient cette URL. Pour afficher le formulaire uniquement sur la page d'accueil, changez la cible en "est" avec l'URL exacte de votre page d'accueil.
5. Utilisez des CTA clairs et actionnables
Les popups mobiles sont petits. Rendez votre appel à l'action évident. Utilisez des verbes d'action qui indiquent exactement ce qui se passe lorsque les utilisateurs soumettent :
✅ "Obtenez 15 % de réduction"
✅ "Envoyer ma réduction"
✅ "S'abonner et économiser"
❌ "Soumettre" (vague)
6. Limiter les champs du formulaire
Demandez uniquement les informations essentielles. Les utilisateurs mobiles ne rempliront pas de formulaires longs ; les téléphones sont faits pour des actions rapides.
Recommandé :
Email uniquement (conversion la plus rapide)
Email + téléphone (si vous exécutez des campagnes SMS)
Email + prénom (pour la personnalisation)
Évitez : Plusieurs champs, cases à cocher, menus déroulants.
7. Ajuster la taille de l'Onglet d'accroche pour mobile
Si votre onglet d'accroche (onglet cliquable au bord de l'écran) inclut un, réduisez la taille de la police dans Onglet d'accroche → Style pour rendre l'onglet d'accroche plus petit sur mobile.
FAQ
Pourquoi mon formulaire intégré n'a-t-il pas de paramètres de visibilité ?
Les formulaires intégrés n'ont pas de paramètres de visibilité par appareil. Ils s'affichent où que vous placiez le code d'intégration, sur tous les appareils. Si vous avez besoin d'un contrôle spécifique à l'appareil (mobile uniquement ou bureau uniquement), utilisez un Pop-up ou un formulaire coulissant (flyout) à la place, qui incluent les options Comportement → Visibilité.
Puis-je afficher des images différentes sur mobile par rapport à desktop ?
Oui, mais vous devez créer deux formulaires distincts. Concevez votre formulaire de bureau avec les images que vous souhaitez, puis dupliquez-le. Dans la version mobile, ajustez ou supprimez les images, puis définissez Comportement → Visibilité sur Mobile uniquement. Définissez votre formulaire de bureau sur Desktop uniquement.
Besoin de quelqu'un pour vous guider ? Contact (e) notre équipe de support via le chat intégré ou à [email protected].