Concevoir une page d'atterrissage Lead Gen pour mobile qui se convertit
À propos de l'auteur
Suzanne Scacca est une ancienne implémentatrice, formatrice et directrice d'agence WordPress qui travaille maintenant en tant que rédactrice indépendante. Elle est spécialisée dans le marketing, le web…
Pour en savoir plus sur Suzanne …
Il existe une différence énorme entre un site Web (qui peut générer des leads). et une page de capture de plomb (qui est seulement supposée générer des leads).
Les sites Web disent aux visiteurs:
C’est tout ce que nous pouvons faire pour vous. Regardez autour de vous et dites-nous quand vous serez prêt à dépenser de l’argent!
Indiquez aux visiteurs les pages de capture de plomb:
Nous souhaitons vous donner gratuitement cette information extrêmement précieuse. Donnez votre nom, votre adresse électronique et peut-être quelques autres détails et nous les communiquerons sans attendre!
Il existe également une différence importante dans la conception des deux.
Unbounce a une belle comparaison côte à côte qui montre cette différence de conception entre les deux:

Le seul problème est que cela représente le dessin du point de vue du bureau traditionnel. Tout comme vous considéreriez les différences de conversion entre un site Web pour ordinateur de bureau et un site Web mobile, vous devez faire de même pour leurs pages de destination.
Dans le post suivant, je vais vous donner quelques points à prendre en compte lors de la conception. pages de capture de plomb pour les audiences mobiles. J'ai également analysé un certain nombre de pages de destination sur mobile afin que vous puissiez voir comment les critères de conception peuvent changer en fonction de ce que vous faites la promotion et des personnes que vous essayez de promouvoir.
La différence entre un site Web et une piste Page de capture
Il s'agit du site Web SnackFever :

Il faut quelques rouleaux pour accéder au contenu entier:

Et encore un peu de défilement…

