Le constructeur de page Elementor PRO pour WordPress ajoute une option d’étapes à son widget de formulaire et accueille un nouveau widget pour gérer les animations Lotties.

Après avoir fêté le passage à plus de 5 millions d’installations actives, le constructeur de page Elementor en version Premium passe en version 2.10 avec de nouvelles fonctions, regardons ça de plus près.

Un formulaire de plus en plus PRO pour Elementor… PRO !

Le widget de formulaire accompagnant la version Premium possède déjà de nombreuses options qui couvrent la plus grande partie des besoins courants pour un formulaire pour WordPress :

  • 20 champs dont un pot de miel et 2 versions reCaptcha
  • Champ d’acceptation RGPD
  • E-mail de confirmation d’envoi
  • Champ de sélection avec différentes adresses cibles
  • Nouvelle fonction de formulaire à étapes
  • Plusieurs actions cumulables possibles : Email / Email 2 / Redirection / Crocher Web / Mailchimp / Drip / ActiveCampaign / GetResponse / Convertit / MailerLite / Slack / Non concordant / Fenêtre modale
  • Personnalisation des messages d’alerte, de validation ou d’erreur.
  • Tous les éléments du formulaires sont stylisables
  • Largeur des champs paramétrables
  • Récupération des champs via ID pour la construction des messages
  • Envoi en brut ou HTML

Ajouter des étapes très simplement

Le principe de scinder un formulaire en étapes permet de générer plus de conversions quand on est face à un formulaire long comme ci-dessous :

Un nouveau champ d’étape vous permet de « découper » votre formulaire comme bon vous semble et présenter ainsi quelque chose de plus digeste et bien souvent plus compréhensible pour le visiteur.

Des fonctions de style minimales mais utiles

Le champ d’étape peut être stylisé avec l’affichage d’une icône, d’une image ou du texte. Un titre peur venir compléter l’étape, de quoi faire des formulaires très lisibles et compréhensibles.

Ce n’est pas une révolution mais cela ajoute une option parfois nécessaire pour améliorer la conversion d’un formulaire indigeste, c’est donc une très bonne chose.

Une widget de formulaire encore perfectible

On peut noter que le widget de formulaire ne propose pas de fonction de conditionnalité ce qui est dommageable. Pas de champ de calcul, il est donc impossible de créer un formulaire de devis. On peut espérer que ces manques les plus flagrants seront comblés très bientôt.

Elementor PRO adopte les animations Lotties

Lottie est une bibliothèque native iOS, Android et React qui affiche des animations After Effects en temps réel. Elle permet aux applications natives d’utiliser les animations aussi facilement qu’elles utilisent des ressources statiques.

Lottie utilise des données d’animation exportées sous forme de fichiers JSON à partir d’une extension open-source d’After Effects appelée Bodymovin.

Le nouveau Widget d’Elementor PRO permet de facilement placer une animation provenant d’un fichier JSON ou d’une URL externe.

Des réglages de configuration d’animation bienvenus

Le nouveau Widget permet de lien une URL à l’animation (lien dynamique possible), de gérer l’alignement de l’animation, de définir le déclencheur de l’animation : viewport, clic, survol ou défilement. Au niveau du viewport on définit précisément la zone verticale ou l’animation va interagir.

Plusieurs réglages complémentaires sont disponibles :

  • Mise en boucle de l’animation.
  • Vitesse de l’animation.
  • Inversion de l’animation.
  • Points de départ et de fin de l’animation.
  • Type de rendu : SVG ou Canvas.
  • Chargement différé des ressources.

Au niveau du style les options sont limités mais on peut :

  • Définir largeur et hauteur de l’animation.
  • Gérer l’opacité de l’animation de base et au survol.
  • Appliquer un filtre CSS : flou, luminosité, contraste, saturation et tonalité.

Ce nouveau Widget sera certainement de plus en plus utilisé car les animations Lottie sont à la mode. Elles permettent en effet, pour un poids plutôt réduit, d’ajouter des animations complexes comme le permettait le format Flash aujourd’hui disparu.

Sources : Elementor PRO, Lottie Airbnb Design, blog WebMag.

Laisser un commentaire