Comment créer une page d'atterrissage ?

Webmecanik Automation vous permet de créer des pages d'atterrissage directement depuis votre instance.

• Connectez-vous à votre instance Webmecanik Automation, puis allez dans la rubrique "Composants" et "Pages d'atterrissage".

• La liste des pages d'atterrissage apparaît (s'il y en a). Cliquez sur "Nouveau" en haut à droite pour commencer la création.
• Dans la partie de droite, il y a certains champs à remplir.

• Renseignez le titre de votre page, c'est le nom qui apparaîtra dans la liste des pages.
• L'alias correspond à la fin de l'URL de la page. Cela prendra donc cette forme: https://votredomaine.automation.webmecanik.com/aliasdelapage Si vous ne le remplissez pas, l'alias par défaut prendra le nom de votre page.
• Vous pouvez assigner une catégorie à votre page. Plus d'informations sur la catégorie dans cet article.
• Assignez une langue et une traduction si besoin. Plus d'informations sur les traductions dans cet article.
• Pour que la page d'atterrissage soit accessible, il faut qu'elle soit publiée.

• Vous pouvez choisir que votre page soit un centre de préférence. Plus d'informations sur le centre de préférence dans cet article.
• Vous avez la possibilité d'ajouter une date de publication et/ou de dépublication. Dans ce cas, la page ne sera accessible qu'à partir de la date de publication, et inversement, ne sera plus accessible après la date de dépublication. Dans tous les cas, il faudra que le champ "Publié" soit sur OUI.
• Il vous est possible d'ajouter une redirection 301 permanente ou 302 temporaire.
• Enfin vous pourrez choisir d'indexer ou non votre page sur les moteurs de recherche. Dans le cas où vous choisissez de l'indexer, vous pourrez ajouter une méta description de la page.

Dans la partie gauche, vous devez choisir le thème de votre landing page.

Deux choix s'offrent à vous :

• soit un thème déjà construit où vous n'aurez besoin de faire que du drag and drop, 
• soit le code mode où vous devrez construire votre page directement en HTML/CSS.

Choix d'un thème en drag and drop

• Choisissez votre thème en cliquant sur "Select" puis cliquez sur "Générateur" en haut.

• Une fois dans le générateur, c'est ici que vous allez construire la page.
• En haut du générateur vous allez retrouver plusieurs boutons de gauche à droite :
  • Prévisualiser votre Landing page sur différents supports
  • Annuler / Refaire une action
  • Voir les blocs sur votre page
  • Mettre en plein écran
  • Voir le code de votre page
  • Editer le code de votre page
  • Personnaliser le style de votre bloc
  • Ouvrir le gestionnaire de blocs et de sections

• Cliquez sur le pictogramme pour ouvrir le menu des blocs et des sections que vous retrouverez dans la partie de droite.

• Glissez et déposez les différents éléments dont vous avez besoin pour construire votre page d’atterrissage.

• Attention, chaque thème est construit différemment, c'est pourquoi il est possible dans certains cas que les blocs ne se positionnent pas exactement à l'endroit souhaité (car le code du thème ne le permet pas).
• Lorsqu'un bloc est ajouté, cliquez dessus pour ensuite le personnaliser. Pour modifier le texte cliquez directement dans votre page. Vous pouvez personnaliser plus finement dans la partie de droite grâce aux différents menus.

• • Classes : donne des renseignements sur la class CSS utilisée actuellement
  • Général : vous permet de gérer la disposition du bloc dans la page
  • Layout : vous permet de gérer la dimension du bloc et vos marges
  • Typography : pour modifier les polices, la taille du texte, les couleurs du texte et l’alignement
  • Decoration : pour modifier l’aspect du bloc (fond, contours, ombre…)
  • Extra : transition ou transformation du bloc
• Vous pouvez également directement remonter, déplacer, dupliquer et supprimer des blocs ou des sections en cliquant sur les pictogrammes qui s’affichent lorsque vous sélectionnez un bloc ou une section.

Choix du code mode

• Une fois le code mode sélectionné, cliquez sur "Avancé" pour commencer la création de votre page d’atterrissage.

• Vous pourrez ici éditer la page directement en HTML/CSS.

• Pour prévisualiser votre page, “Enregistrer et fermer” en haut à droite. Puis cliquez sur le pictogramme au niveau de “Aperçu du profil public” sur la page suivante.

Une fois la page construite

• Fermez le générateur puis cliquez sur "Sauvegarder et fermer".

Une nouvelle fenêtre s'affiche. Vous arriverez forcément dessus depuis la liste des pages d'atterrissage également.

Ici seront présentes les statistiques des visites de la page. Vous pourrez modifier les statistiques en changeant les dates.

Vous trouverez également l'URL de votre page afin de la partager.