Il s’agit d’une page d’accueil riche en contenu, même pour mobile. Une telle page doit signifier qu’ils sont prêts à faire en sorte que les visiteurs explorent toutes les options et opportunités disponibles sur le site Web. Comme vous le savez, cela peut être un pari sur mobile avec des taux de conversion historiquement inférieurs sur ces appareils.
Ensuite, comparez-le à la page de capture de plomb offerte par SnackFever:
![Formulaire de capture de plomb par SnackFever [19659012] Le formulaire de capture de plomb sur le site Web SnackFever. (Source: <a href=](https://i0.wp.com/blog.arcoptimizer.com/wp-content/uploads/2019/04/1555929334_146_concevoir-une-page-datterrissage-lead-gen-pour-mobile-qui-se-convertit.png?w=660&ssl=1)
Un seul coup d’écran est nécessaire pour voir la page complète:

Techniquement, il s'agit d'une capture de plomb contextuelle . Cependant, sur mobile, SnackFever a transformé cette conception en une page complète (ce qui représente un bien meilleur choix).
Voici un exemple assez impressionnant de la nécessité de concevoir différentes expériences pour différents appareils.
Vous pouvez voir. que c’est beaucoup plus succinct et facile à garder car il a un but singulier. Le but ici est de capturer cette avance le plus rapidement possible. Ceci n'est pas conçu pour leur permettre de se promener sur le site et de réfléchir à d'autres décisions.
C'est précisément pourquoi vous devriez créer des pages de capture de plomb en dehors du site Web. Peu importe le type de génération de leads que vous utilisez pour attirer les visiteurs:
- eBooks, livres blancs et autres rapports personnalisés
- Cours ou webinaires
- Listes de contrôle
- Résultats de la calculatrice ou du quiz
- Réductions ou coupons
- Démos ou consultations
- Essais gratuits
En déplaçant les prospects potentiels vers une page de destination sans distraction, contenant des messages et des visuels très ciblés, vous pouvez améliorer vos chances de les convertir en prospects. Ce n'est peut-être pas un achat, mais vous les avez aidés à franchir cette première étape.
Astuces de conceptions pour les pages de capture de plomb sur mobile
Avant de faire autre chose, je vous encourage à jeter un coup d'œil à celui de votre site Web. Données Google Analytics . Plus précisément, accédez à Auditoire> Mobile> Présentation et recherchez ceci:

Il s'agit du temps moyen passé par vos visiteurs mobiles sur votre site Web.
Ce point de données vous sera utile pour Déterminez, de façon réaliste, le temps dont vous disposez pour capter et retenir l'attention de vos visiteurs mobiles.
Une méthode encore plus efficace consiste à accéder à Comportement> Contenu du site> Toutes les pages . Ensuite, définissez la Dimension secondaire sur Mobile (y compris la tablette) et cliquez sur le nouveau filtre de dimension afin que les valeurs «Oui» atteignent le sommet:

Cela vous permet de voir comment les pages se comportent individuellement en termes de temps passé avec les visiteurs mobiles.
Regardez de près tout pages qui ont un CTA fort et singulier, comme un service dédié ou une page produit. Vous pouvez utiliser ces périodes comme point de repère moyen sur la durée pendant laquelle les visiteurs mobiles resteront engagés dans une page de structure similaire (comme votre page de capture de plomb).
Maintenant que vous avez une idée du seuil de vos visiteurs mobiles, vous Serez mieux préparé pour concevoir une page de capture de plomb pour mobile. La seule chose qui existe, c'est que ce n'est pas si simple que ça.
J'aimerais que ce soit aussi facile à dire:
- Ecrivez un titre de moins de 10 mots
- Ecrivez une description mémorable de moins de 100 mots. 19659037] Ajoutez un formulaire.
- Créez un bouton qui attire l'œil.
- Vous avez terminé
Vous devrez plutôt penser de manière dynamique à la manière dont votre page de capture de plomb convertira au mieux les visiteurs qui y sont destinés. [19659005] Voici les différents éléments à prendre en compte lors de la conception de chaque partie de la page de destination de votre mobile:
# 1: Navigation
Le menu de navigation est un élément essentiel de tout site Web. Il permet aux visiteurs de se déplacer facilement sur le site tout en leur permettant de mieux comprendre tout ce qui est disponible dans les murs de celui-ci.
Mais les pages de capture de plomb n’existent pas dans la navigation d’un site Web. Les visiteurs rencontrent plutôt des liens ou des boutons promotionnels sur des pages Web, des courriels, des médias sociaux et des annonces payantes dans les recherches. En cliquant, ils accèdent à une page de renvoi qui rappelle le site Web, mais qui a son propre style.
La question qui se pose maintenant est la suivante:
Votre page de capture principale doit-elle inclure le site Web principal?
Si l'objectif d'une page de capture de plomb est de capturer des prospects alors il ne devrait y avoir qu'un seul appel à l'action cliquable, n'est-ce pas? Est-ce que la logique ne dicterait pas qu'un menu de navigation avec des liens vers d'autres pages serait trop distrayant? Et qu'en est-il du logo de la marque? Après tout, tout autre lien enverra le signal:
"Hé, ce n'est pas grave si vous souhaitez abandonner cette page."
Au lieu de dire:
"We weren je plaisante pas. Regardez à quel point cette offre est incroyable. Descendez et réclamez le vôtre maintenant. ”
Je dirais que la navigation ne devrait être incluse que lorsque le site Web convertit déjà avec succès les visiteurs en clients / abonnés / membres / lecteurs payants. Si la génération principale n’est là qu’un élément bonus, ce n’est pas grave si les visiteurs veulent revenir en arrière sur le site.
Le logo devrait pouvoir être conservé, car il s’agit davantage d’un élément de marque que de lien concurrent. contexte si. Prenez, par exemple, ce concours sur le site Web Martha Stewart :

Cet élément promotionnel cliquable permet aux visiteurs de se rendre à la page de capture principale où l'élément de navigation a disparu et seul le logo reste: [19659078] Page de capture principale de Martha Stewart « />
En général, si vous avez besoin de cette offre principale pour être réellement un moyen de développer votre liste de diffusion, la navigation ne devrait pas Soyez là.
# 2: Copie
Toutes les règles habituelles relatives à la typographie dans la conception de sites Web mobiles s’appliquent ici – y compris la taille, l’espacement, la couleur et le visage de la police. Toutes les règles que vous avez respectées en termes de formatage d’une page pour mobile s’appliquent également. Par exemple:
- Titres très succincts;
- Paragraphes courts et percutants;
- Listes à puces ou numérotées permettant de décrire rapidement les points;
- Étiquettes d'en-tête permettant de séparer de grandes quantités de texte;
- Caractère gras, italique, hyperliens et autres textes stylisés pour attirer l’attention sur des zones clés.
Mais qu’en est-il de la quantité de copies sur la page? En règle générale, la réponse pour mobile est la suivante:
N'écrivez que le nombre de copies nécessaire.
C'est en effet le cas des pages de capture de contacts mobiles … mais il y a un inconvénient.
les génératrices sont plus faciles à «vendre», ce qui signifie que vous ne devriez pas avoir besoin de beaucoup plus que ce qui suit pour amener les gens à se convertir:
- Un titre court et descriptif;
- Un paragraphe expliquant pourquoi la génératrice est si précieuse;
- Trois à cinq balles décrivant les avantages;
- Un formulaire abrégé récapitulant les informations de base: nom, email et peut-être un numéro de téléphone.
- Bouton d'appel à l'action de couleur vive et personnalisé. ] Il existe d’autres cas où l’offre du chef de file nécessite plus de conviction. Ou lorsque la marque derrière elle décide d’utiliser la copie de la page comme moyen de qualifier les leads. Vous le verrez souvent si le rôle de chef de file nécessite un investissement en temps de la part de la marque. Par exemple:
- Démonstrations de produits
- Consultations ou audits
- Webinaires (parfois)
Dans ces cas, il est plus logique de rédiger une longue page de capture de plomb. Même dans ce cas, je reviens sur ce point car je ne suis pas sûr que ce soit la solution la plus intelligente pour les visiteurs mobiles. Voici donc ce que je vais suggérer:
Si vous construisez une page de capture de plomb pour une marque bien établie connue pour ses pages trop longues et pour lesquelles les leads sont évalués
Si vous construisez une page de capture de plomb pour une marque newish qui souhaite simplement développer rapidement sa liste de diffusion, ne laissez pas les visiteurs attendre. convertir.
Consultez la page de destination de Nauto pour obtenir un eBook gratuit:
La page de capture de livre numérique de Nauto. (Source: Nauto ) ( Grand aperçu ) Il fait un excellent travail en résumant l’offre principale au-dessus du pli. Faites défiler un écran à la fois et vous trouverez ce formulaire accrocheur:
Le formulaire de capture de fil de livre électronique de Nauto. (Source: Nauto ) ( Grand aperçu ) Cela aurait pu être aussi simple que cela. Cependant, Nauto continue avec d'autres copies après la CTA:
Nauto inclut une copie supplémentaire après son formulaire de capture de plomb. (Source: Nauto ) ( Grand aperçu ) Ce qui est intéressant ici, c’est que cette partie de la page réécrit l’introduction en haut de la page. J'imagine que c'est ce qu'ils ont fait pour renforcer le référencement de la page avec un nombre de mots plus long et une réitération des mots-clés principaux.
Soit ils ont constaté que les visiteurs ne remplissaient pas immédiatement le formulaire et avaient besoin d'un peu plus. encouragement. Cela expliquerait pourquoi un peu plus de défilement vers le bas vous amène à regarder de plus près le contenu de l’eBook ainsi qu’à un autre lien pour le télécharger (qui ne fait que vous ramener au formulaire):
Nauto inclut un autre CTA pour le formulaire de capture de plomb. (Source: Nauto ) ( Image agrandie ) De toute évidence, vous pouvez toujours écrire toute une série de copies après la forme gén. Principale, aussi longtemps que il y a une bonne raison à cela.
# 3: Formulaire de capture de plomb
Nick Babich a rédigé un article remarquable sur comment concevoir des formulaires pour mobile . Bien que le guide concerne davantage les formulaires de paiement pour le commerce électronique, les mêmes principes de base s'appliquent également ici.
Vous devez prendre en compte un certain nombre d'autres facteurs lors de la conception de formulaires permettant de capturer des prospects sur une page de destination dédiée.
Où devez-vous placer le formulaire?
J'ai surtout répondu à la question ci-dessus au sujet de la copie. Mais, si nous voulons être plus précis, le formulaire de capture de plomb doit toujours apparaître en trois balayages maximum sur le mobile.
De manière réaliste, le premier coup d’œil sur une page de capture de plomb devrait être un élément visuel et un titre attrayants. Le prochain balayage (si nécessaire) devrait consister en un paragraphe explicatif et une courte liste d'avantages. Vous devez alors les insérer directement dans le formulaire.
Ceci est un exemple tiré de la page de capture de livre électronique de GoToMeeting :
GoToMeeting. (Source: GoToMeeting ) ( Grand aperçu ) Ils ont tronqué tous ces éléments d'introduction clés dans la conception d'en-tête supérieure.
Pouvez-vous écrire le Les étiquettes différemment?
Non, les étiquettes ne devraient jamais être altérées, surtout sur mobile. Gardez-les clairs et précis. Prénom. Email. Affaires. # des employés. Etc.
Ce que vous pouvez et devez faire différemment, cependant, est de créer des titres de formulaire et des CTA plus attrayants. Ou vous pouvez encapsuler le formulaire entre des bordures de couleurs vives.
Le but de cette page est de convertir les visiteurs en un seul élément. Bien que vous ne puissiez pas jouer avec les étiquettes de champ, vous pouvez augmenter leur engagement avec le texte et le design aberrants.
Combien de champs devez-vous inclure?
La réponse à cette question est toujours “uniquement ceux qui sont nécessaires ". Cependant, vous ne voulez pas aller trop loin vers le côté simple si le but de la génération principale est de qualifier les prospects.
Si vous ne faites que créer une liste d’emails, Nom et e-mail suffiront. Si votre objectif est de fournir quelque chose de valeur aux personnes qui en ont réellement besoin et, plus tard, de les suivre et de les lancer dans le processus de vente, le formulaire de capture de prospect doit être plus long.
Voici un autre aperçu de la page de renvoi de GoToMeeting. :
Le long formulaire de capture de leads de GoToMeeting. (Source: GoToMeeting ) ( Grand aperçu ) Vous pouvez dire tout de suite qu'ils n'essayent pas de donner cet eBook à qui que ce soit. Ceci est destiné à un type d'entreprise spécifique et ils vont probablement filtrer les pistes qu'ils reçoivent en fonction de l'intitulé du poste et du pays.
Ne vous sentez pas comme quelque chose que vous pouvez utiliser uniquement pour les sites Web B2B. non plus. Consultez ce formulaire de capture de plomb personnalisé de Zola :
Première page du formulaire de capture de plomb de Zola. (Source: Zola ) ( Grand aperçu ) La première page du formulaire vous demande votre nom. La deuxième page du formulaire demande le nom de votre futur conjoint:
La deuxième page du formulaire de capture de plomb Zola. (Source: Zola ) ( Image agrandie ) La dernière question vous demande ensuite de préciser votre date de mariage prévue ou provisoire:
La troisième page du formulaire de capture de plomb de Zola. (Source: Zola ) ( Grand aperçu ) À la dernière page, Zola vous indique que vous pouvez recevoir votre liste de contrôle de mariage personnalisée si vous ' Je suis disposé à créer un compte:
Zola requiert une adresse électronique et un mot de passe avant d'envoyer la liste de contrôle personnalisée. (Source: Zola ) ( Grand aperçu ) C’est une série de questions assez simple, mais qui ne figure pas dans la plupart des formulaires de saisie de plomb. N'ayez donc pas peur de sortir de la norme si cela améliore la valeur de l'offre de lead pour le visiteur et aide votre client à collecter de meilleures données sur leurs leads.
# 4: Marques de confiance
Les marques de confiance sont des marques de confiance. souvent utilisé autour de les formulaires de paiement pour le commerce électronique mobile . Cela a beaucoup de sens puisque l'objectif est de rendre les visiteurs mobiles suffisamment à l'aise pour acheter quelque chose sur leurs smartphones.
Mais faut-il des marques de confiance pour les pages de capture de plomb?
Je pense que cela se résume à quel type de chef de groupe vous donnez et quel type de communication vous souhaitez avoir avec le chef de file après avoir rempli le formulaire.
Prenez l'exemple de SnackFever ci-dessus. C’est un petit jeu amusant mis en place sur leur site qui consiste à échanger une remise contre une adresse électronique. SnackFever n’a aucune raison de placer une marque de confiance Norton Security ou SSL à côté du formulaire.
Mais lorsque la valeur de la génération principale dépend des connaissances et des compétences de l'entreprise qui la sous-tend, il est très important d'inclure des marques de confiance sur la page.
Dans ce cas, vous voulez démontrer que il y a des clients satisfaits (qui ne sont pas des clients potentiels) disposés à se porter garants des capacités et des prouesses de la société. Si vous pouvez exploiter des logos de marques bien connus et des témoignages flatteurs d'individus, votre page de destination enregistrera plus efficacement les types de prospects appropriés (c'est-à-dire ceux qui souhaitent entrer dans l'entonnoir des ventes après avoir reçu leur nom de marque).
surprise que quelqu'un comme Neil Patel tire parti de ce type de marques de confiance – il a beaucoup de clients prestigieux et satisfaits. Il serait stupide de ne pas les inclure sur sa page de capture principale.
Voici le haut de sa page de capture principale "Oui, je veux plus de trafic":
Capture principale de Neil Patel page met en scène. (Source: Neil Patel ) ( Grand aperçu ) Cela continue encore et encore pendant une douzaine de rouleaux. (Comme je l'ai déjà mentionné, si vous êtes connu pour avoir écrit un contenu excessivement long sur votre site, vous pouvez vous en tirer.)
Neil Patel fournit des données précieuses pour démontrer la valeur de son travail. offre. (Source: Neil Patel ) ( Grand aperçu ) Il finit par arriver à un point où il laisse les autres dire au visiteur pourquoi ils devraient suivre cette offre. Le premier bloc de marques de confiance se présente sous la forme de citations courtes et de logos de sociétés renommées:
Neil Patel montre ses clients de marque et les citations qu’ils ont fournies à son sujet. (Source: Neil Patel ) ( Grand aperçu ) La section suivante met en lumière les clients «plus petits» qui sont prêts à divulguer les résultats impressionnants obtenus par Neil.
Neil Patel inclut des témoignages basés sur les données d'autres clients. (Source: Neil Patel ) ( Grand aperçu ) Bien que je ne suggère pas la longueur ou le style de cette page pour vos clients, je pense qu’il ya une grande leçon à tirer de être utilisé ici pour mettre à profit les mots et les réputations d’une clientèle satisfaite afin d’instaurer un climat de confiance.
Bien que j’ai du mal à justifier l’utilisation d’une navigation sur une page de capture de plomb, je pense en fait qu’un pied de page est un bonne idée. Cela dit, je ne pense pas que cela devrait être identique au pied de page de votre site Web. Encore une fois, nous voulons éviter tout élément de conception bourré de liens qui pourraient détourner l’objectif de la page.
Vous devez plutôt utiliser le pied de page pour renforcer la confiance avec les pistes. Les conditions d'utilisation, la politique de confidentialité et d'autres pages relatives à la politique de gestion des données sont ici.
J'inclus ce dernier exemple tiré de Drift car il s'agit de la «page» de capture de leads la plus unique que j'ai rencontrés jusqu’à présent – et parce que le pied de page est aussi simple qu’ils viennent.
Cette page présente les webinaires à venir et précédents de Drift:
Lien vers un webinaire ancien de Drift. (Source: Drift ) ( Grand aperçu ) Si vous essayez de “regarder l'enregistrement” d'un ancien webinaire, il est juste de supposer que Drift va vouloir capturer Votre adresse email. Toutefois, Drift est en train de développer des outils de marketing conversationnel pour les entreprises. Alors qu'ils auraient pu créer une page de renvoi conversationnelle (un peu comme ce que Zola a fait avec sa forme ci-dessus), il a emprunté un chemin différent:
Le chatbot de Drift demande aux visiteurs leur adresse e-mail pour se rendre au séminaire en ligne. (Source: Drift ) ( Grand aperçu ) Les visiteurs intéressés par le webinaire principal sont dirigés vers une page DriftBot. Sa conception est très simple (comme toute interface de discussion en ligne) et comprend les pieds de page les plus simples. Bien que le lien de Drift soit là, la seule politique qui attire l'attention est la «Politique de confidentialité» et il est clair que Drift souhaite que cela soit une réflexion après coup basée sur le choix de la couleur de police.
Une autre chose que je tiens à noter à propos de cet exemple est que si vous suivez les mêmes étapes sur le site Web de bureau, DriftBot ne vous demande pas d’adresse électronique. Il vous donne simplement un lien:
Le chatbot de bureau Drift ne demande pas d’adresse électronique. (Source: Drift ) ( Grand aperçu ) Ceci est une preuve supplémentaire que vous devez concevoir différentes expériences en fonction des résultats attendus pour chaque périphérique. Dans ce cas, ils ont probablement des données montrant que les visiteurs de bureau regardent le webinaire tout de suite, tandis que les visiteurs mobiles attendent d'être sur un appareil doté d'un écran plus grand.
Enveloppant
Les principes de base de la conception mobile sont les suivants: La meilleure chose à faire lorsque vous concevez quelque chose de nouveau pour vos clients est également consciente de l'objectif de ce nouvel élément ou de cette nouvelle page.
Comme vous pouvez le constater dans bon nombre des exemples ci-dessus, il existe une différence marquée entre les types d'offres de lead gen. vos clients peuvent vouloir partager avec les visiteurs.
Les échanges plus simples (par exemple, donnez-moi votre email / obtenez cette liste de contrôle) ne nécessitent pas beaucoup de déviation par rapport à la conception des autres pages Web mobiles. D'autres échanges à enjeux élevés (par exemple, donnez-moi vos informations / obtenez un devis personnalisé, consultez ou faites une démonstration) peuvent nécessiter des techniques de conception non compatibles avec le mobile.
Je vous suggérerais de faire votre recherche, de voir combien de temps vous pouvez tenir votre l'attention des visiteurs sur le mobile et le concevoir. Ensuite, démarrez Test A / B de votre conception pour expérimenter avec la construction de formulaire, la longueur de page, etc. Vous serez peut-être surpris de voir ce que vos visiteurs mobiles iront chercher si l'offre principale est assez juteuse.
(ra, yk, il)
Source link