Quels outils sont disponibles dans l’éditeur de landing page ?

Une fois que vous commencez à créer votre landing page, vous pouvez la personnaliser pour mieux répondre à vos besoins. Voici quelques éléments que vous pourrez ajouter et personnaliser dans l’éditeur de landing page de GetResponse :

• Section
• Texte
• Image
• Bouton
• Vidéo
• Séparateur
• Espacement
• Icônes de réseaux sociaux
• Code personnalisé
• Galerie
• Minuteur
• Formulaire
• Popup
• Formulaire d’inscription au webinaire
• Boîte produit
• Boîte de cours et table des matières

Sections

Les sections sont un excellent moyen d’organiser le contenu de votre landing page. Vous pouvez voir une section comme un conteneur regroupant plusieurs éléments. En regroupant des éléments tels que des boutons, des libellés ou des images, vous pouvez les déplacer ou les supprimer en un seul clic.

Les sections ont deux fonctions principales :

• Elles organisent les éléments en groupes logiques.
• Elles vous permettent de gérer votre contenu de manière simple.

La plupart de nos modèles de landing pages sont composés de sections. Vous pouvez également ajouter des sections supplémentaires à votre modèle.

Découvrez-en plus sur l’utilisation des sections dans notre éditeur de landing pages.

Texte

Vous pouvez soit ajouter une nouvelle zone de texte depuis la barre d’outils, soit modifier le texte déjà présent dans le modèle. Cliquez sur le texte ou la zone de texte pour effectuer des modifications.

Les options d’édition incluent :

• Type
• Police
• Taille de la police
• Style de la police
• Couleur de la police
• Couleur d’arrière-plan
• Alignement
• Hauteur de ligne
• Style de liste
• Hyperlien
• Émojis
• Paramètres du bloc (couleur, espacement interne, bordure, rayon, ombre et média d’arrière-plan)

Image

Dans GetResponse, vous trouverez une variété d’images stock parmi lesquelles choisir, ou vous pouvez importer vos propres visuels (images ou GIFs) depuis votre ordinateur ou une URL. Une fois insérés, cliquez dessus pour accéder à davantage d’options d’édition, notamment :

• Texte alternatif
• Lien de clic
• Largeur et hauteur
• Ajuster à la largeur de l’écran sur mobile
• Opacité
• Alignement
• Paramètres avancés (bordure, rayon, ombre)
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Vous pouvez également remplacer ou modifier l’image en utilisant un éditeur de photos intégré directement dans l’éditeur de landing page.
Pour remplacer l’image, cliquez sur le bouton Remplacer et sélectionnez-en une autre. Pour modifier l’image dans l’éditeur, cliquez sur le bouton Modifier.

Dans l’éditeur, vous pouvez recadrer, redimensionner, ajuster et transformer l’image. Vous pouvez également ajouter des filtres, des superpositions, des autocollants et du texte.

Une fois que vous avez terminé l’édition, cliquez sur le lien Enregistrer pour sauvegarder la version modifiée de l’image.

Bouton

Si vous souhaitez lien vers un autre site web, un numéro de téléphone, un document PDF, etc., vous pouvez utiliser un bouton. Cliquez sur un bouton pour ajuster les éléments suivants :

• Texte du bouton
• Type de lien
• URL
• Comment le lien doit-il s’ouvrir ?
• Style
• Forme
• Taille
• Alignement
• Paramètres avancés (rayon, ombre)
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Video

Vous pouvez intégrer des vidéos provenant de plateformes de partage de vidéos telles que YouTube directement sur votre landing page. Une fois que vous avez fait glisser le bloc vidéo sur la page, cliquez dessus et spécifiez l’URL de la vidéo. Après cela, vous pourrez ajuster les paramètres suivants :

