FonctionnalitésBlocs

BlocsDes morceaux de page, prêts à poser.

Un bloc est un morceau de page réutilisable : une ouverture, une grille de tarifs, un formulaire, un pied de page. Il porte sa structure, ses textes et sa feuille de style, et lit la charte du projet où il est posé. Certains agissent : un panier, une réservation, un tableau qui se filtre.

Mis à jour le

Sur cette page3 sections
Ce qui fait un blocLa bibliothèqueLes blocs qui agissent

Ce qui fait un bloc, rendu en direct.

Une carte de tarif de la bibliothèque, telle qu'un site l'affiche. À côté, ce qu'elle porte : ses emplacements de texte, chacun avec son type et sa longueur maximale, et les primitives qui la composent.

Populaire

Pro

Pour les équipes en croissance qui livrent vite.

$29/ mois
  • Projets illimités
  • Analytique avancée
  • Assistance prioritaire
  • 50 Go de stockage
Commencer
Carte tarifaire

Ses 10 textes

EmplacementTypeTexteMax.
badgeMentionPopulaire22
titleTitrePro12
descriptionTextePour les équipes en croissance qui livrent vite.174
priceValuePrix$296
pricePeriodMention/ mois17
feature1LibelléProjets illimités35
feature2LibelléAnalytique avancée35
feature3LibelléAssistance prioritaire35
feature4Libellé50 Go de stockage35
ctaBoutonCommencer33

Ses 19 nœuds

Texte en ligne6Conteneur4Élément de liste4Badge1Titre1Paragraphe1Liste1Lien1
Les textes d'un bloc dans l'Inspecteur : chacun avec sa clé, une valeur par langue.
L'Inspecteur, sur un bloc d'une page

Dans l'Atelier, un clic sur un bloc l'ouvre dans l'Inspecteur : chacun de ses textes avec sa clé, une valeur par langue. Le Studio les remplit avec vos mots, vous les reprenez ici.

La bibliothèque, rayon par rayon.

Les 516 blocs de la bibliothèque de Kubbler, rangés comme dans le volet Ajouter de l'Atelier. Chaque rayon en montre quelques-uns, rendus sous la marque de ce site avec leurs mots de démonstration : posés dans un projet, ils prennent sa charte et ses mots.

Héros

69 blocs
Le bloc « Photo du lieu et panneau de marque » de la bibliothèque, avec ses mots de démonstration.
Photo du lieu et panneau de marque
Le bloc « Un mot entouré, deux cartes de choix » de la bibliothèque, avec ses mots de démonstration.
Un mot entouré, deux cartes de choix
Le bloc « Titre cinéma plein écran » de la bibliothèque, avec ses mots de démonstration.
Titre cinéma plein écran
Le bloc « Portraits en arche » de la bibliothèque, avec ses mots de démonstration.
Portraits en arche
Le bloc « Prise de rendez-vous » de la bibliothèque, avec ses mots de démonstration.
Prise de rendez-vous
Le bloc « Le nom en géant » de la bibliothèque, avec ses mots de démonstration.
Le nom en géant
Le bloc « Bienvenue et adresses de la maison » de la bibliothèque, avec ses mots de démonstration.
Bienvenue et adresses de la maison
Le bloc « Une pièce plein cadre, le nom dessous » de la bibliothèque, avec ses mots de démonstration.
Une pièce plein cadre, le nom dessous

Blocs

299 blocs
Le bloc « Grille de l'agenda » de la bibliothèque, avec ses mots de démonstration.
Grille de l'agenda
Le bloc « Le travail en actes » de la bibliothèque, avec ses mots de démonstration.
Le travail en actes
Le bloc « Blocs alternés avec capture » de la bibliothèque, avec ses mots de démonstration.
Blocs alternés avec capture
Le bloc « Grille d'articles de blog » de la bibliothèque, avec ses mots de démonstration.
Grille d'articles de blog
Le bloc « Adresse en grand sur un aplat » de la bibliothèque, avec ses mots de démonstration.
Adresse en grand sur un aplat
Le bloc « Galerie aux photos en arche » de la bibliothèque, avec ses mots de démonstration.
Galerie aux photos en arche
Le bloc « Courbe d'activité » de la bibliothèque, avec ses mots de démonstration.
Courbe d'activité
Le bloc « Rangées à côté du titre » de la bibliothèque, avec ses mots de démonstration.
Rangées à côté du titre

Boutique

16 blocs
Le bloc « Offre groupée » de la bibliothèque, avec ses mots de démonstration.
Offre groupée
Le bloc « Bloc d'achat épuré » de la bibliothèque, avec ses mots de démonstration.
Bloc d'achat épuré
Le bloc « Carte produit mode » de la bibliothèque, avec ses mots de démonstration.
Carte produit mode
Le bloc « Galerie produit » de la bibliothèque, avec ses mots de démonstration.
Galerie produit
Le bloc « Avis client » de la bibliothèque, avec ses mots de démonstration.
Avis client
Le bloc « Suivi de commande » de la bibliothèque, avec ses mots de démonstration.
Suivi de commande

Marketing

