Des modèles de sections responsive pour votre site
Des blocs pleine largeur qui s’empilent pour composer des pages complètes. Chaque section est autonome, responsive et s’intègre naturellement aux autres.
Parcourir · Catégories
Des modèles de sections responsive pour votre site
596 éléments
CTA Calculator Result
CTA affichant un résultat de calculateur avec économies potentielles
Appel à l’action
Portfolio Grid Cards
Portfolio avec cards projets incluant image, titre, catégorie et description
Galerie
Steps Vertical Scroll Progress
Timeline verticale avec progression animée au scroll et contenus alternés
Étapes
Contact Section Map Background
Section contact avec carte en arrière-plan et formulaire en overlay
Contact
FAQ Accordion Multi Open
Section FAQ accordéon où plusieurs questions peuvent être ouvertes simultanément
FAQ
Logos Carousel Pause on Hover
Carousel auto-scroll qui pause au survol pour une meilleure lisibilité
Logos
Header E-commerce Categories
En-tête e-commerce avec barre de catégories sous le header principal
En-têtes
Features Grid 3 Columns
Grille de 6 features en 3 colonnes avec icônes et descriptions
Fonctionnalités
Features Grid Icons Outlined
Grille minimaliste avec icônes outline dans cercles bordés
Fonctionnalités
Features Grid Cards Hover
Grille de cards avec effet hover prononcé (élévation et ombres)
Fonctionnalités
Pricing Cards Gradient
Table de tarification avec fond gradient multicolore sur la card featured
Tarifs
Pricing Cards Rounded
Table de tarification avec cards très arrondies et style moderne friendly
Tarifs
Pricing Cards Badges
Table de tarification avec badges distinctifs (Popular, Best value, New)
Tarifs
Pricing Cards Enterprise Contact
Table de tarification avec plan Enterprise "Contact us" sans prix fixe
Tarifs
Pricing Section with Guarantee
Section pricing avec garantie satisfait ou remboursé mise en avant
Tarifs
Product Cards with Hover Actions
Grille de produits avec actions au survol (quick view, wishlist)
E-commerce
Product Cards with Stock Status
Grille de produits avec indicateur de stock (disponible/épuisé)
E-commerce
Product Grid Featured
Grille avec un produit mis en avant (large) et produits secondaires
E-commerce
Newsletter Inline Simple
Formulaire newsletter inline compact avec input et bouton côte à côte
Newsletter
Newsletter Section Gradient
Section newsletter avec fond gradient vibrant et design moderne
Newsletter
Newsletter Section Social Proof
Section newsletter avec preuves sociales et compteur d'abonnés
Newsletter
Newsletter Section Lead Magnet
Section newsletter avec lead magnet (ebook, guide, ressource gratuite)
Newsletter
Rien ne correspond à ce filtre.
Guide
Les sections sont les blocs pleine largeur qui composent chaque page du web. Plutôt que de partir d’une page blanche, choisissez les sections dont vous avez besoin, placez-les dans l’ordre et personnalisez leur contenu. Notre bibliothèque compte plus de 800 modèles de sections couvrant tous les schémas courants d’un site, du hero qui accroche le regard au pied de page informatif.
Les catégories de sections les plus utilisées
Commencez par une section hero percutante pour capter l’attention dès l’arrivée. Ajoutez une section de fonctionnalités pour présenter votre offre dans une grille visuelle. Installez la confiance avec des témoignages clients accompagnés de citations, de photos et de notes en étoiles. Présentez vos formules avec une grille tarifaire qui bascule entre prix mensuels et annuels. Terminez par un appel à l’action convaincant qui incite à s’inscrire, acheter ou prendre contact. Sans oublier l’essentiel : un en-tête avec navigation soigné et un pied de page complet relient l’ensemble sur tout votre site.
Pourquoi préférer les sections aux pages complètes
Les modèles de pages de la bibliothèque de pages sont parfaits pour démarrer vite, mais les sections vous donnent un contrôle fin. Associez un hero sombre à une grille tarifaire claire. Remplacez un carrousel de témoignages par une grille en mosaïque. Échangez un simple formulaire de contact contre une version avec carte issue des modèles Google Maps. Les sections permettent de créer des pages vraiment uniques tout en gardant la finition d’un design professionnel. Chacune embarque ses propres styles : elles n’entrent jamais en conflit.
Conçues pour la performance
Chaque section est optimisée pour un rendu rapide : peu de nœuds DOM, images chargées à la demande et CSS efficace, selon les bonnes pratiques de rendu de Google. Elles s’insèrent naturellement dans l’éditeur de pages de Communik, et leur HTML comme leurs classes Tailwind CSS fonctionnent dans n’importe quel framework moderne. Parcourez les sections de contact ou les sections FAQ pour juger par vous-même de la propreté et de la légèreté du code.
Questions
Quelle différence entre une section et un composant ?
Une section est un bloc pleine largeur qui occupe toute une rangée de la page, comme une bannière hero, une grille tarifaire ou un pied de page. Un composant est un élément d’interface plus petit et réutilisable, comme une carte, un bouton ou un badge, placé à l’intérieur d’une section.
Puis-je combiner des sections de styles différents ?
Oui. Chaque section est autonome, avec ses propres couleurs et espacements. Le système de thème de Communik harmonise automatiquement couleurs et typographie d’une section à l’autre pour un ensemble cohérent.
Comment ajouter une section à ma page ?
Ouvrez l’éditeur de pages, cliquez sur « Ajouter une section », parcourez ou recherchez dans la bibliothèque, puis cliquez pour insérer. Vous pouvez réordonner les sections par glisser-déposer et personnaliser visuellement chaque élément.
Puis-je enregistrer une section personnalisée pour la réutiliser ?
Oui. Une fois la section personnalisée, enregistrez-la dans votre bibliothèque personnelle. Elle devient disponible dans tous vos projets, avec vos modifications, vos contenus et vos styles.
Continuer l’exploration
Votre prochain site commence ici.
Tout ceci est à un clic.
Chaque section, composant, page et module de cette bibliothèque est prêt dans l’éditeur Communik, aux couleurs de votre marque.
Gratuit pour commencer. Sans carte bancaire.
