Chaque encadré de cette page est un bloc du thème Speedfly, posé tel quel dans une page GLOW. Le petit titre au-dessus de chaque exemple donne le nom du bloc, pour le retrouver dans l'éditeur, avec Ajouter un bloc.
Bloc Citation
Un avis, une promesse, une phrase qui compte
Quatre styles pour mettre une phrase en avant, avec le nom et la source de l'auteur : barre, guillemet, barre du haut et minimal.
Style barre · avis client
Texture fondante qui pénètre vite, zéro effet gras. Exactement ce que je cherchais.
Style guillemet · mot de la marque
Votre peau mérite des soins qui allient science et nature, sans compromis sur l'efficacité ni sur la sécurité.
Style barre du haut
Le matin, la vitamine C. Le soir, le rétinol. Deux moments différents, pour une meilleure tolérance.
Style minimal, centré
Commencez le rétinol 2 à 3 fois par semaine, puis augmentez selon la tolérance de votre peau.
Bloc Compteur avec texte
Des chiffres qui défilent à l'arrivée
Le chiffre part de zéro et monte jusqu'à sa valeur quand le bloc apparaît à l'écran, une seule fois. Décimales, séparateur et unité se règlent, et le chiffre reste fixe si le visiteur a coupé les animations.
Note moyenne
Sur 842 avis du Sérum Éclat Vitamine C.
Soins visage
Nettoyants, sérums, crèmes et coffrets.
Pour changer d'avis
Retours acceptés 30 jours après réception.
Livraison offerte
Dès 50 € d'achat en France métropolitaine.
Bloc Icône
Une icône seule, avec ou sans cadre
62 icônes intégrées au thème, sans image à importer. Sans cadre, en contour ou sur fond plein, ronde ou carrée : la taille, la couleur et l'arrondi se règlent.
Sans cadre
Contour rond
Plein rond
Plein arrondi
Contour carré
Bloc Image
Une photo pour l'ordinateur, une autre pour le mobile
Ici, la version ordinateur montre la gamme de sérums à plat. Sur téléphone, le bloc charge une autre photo, au cadrage carré, plus lisible sur un petit écran. Format, arrondi et lien se règlent.
Ouvrez cette page sur votre téléphone, ou réduisez la fenêtre : la photo change.
Bloc Séparateur
Huit filets pour aérer une page
Le même séparateur que la section, à glisser entre deux blocs. Huit styles, avec la couleur, l'épaisseur et la largeur au choix.
Plein
Tirets
Pointillés
Double
Dégradé en fondu
Décoré
Ondulé
Astérisme
Bloc Espaceur
De l'air, réglé au pixel près
Un espace vide entre deux blocs, avec une hauteur pour l'ordinateur et une autre pour le mobile. Sur la page, il ne se voit pas : la zone hachurée ci-dessous sert juste à le montrer.
Bloc au-dessus
Bloc en dessous
Espaceur : 64 px sur ordinateur, 32 px sur mobile
Bloc Groupe
Ranger plusieurs blocs dans une même carte
Chaque carte ci-dessous est un Groupe qui contient une icône, un titre, un texte et un bouton. Fond, bordure, arrondi et marges se règlent, côte à côte sur ordinateur et empilés sur mobile.
Livraison offerte dès 50 €
En France métropolitaine, suivie par Colissimo, en 2 à 4 jours ouvrés.
30 jours pour changer d'avis
Un produit ne vous convient pas ? Écrivez-nous avec votre numéro de commande.
Un conseil pour votre routine
Décrivez-nous votre peau, l'équipe vous répond du lundi au vendredi.
Bloc Code
Votre propre HTML, au milieu de la page
Le bloc Code accepte du HTML ou du Liquid : un widget d'avis, une vidéo, un formulaire externe ou, comme ici, un petit tableau de routine.
| Étape | Le matin | Le soir |
|---|---|---|
| 1Nettoyer | Mousse Nettoyante Cloud | Huile Nettoyante Douce |
| 2Traiter | Sérum Éclat Vitamine C | Sérum Nuit au Rétinol |
| 3Hydrater | Hydratant Quotidien SPF 30 | Crème Réparatrice Nuit |
Rétinol : 2 à 3 soirs par semaine pour commencer.
Pop-ups du thème
Quatre pop-ups, à ouvrir depuis n'importe quel lien
Chaque pop-up a son identifiant. Un lien vers #roue, #newsletter, #cta ou #widgetcontact l'ouvre, depuis un bouton, un texte ou un menu. Elles peuvent aussi s'ouvrir seules, après un délai, au défilement ou en sortie de page.
La carte à gratter, elle, s'ouvre avec le bouton Grattez, en bas à gauche de l'écran.