• Lecture automatique en sourdine – Démarrer automatiquement la lecture de votre vidéo en sourdine dès que la page est chargée (tous les navigateurs ne supportent pas la lecture automatique)
• Muet – Activer le mode muet par défaut
• Boucle – Définir la vidéo pour qu’elle se répète en boucle
• Contrôles – Afficher ou masquer les contrôles vidéo par défaut fournis par la plateforme vidéo
• Largeur et hauteur
• Ajuster à la largeur de l’écran sur mobile
• Alignement
• Paramètres avancés (bordure, rayon, ombre)
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Découvrez comment ajouter des vidéos à vos landing pages.

Séparateur

Les séparateurs sont des lignes graphiques qui ajoutent de petits accents de design à votre page et aident à mettre en valeur les zones les plus importantes. Vous pouvez ajuster :

• Disposition (horizontale ou verticale)
• Style
• Hauteur
• Alignement
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Espacement

Utilisez des espacement pour ajouter de l’espace supplémentaire entre les éléments de votre landing page. Cela peut vous aider à diriger l’attention des visiteurs vers les zones importantes et vous offrir plus d’options pour la conception de la page. Vous pouvez configurer les paramètres suivants :

• Couleur
• Bordure
• Rayon
• Ombre

Icônes de réseaux sociaux

Vous pouvez ajouter des icônes de réseaux sociaux et de partage social à votre landing page pour offrir un accès rapide et encourager davantage d’engagement de la part de vos visiteurs. Dans les paramètres de ce bloc, vous pouvez spécifier :

• Action – Ce qui se passe lorsqu’une des icônes de réseaux sociaux est cliquée
• Plateformes de réseaux sociaux
• Style
• Disposition (horizontale ou verticale)
• Alignement
• Couleur
• Taille
• Espacement
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Découvrez comment ajouter des icônes de réseaux sociaux à votre landing page.

Code personnalisé

ous pouvez ajouter votre propre code HTML, mise en forme CSS et JavaScript à votre landing page en utilisant l’élément Code personnalisé.

Vous trouverez ici des informations détaillées concernant le bloc de code personnalisé.

Galerie

Vous pouvez ajouter une galerie d’images à votre landing page pour présenter vos produits et services, attirer l’attention des visiteurs sur les points forts de votre contenu ou créer une ambiance visuelle qui met en valeur votre entreprise. Pour ce bloc, vous pouvez ajuster :

• Images affichées dans la galerie
• Style d’affichage (masonry, grille ou diaporama)
• Largeur et hauteur (pour le style d’affichage diaporama)
• Taille des images (pour les styles d’affichage grille et masonry)
• Espacement horizontal et vertical des images (pour les styles d’affichage grille et masonry)
• Paramètres avancés (bordure, rayon et ombre)
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Minuteur

Vous pouvez ajouter un minuteur à votre landing page pour compter à rebours jusqu’à une date future spécifique. Vous pouvez également configurer un compte à rebours evergreen. Il commencera à compter dès que vos visiteurs ouvriront la page et déclenchera une redirection vers une vente incitative. C’est un excellent moyen de promouvoir une vente, une offre additionnelle ou de susciter l’anticipation pour un événement. Cela aide à créer un sentiment d’urgence pour encourager les contacts potentiels à s’inscrire sur votre liste.

Pour cet élément, vous pouvez configurer :

• Type (evergreen ou date fixe)
• Durée du compte à rebours
• Format
• Conception du compteur (police, taille de la police, style de la police, couleur de la police, couleur de fond, espacement interne, bordure, rayon)
• Conception de l’étiquette (police, taille de la police, style de la police, couleur de la police et activation/désactivation des étiquettes)
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Découvrez comment utiliser les minuteries dans notre éditeur de landing page.

Formulaire

Dans notre éditeur de landing page, vous pouvez intégrer deux types de formulaires :

• Formulaires d’inscription – Ils vous permettent de convertir les visiteurs en abonnés et d’élargir la portée en ligne de votre entreprise.
• Formulaires de contact – Ils permettent à vos visiteurs de vous laisser des messages et de poser des questions. Vous pourrez répondre via le chat ou manuellement par email ou téléphone.

Vous pouvez ici trouver plus d’informations concernant la différence entre les formulaires de contact et les formulaires d’inscription.

Popups