12 blocs
Le bloc « Carte étude de cas » de la bibliothèque, avec ses mots de démonstration.
Carte étude de cas
Le bloc « Comparatif d'offres, colonne mise en avant » de la bibliothèque, avec ses mots de démonstration.
Comparatif d'offres, colonne mise en avant
Le bloc « Carte tarif mise en avant » de la bibliothèque, avec ses mots de démonstration.
Carte tarif mise en avant
Le bloc « Carte témoignage citation » de la bibliothèque, avec ses mots de démonstration.
Carte témoignage citation
Le bloc « Barres de comparaison concurrentielle » de la bibliothèque, avec ses mots de démonstration.
Barres de comparaison concurrentielle
Le bloc « Compteur statistique géant » de la bibliothèque, avec ses mots de démonstration.
Compteur statistique géant

Blog

14 blocs
Le bloc « Carte article mise en avant » de la bibliothèque, avec ses mots de démonstration.
Carte article mise en avant
Le bloc « Carte article magazine » de la bibliothèque, avec ses mots de démonstration.
Carte article magazine
Le bloc « Carte bio auteur » de la bibliothèque, avec ses mots de démonstration.
Carte bio auteur
Le bloc « Fil de commentaires » de la bibliothèque, avec ses mots de démonstration.
Fil de commentaires
Le bloc « Inscription newsletter blog » de la bibliothèque, avec ses mots de démonstration.
Inscription newsletter blog
Le bloc « Sommaire d'article » de la bibliothèque, avec ses mots de démonstration.
Sommaire d'article

Composants

40 blocs
Le bloc « Panneau de catégories » de la bibliothèque, avec ses mots de démonstration.
Panneau de catégories
Le bloc « Carte de métrique avec mini-graphique » de la bibliothèque, avec ses mots de démonstration.
Carte de métrique avec mini-graphique
Le bloc « Carte comparative de deux offres » de la bibliothèque, avec ses mots de démonstration.
Carte comparative de deux offres
Le bloc « Trio de statistiques » de la bibliothèque, avec ses mots de démonstration.
Trio de statistiques
Le bloc « Formulaire de contact » de la bibliothèque, avec ses mots de démonstration.
Formulaire de contact
Le bloc « Bandeau d'alerte » de la bibliothèque, avec ses mots de démonstration.
Bandeau d'alerte

Tableaux de bord

16 blocs
Le bloc « Élément de panneau de notifications » de la bibliothèque, avec ses mots de démonstration.
Élément de panneau de notifications
Le bloc « Carte de section de réglages » de la bibliothèque, avec ses mots de démonstration.
Carte de section de réglages
Le bloc « État vide de tableau » de la bibliothèque, avec ses mots de démonstration.
État vide de tableau
Le bloc « Ligne de journal d'activité » de la bibliothèque, avec ses mots de démonstration.
Ligne de journal d'activité
Le bloc « Ligne de tableau de données » de la bibliothèque, avec ses mots de démonstration.
Ligne de tableau de données
Le bloc « Barre de filtres structurés » de la bibliothèque, avec ses mots de démonstration.
Barre de filtres structurés

Barres de navigation

30 blocs
Le bloc « Navigation discrète au petit bouton » de la bibliothèque, avec ses mots de démonstration.
Navigation discrète au petit bouton
Le bloc « Navigation à icônes » de la bibliothèque, avec ses mots de démonstration.
Navigation à icônes
Le bloc « Navigation à la couleur de la marque » de la bibliothèque, avec ses mots de démonstration.
Navigation à la couleur de la marque
Le bloc « Navigation en capsule sombre » de la bibliothèque, avec ses mots de démonstration.
Navigation en capsule sombre

Pieds de page

18 blocs
Le bloc « Pied de page en carte de marque » de la bibliothèque, avec ses mots de démonstration.
Pied de page en carte de marque
Le bloc « Pied de page au nom géant » de la bibliothèque, avec ses mots de démonstration.
Pied de page au nom géant
Le bloc « Pied de page bandeau et e-mail » de la bibliothèque, avec ses mots de démonstration.
Pied de page bandeau et e-mail
Le bloc « Pied de page éditorial avec newsletter » de la bibliothèque, avec ses mots de démonstration.
Pied de page éditorial avec newsletter

Les blocs qui agissent, lus en clair.

Un panier, une réservation, un tableau qui se filtre : ces blocs ont un état, des calculs, des validations et des actions. Tout cela est écrit en données, lues par un moteur commun à tous les projets, et se relit dans l'Atelier.

Un bloc avec un état

Le bloc de commande d'une démo de pâtisserie : le panier, le créneau de retrait, le récapitulatif. Sa forme, ses textes, son état, ses calculs, ses validations et ses actions sont dans un seul fichier.

Le bloc de commande d'une démo de pâtisserie : le panier, le créneau de retrait et le récapitulatif.

Lu en clair

Dans l'Atelier, le comportement d'un bloc se lit en phrases : ce qui se passe quand on agit sur la page, ce que le bloc retient, ce qu'il calcule, ce qu'il vérifie. Ou dans son code, au choix.

Le bloc de réservation d'une démo dans l'Atelier : le formulaire à gauche, et à droite ce qui se passe à chaque champ et chaque bouton, écrit en clair.

Relié aux données

Les Mécanismes montrent ce que le bloc appelle : ses actions, les routes du serveur qu'elles touchent, et les collections où arrivent les commandes.

Le bloc de commande inspecté dans les Mécanismes : son état, ses actions, et les routes qu'il appelle jusqu'aux collections.