Comment optimiser ma landing page pour les appareils mobiles ?
L’éditeur de landing pages de GetResponse génère automatiquement une version adaptée aux mobiles pour vous. Cela garantit que votre landing page est responsive sur différents écrans, en mode vertical comme horizontal.
Vous pouvez personnaliser la version mobile en utilisant les options suivantes :
Masquer sur les appareils mobiles
Cette fonctionnalité est disponible pour chaque élément de votre landing page. Utilisez-la pour masquer certains objets lorsque votre page est affichée sur un appareil mobile, assurant ainsi une expérience plus simple et rapide.
Vous trouverez cette option en bas de la barre d’outils des paramètres de l’objet.
Il est particulièrement utile pour masquer les diviseurs et les espaces dans la vue mobile.
Remarque: Les diviseurs verticaux ont cette option activée par défaut.
Afficher en largeur plein écran sur les appareils mobiles
Lorsque cette option est activée, elle permet à votre image ou vidéo de s’étendre sur toute la largeur des écrans mobiles. Cela permet de maximiser l’utilisation de l’espace limité de l’écran mobile tout en offrant une disposition alternative pour la version bureau.
Remarque : Cette option est disponible uniquement pour les images et les vidéos.
Optimiseur de vue mobile
Vous pouvez définir les tailles de police et les espacements de votre site pour les appareils mobiles. La vue bureau ne sera pas affectée par les changements.
Pour ouvrir l’optimiseur, cliquez sur l’icône mobile à droite dans la barre d’outils supérieure et ajustez les valeurs à l’aide des curseurs.
Cliquez sur Réinitialiser aux valeurs précédentes pour remettre chaque section à ses paramètres par défaut.
Étapes pour anciennes landing pages
Notre espace de travail mobile dans le créateur de landing page classique vous permet de prévisualiser et de modifier la version mobile de votre landing page. Il vous donne la possibilité de personnaliser la version mobile en :
- Redimensionner et ajuster le texte et les images
- Masquer et restaurer les éléments
- Repositionner les éléments
- Remplacer les images de fond
Vous pouvez utiliser l’espace de travail mobile pour modifier :
- Les modèles vierges que vous utilisez pour créer votre page à partir de zéro,
- Les modèles de page prêts à l’emploi que vous pouvez personnaliser pour répondre à vos besoins marketing,
- Vos landing pages existantes que vous souhaitez mettre à jour.
Cliquez sur Aperçu pour ouvrir un onglet séparé où vous pouvez vérifier comment les modifications apportées apparaîtront sur les appareils de vos clients.
Comment accéder à l’espace de travail mobile de la landing page ?
Si vous créez une nouvelle landing page, il vous suffit de cliquer sur l’icône de l’espace de travail mobile pour ouvrir l’espace de travail.
Pour vos landing pages existantes, cliquez sur l’icône de l’espace de travail mobile dans le créateur de landing page. Un pop-up s’ouvrira vous demandant de confirmer si vous souhaitez que nous convertissions la page. Une fois que vous confirmez, l’espace de travail mobile s’ouvrira.
Une fois la landing page convertie, sa version mobile pourra être consultée sur des appareils mobiles. Le point de rupture pour les versions mobiles dans GetResponse est de 600 px. Ainsi, si votre landing page apparaît dans une fenêtre de 600 px ou moins, nous afficherons sa version mobile.
Note : Si vous ne passez pas par l’espace de travail mobile pour toutes les variantes de votre landing page et de la page de remerciement avant de l’enregistrer, nous vous demanderons de confirmer si vous souhaitez que nous les convertissions en versions mobiles.
Comment puis-je organiser ma landing page pour les appareils mobiles automatiquement ?
Parce que notre espace de travail bureau et l’espace de travail mobile sont des versions différentes de la même mise en page, l’un ne peut pas être modifié manuellement sans affecter l’autre. À la place, nous offrons l’option d’organiser automatiquement votre landing page pour les appareils mobiles. Pour compléter ce processus :
1. Cliquez sur l’icône de l’espace de travail mobile.
2. Cliquez n’importe où dans l’espace de travail mobile.
3. Si vous utilisez Windows, appuyez sur Control + O sur votre clavier. Si vous utilisez Mac, appuyez sur Command + O sur votre clavier.
4. Une nouvelle fenêtre apparaîtra, vous demandant si vous souhaitez optimiser la mise en page mobile. Cliquez sur Oui, continuer.
Votre landing page sera automatiquement organisée pour les appareils mobiles.
Remarque : Cela réinitialisera toutes les modifications que vous avez apportées à la conception mobile. Vous ne pourrez pas annuler cette action. L’historique de vos modifications ne sera pas disponible.
Comment puis-je repositionner les éléments dans l’espace de travail mobile ?
Faites glisser et déposez les éléments pour déplacer les objets dans l’espace de travail mobile. Veuillez noter que certaines modifications dans l’espace de travail mobile peuvent affecter la version bureau :
- Déplacer des éléments vers une autre section, ou supprimer un objet d’une boîte, affecte également la version bureau de la landing page.
- Déplacer des éléments à l’intérieur d’une section ne s’applique qu’à la version mobile. Rien ne change dans la version bureau.
Nous vous notifierons à chaque fois que cela se produit en affichant un numéro à côté de l’icône de l’espace de travail mobile.
Le numéro indique combien de vos modifications affectent la version bureau. (Il en va de même pour les modifications que vous apportez dans la version bureau qui affectent la version mobile.)
Vous ne pouvez déplacer les éléments que dans une zone spécifique de l’espace de travail. Il n’est pas possible de placer des éléments sur les bords éloignés de l’espace de travail (ils sont couverts de rayures diagonales). Cela est dû au fait qu’ils peuvent ne pas être visibles immédiatement dans la fenêtre d’affichage des appareils mobiles. Vos clients devront faire défiler pour voir les objets placés là. Nous voulons nous assurer que votre landing page s’affiche correctement sur les petits écrans, c’est pourquoi nous vous indiquons où il est préférable de ne pas placer d’objets.
Comment redimensionner et ajuster la taille des éléments dans l’espace de travail mobile ?
Vous pouvez également redimensionner l’élément pour modifier la largeur du cadre de texte. Ensuite, vous pouvez ajuster l’échelle d’un objet pour augmenter ou réduire la taille du texte dans l’espace de travail mobile.
Le redimensionnement et l’ajustement de l’échelle vous permettent de modifier les champs de texte dans l’espace de travail mobile afin qu’ils apparaissent dans la fenêtre d’affichage exactement comme vous le souhaitez. Voici comment procéder :
- Cliquez sur l’objet pour afficher les poignées de redimensionnement.
2. Pour redimensionner, cliquez et faites glisser les poignées de redimensionnement sur les côtés pour modifier la largeur du cadre de texte.
3. Pour ajuster l’échelle, cliquez et faites glisser les poignées de redimensionnement dans les coins pour rendre le texte plus petit ou plus grand.
Le redimensionnement et l’ajustement de l’échelle des objets dans l’espace de travail mobile n’entraîneront aucun changement dans l’espace de travail bureau.
Puis-je supprimer des éléments dans l’espace de travail mobile ?
Vous pouvez masquer des éléments dans l’espace de travail mobile. Pour ce faire, cliquez sur l’icône de visibilité qui apparaît après avoir sélectionné un élément.
Pour voir les éléments masqués, cliquez sur le bouton Afficher les éléments masqués dans la barre d’outils supérieure. La zone de travail devient grisée et l’objet masqué devient visible. Vous pouvez maintenant :
- Restaurer l’élément. Pour ce faire, cliquez simplement à nouveau sur l’icône de visibilité.
- Garder l’élément masqué. Pour ce faire, cliquez sur le bouton Masquer les éléments désormais visible à côté de l’icône de l’espace de travail mobile.
Remarque : Il n’est pas possible d’ajouter ou de supprimer des éléments dans l’espace de travail mobile. Vous devez passer à l’espace de travail bureau pour cela.
Puis-je modifier les champs de texte et remplacer les images de fond dans l’espace de travail mobile ?
Oui, vous pouvez modifier les champs de texte et remplacer les images de fond dans l’espace de travail mobile. Voici comment procéder :
- Pour les éléments de texte, double-cliquez sur un élément pour ouvrir la barre d’outils avec les options de modification. Vous pouvez modifier la taille, la couleur et l’alignement du texte.
- Pour les images de fond, double-cliquez sur l’image pour ouvrir la barre d’outils avec les options de modification. Cliquez sur l’icône de l’image de fond pour remplacer l’image actuelle, ou sur l’icône “x” pour la supprimer.