Ajouter des pop-ups à votre landing page peut motiver les clients à effectuer des actions spécifiques. Les pop-ups peuvent inclure des formulaires d’abonnement ou être utilisés pour promouvoir des ventes et des événements. Pour les pop-ups, vous pouvez configurer :

• Taille
• Position
• Déclencheur
• Temps
• Fréquence
• Paramètres du bloc (couleur, espacement interne, bordure, rayon, ombre, superposition et couleur de la superposition)

Cliquez ici pour en savoir plus sur les pop-ups dans l’éditeur de landing page.

Formulaire d’inscription au webinaire

Il est également possible d’ajouter des formulaires d’inscription au webinaire à votre landing page. Si vous avez déjà planifié des webinaires, faites glisser et déposez le module de webinaire sur votre landing page. Le reste se fait automatiquement. Pour vous faciliter la tâche, le dernier webinaire que vous avez créé est toujours sélectionné par défaut. Évidemment, vous pouvez choisir quel webinaire promouvoir sur votre landing page.

Lorsque vous faites glisser le module sur votre site, le module de webinaire inclut le titre, la date, le fuseau horaire, les champs pour entrer le nom et l’adresse e-mail, ainsi qu’un bouton pour rejoindre. Dans la barre d’outils, vous pouvez configurer l’affichage des éléments suivants :

• Titre du webinaire
• Date et heure
• Paramètres du formulaire
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Vous pouvez ici trouver plus d’informations concernant les formulaires d’inscription aux webinaires.

Boîte produit

Vous pouvez désormais ajouter des boîtes produit à votre landing page pour offrir un accès rapide et encourager davantage d’engagement de la part de vos visiteurs.

Pour utiliser cette fonctionnalité, vous devez connecter votre boutique à GetResponse ou créer une nouvelle boutique dans notre système.
Une fois cela fait, vous pourrez sélectionner des produits spécifiques à afficher, ainsi que modifier les paramètres de la boîte produit, y compris :

• Paramètres d’affichage
• Conception de la carte produit
• Paramètres du bloc (couleur, espacement interne, bordure, rayon et ombre)

Découvrez comment ajouter une boîte produit à votre landing page.

Boîte de cours et Table des matières

Vous pouvez désormais promouvoir des cours sur vos landing pages en utilisant nos blocs Boîte de cours et Table des matières.

• Une Boîte de cours est un bloc qui vous permet d’afficher des cours sur vos sites web et landing pages afin d’engager les étudiants potentiels. Elle offre à vos contacts la possibilité de découvrir votre cours et de s’inscrire en un minimum d’effort.
• Une Table des matières peut être utilisée pour afficher les chapitres et les leçons inclus dans le cours sur une landing page ou un site web. L’utiliser peut être bénéfique si vous souhaitez familiariser les prospects avec l’offre de votre cours.

Vous pouvez trouver des informations supplémentaires concernant ces blocs de cours ici.

Les étapes pour anciennes landing pages

Une fois que vous entrez dans l’espace de travail de l’éditeur de landing pages, vous pouvez personnaliser votre page pour mieux répondre à vos besoins. Voici quelques éléments que vous pourrez ajouter et personnaliser dans l’éditeur de landing pages GetResponse :

• arrière-plan
• section
• texte
• image
• bouton
• formulaire
• forme
• webinaire
• vidéo
• icônes de partage sur les réseaux sociaux
• bouton PayPal
• code personnalisé

Arrière-plan

Pour changer l’arrière-plan d’un modèle, double-cliquez dessus pour voir les options de modification. Vous pouvez choisir entre :

• couleur unie
• dégradé
• une image différente. Si vous sélectionnez une image, vous pouvez ensuite décider comment elle doit s’ajuster à l’intérieur de la section.
  

Bordure et ombre

Pour chaque élément que vous ajoutez ou modifiez, vous pouvez définir une bordure et/ou une ombre. C’est une bonne manière de faire ressortir un élément lorsque vous devez attirer l’attention dessus. Pour accéder à ces paramètres, double-cliquez sur un élément et choisissez l’icône des outils de style dans la barre d’outils.

