Comment créer une landing page no code sur le champ

5 minutes
Rédigé par: Natalia De la Peña Frade

Nouvelle campagne, nouvelle landing. Puis une autre, et une autre… Si vous travaillez dans le marketing et la communication, vous savez que vous devez créer des landing pages en permanence. Des landings comme des petits pains.

Ce qui arrive aussi assez souvent, c’est que le reste de l’équipe n’est pas toujours prête à suivre le rythme imposé par le marketing, n’est-ce pas ? Les campagnes se succèdent à un rythme soutenu et les délais sont chaque fois plus serrés. Vous demandez qu’on vous délivre une landing pour le Black Friday et on vous donne une date pour Noël. On n’arrive pas. 

Et bien sûr, une campagne sans landing page, c’est comme un film sans popcorn. 

Avez-vous pensé à faire des landings no code ? La philosophie digitale no code vous permet de développer des landings et d’autres choses comme des applications ou des microsites sans connaissances en programmation. Comment ? Je vous dis ça tout de suite.

Tout est facile avec le bon outil

Et cet outil, c’est… Genially !

On avait déjà parlé de la création de pages d’atterrissage sans code dans cet article sur les astuces de Genially, et vous trouverez ici comment le faire étape par étape ainsi que quelques conseils très utiles. Lorsque vous aurez fini de le lire, vous saurez comment créer des landings spectaculaires sans avoir la moindre idée du codage. Vous voulez voir un exemple ? Regardez ceci :

L’idée est simple : 

  1. Créer un merveilleux genially avec l’éditeur super intuitif et convivial de Genially. 
  2. L’intégrer dans votre CMS et le tour est joué !

Personne ne remarquera la différence entre une page conçue avec votre CMS ou un genially. Et vous remarquerez deux autres choses : un grand soulagement lors de la conception du contenu et aussi que vous serez surpris par ce que vous êtes capable de créer. 

Un autre example:

Tout ce dont vous avez besoin pour votre landing se trouve ici

Il existe de nombreux types de pages d’atterrissage avec des objectifs différents mais, en général, elles comprennent un titre, un hero shot (une vidéo ou une image spectaculaire) et un appel à l’action. Cet appel à l’action peut servir à contacter, un appel à acheter vos produits ou services, à télécharger un contenu… Il s’agit généralement d’un bouton avec un lien vers un autre site ou bien un formulaire.

Eh bien, vous pouvez faire tout cela avec Genially. Dans un genially, vous pouvez insérer des vidéos, des formulaires et des contenus multimédia de toute sorte, créer des images spectaculaires et ajouter des boutons et des liens où vous le souhaitez. Vous pouvez même créer vos propres vidéos.

Ceci peut vous intéresser : Marketing interactif : de nouvelles règles pour de meilleurs résultats

L’utilisation de Genially vous donne toute la liberté de créer des designs spectaculaires avec interactivité et animation. Vous n’avez pas besoin de toucher à votre CMS. Il n’est pas nécessaire de savoir comment créer des colonnes ou des boutons, comment animer des éléments ou comment intégrer des vidéos pour qu’ils soient beaux. Et, bien sûr, adieu à la contrainte de devoir utiliser les mêmes icônes que tout le monde. 

Dans l’éditeur Genially, vous disposez de nombreuses ressources pour enrichir vos designs. Sur un genially, l’interactivité et les animations s’ajoutent en 2-3 clics. En faisant un glisser-déposer, vous obtiendrez des résultats spectaculaires beaucoup plus rapidement que vous ne le pensez.

contenidos interactivos

Apprenez à utiliser Genially en moins d’une demi heure

Comment créer une landing page no code pas à pas

Que voulez-vous mettre dans l’en-tête ? Imaginez que vous vouliez montrer une vidéo. Vous pouvez insérer une vidéo déjà créée dans votre Genially ou bien en créer une pour l’occasion. Il vous suffit de créer une vidéo présentation avec Genially, de sélectionner le mode vidéo et la navigation en boucle.  

Tout est prêt ? Il ne vous reste plus qu’à l’intégrer à votre site web. 

Ne perdez aucune donnée

Un autre avantage de créer votre landing page avec Genially est que vous pouvez contrôler toutes les vues et interactions qu’elle reçoit. Grâce au module de statistiques, vous pouvez suivre toutes vos données d’activité dans votre tableau de bord. De plus, comme il est intégré à votre site web, vous pouvez configurer la conversion du pixel Facebook pour cette page et utiliser d’autres outils dont vous disposez sur votre site.

Si votre CMS est responsive, votre landing sera responsive

Quel CMS utilisez-vous ? J’ai testé cette astuce sur WordPress et la vue du contenu est géniale sur tout dispositif. Les CMS les plus utilisés adapteront votre genially à toutes les tailles d’écran sans que vous ayez à procéder à des ajustements. 

C’est très important, car comme vous le savez peut-être, presque tout le monde navigue à partir de téléphones mobiles. Et vous savez probablement aussi que vous devez toujours afficher votre page de renvoi sur différentes tailles d’écran avant de la partager. 

Si, par exemple, vous divisez l’espace de votre genially en deux pour placer la vidéo sur une moitié et le formulaire sur l’autre, il est important de s’assurer que tout le contenu est de bonne qualité et qu’il est cliquable sur les petits écrans. 

Un conseil supplémentaire : faites en sorte que le fond de base du genially que vous allez insérer sur votre site soit de la même couleur que le fond de votre site : ainsi, les bords du genially ne seront visibles nulle part.

Dans l’exemple, nous avons vu un genially avec une vidéo, mais vous pouvez aussi bien créer un microsite si vous souhaitez que votre public navigue dans votre landing, ou une image interactive. Vous pouvez même créer une structure de votre landing avec plusieurs geniallys et mettre en page l’ensemble sans même vous décoiffer.

Savoir comment faire une landing page no code est votre nouveau super pouvoir, à vous d’en profiter !

Natalia De la Peña Frade
Natalia De la Peña Frade
Créateur de contenu : j'essaie d'écrire des choses que vous aimez lire

Posts recommandés

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *