Bibliothèque de composants

La plupart des tests qui valent la peine d’être lancés ajoutent quelque chose : une ligne de réassurance sous l’appel à l’action, une FAQ qui répond à l’objection, une barre fixe sur mobile, une pop-up avec les conditions de l’offre. L’onglet Add de l’éditeur en rassemble une bibliothèque prête à l’emploi, si bien qu’une variante peut ajouter une section plutôt que seulement changer la couleur de ce qui existe. Cliquez sur une vignette pour la placer après l’élément sélectionné, ou glissez-la sur la page : une ligne bleue montre exactement où elle se placera.

Les composants sont conçus pour paraître natifs sans travail de design. Ils utilisent la police et les tailles de titres du site, composent leurs cartes et leurs bordures à partir de la couleur de texte du site pour rester lisibles sur les sites clairs comme sombres, et prennent leur couleur d’accent là où ils sont placés : un bouton déposé à côté du bouton rouge du site devient rouge.

La bibliothèque couvre douze blocs (hero, fonctionnalités, appel à l’action, témoignage, FAQ, accordéon, ligne de réassurance, icônes et logos, pop-up, barre fixe, barre d’annonce et badge), des mises en page allant d’une simple section à trois colonnes, les éléments de base des titres aux espaceurs, ainsi que la vidéo, un carrousel d’images et une galerie. Les colonnes s’empilent sur téléphone et le carrousel se fait défiler du doigt. La FAQ, l’accordéon, la pop-up et le carrousel fonctionnent sans JavaScript supplémentaire, et YouTube est lu via son lecteur sans cookies.

Une fois ajouté, un composant est du balisage ordinaire dans la variante. Double-cliquez sur son texte pour le réécrire, mettez en forme n’importe quelle partie dans l’inspecteur, et alimentez son texte avec les données de la page, si bien qu’une barre fixe construite une seule fois affiche le nom et le prix propres à chaque produit.