Pour la bordure, vous pouvez définir :

• style
• taille
• couleur
• rayon

Pour l’ombre, vous pouvez définir :

• couleur
• direction
• distance
• épanouissement
• flou
  

Sections

Les sections ont deux fonctions principales :

• Elles organisent les éléments en groupes logiques.
• Elles vous permettent de gérer votre contenu de manière simple.

La plupart de nos modèles de landing pages sont composés de sections. Vous pouvez également ajouter des sections supplémentaires à votre modèle.

Découvrez comment utiliser les sections dans notre éditeur de landing pages.

Texte

Vous pouvez soit ajouter une nouvelle zone de texte depuis la barre d’outils, soit modifier le texte déjà présent dans le modèle. Double-cliquez sur le texte ou la zone de texte pour apporter des modifications. Les options de modification comprennent :

• police
• taille de police
• couleur de police
• arrière-plan du texte
• espacement
• gras
• italique
• souligné
• barré
• orientation (gauche, centre, droite)
• puces
• liste numérotée
• hyperlien
• ombre
  

Image

Dans GetResponse, vous trouverez une variété d’images libres de droits parmi lesquelles choisir, ou vous pouvez télécharger vos propres graphiques (images ou gifs) depuis votre ordinateur ou à partir d’une URL. Une fois ajoutées, double-cliquez dessus pour voir plus d’options de modification. Celles-ci comprennent :

• dimensionnement
• bordure
• ombre
• lien hypertexte

Vous pouvez également utiliser l’une des fonctions d’édition les plus avancées, telles que :

• filtre
• broche
• orientation
• redimensionnement
• recadrage
• ajouter du texte
• dessin
• ajustement

Bouton

Si vous souhaitez créer un lien vers un autre site web, une vidéo, un document PDF, etc., vous pouvez utiliser un bouton. Vous pouvez utiliser un bouton. Double-cliquez sur un bouton pour ajuster ce qui suit :

• taille
• police du texte du bouton
• taille de la police
• couleur de la police
• gras
• italique
• souligné
• barré
• lien hypertexte
• ombre
• couleur du bouton
• bordure et ombre

Lien hypertexte

Les éléments tels que les blocs de texte, les blocs d’images et les boutons offrent la possibilité d’ajouter un lien hypertexte. Pour y accéder, double-cliquez sur l’élément et choisissez l’icône de lien hypertexte. Une fois choisi, vous pouvez sélectionner différents types de liens. Il s’agit de

• l’adresse web est utilisée pour rediriger les visiteurs vers une autre page en ligne de votre choix.
• email ouvrira une nouvelle fenêtre de courrier électronique dans l’application de messagerie par défaut du visiteur, dirigée vers l’email de votre choix. Vous pouvez également indiquer l’objet de cet e-mail.
• section peut être utilisé pour diriger les visiteurs vers une section spécifique de votre page d’atterrissage.
• phone permet aux visiteurs de passer un appel téléphonique directement depuis la page d’atterrissage au numéro que vous avez sélectionné.
• webinar est utilisé pour connecter un élément aux webinaires actifs de votre compte. En sélectionnant ce type de lien, les visiteurs seront dirigés vers la page d’inscription du webinaire sélectionné.

Formulaire

Certains modèles sont déjà dotés d’un formulaire d’inscription. Si ce n’est pas le cas, vous pouvez en ajouter un à partir de la barre d’outils. Choisissez entre un formulaire statique ou une fenêtre contextuelle.

Pour modifier le formulaire d’inscription statique, double-cliquez sur le formulaire pour activer les options d’édition supplémentaires :

• cliquez sur le formulaire ou sur des champs spécifiques, ou sur le bouton, pour modifier le texte et la mise en forme
• double-cliquez sur le formulaire pour commencer à ajouter des champs supplémentaires : champs personnalisés et champs de consentement. Les champs personnalisés vous aident à collecter des informations sur les contacts. Les champs de consentement permettent à vos contacts de donner leur accord à vos politiques de marketing ou de traitement des données lorsqu’ils s’inscrivent.

Pour ajouter les champs, cliquez sur le bouton Champs du formulaire Web.

Cliquez ensuite sur l’onglet Champs personnalisés et sélectionnez les champs personnalisés que vous souhaitez utiliser. Cliquez sur l’onglet Champs de consentement pour afficher les champs de consentement que vous avez créés dans votre compte. Sélectionnez ensuite les champs que vous souhaitez ajouter au formulaire.

Le bouton de votre formulaire ne peut collecter que des contacts vers votre compte. Il ne peut pas être utilisé comme lien hypertexte. Pour diriger les contacts vers un endroit spécifique après leur inscription, utilisez les paramètres de la page de remerciement.

Forme

Les formes peuvent vous aider à ajouter des marqueurs de séparation visuelle, à attirer l’attention sur certaines sections de votre page ou à créer des cadres pour des éléments spécifiques. Vous pouvez choisir l’une des options suivantes :

• cercle
• rectangle
• ligne horizontale ou verticale

Double-cliquez sur la forme pour modifier son arrière-plan, sa bordure et son ombre.

Webinaire

Pour faciliter l’inscription de vos contacts à un webinaire, vous pouvez ajouter un formulaire d’inscription à un webinaire directement sur votre page de destination. Double-cliquez sur le webinaire pour sélectionner celui que vous souhaitez utiliser (si vous en avez programmé plusieurs). Comme pour le formulaire, vous pouvez ensuite personnaliser le formulaire d’inscription et ajouter des champs personnalisés et de consentement.

En savoir plus sur l’ajout de webinaires à votre page de renvoi.

Video

Vous pouvez intégrer des vidéos provenant de plateformes d’hébergement vidéo telles que YouTube directement sur votre page de destination. Une fois que vous avez fait glisser le bloc vidéo sur la page, double-cliquez dessus pour le définir :

• l’URL de la vidéo
• bordure et ombre
• paramètres d’affichage de la vidéo

En savoir plus sur l’ajout de vidéos à vos landing pages.

Icônes de partage social

Ces icônes permettent à vos visiteurs de partager la page sur leur fil d’actualité et d’augmenter ainsi le trafic. Elles ne sont pas modifiables.

Les icônes de partage social ne peuvent pas être utilisées comme liens vers vos profils de médias sociaux. Si vous souhaitez créer un lien vers vos profils, ajoutez les logos des plateformes de médias sociaux en tant qu’images et utilisez-les comme liens hypertextes à la place.

PayPal bouton

Nous proposons une intégration PayPal pour faciliter la vente de vos produits via les pages d’atterrissage. En savoir plus sur l’intégration et l’utilisation du bouton.

Code personnalisé

Si vous êtes un utilisateur avancé, vous pouvez utiliser l’option de code personnalisé pour ajouter des fonctionnalités qui ne sont pas disponibles dans la barre d’outils de la landing page.

En savoir plus sur l’ajout d’un code personnalisé à votre landing page.

Compte à rebours

Le compte à rebours vous permet de décompter les jours, les heures, les minutes et les secondes qui vous séparent d’une date précise ou de mettre en place un compte à rebours permanent. C’est un excellent moyen d’annoncer une vente, un produit d’appel ou d’anticiper un événement. Il permet de créer un sentiment d’urgence afin d’encourager les contacts potentiels à s’inscrire sur votre liste.

En savoir plus sur l’utilisation du compte à rebours.

Paramètres SEO

Sous l’icône Paramètres, vous pourrez choisir comment votre page apparaîtra dans les résultats de recherche et quand elle sera liée.

Vous pouvez configurer les éléments suivants :

• titre de la page
• description de la page
• notification des cookies
• favicon
• image Facebook

Aperçu

Vous pouvez prévisualiser la landing page, la page de remerciement et leurs versions mobiles pendant que vous travaillez. Cliquez sur l’icône Aperçu pour voir à quoi ressemblera votre page lorsqu’elle sera publiée.