Plus de 30 modèles de sections d'éléments gratuits que vous pouvez importer en quelques minutes (2026)

30+ modèles de section Elementor gratuits de Master Addons + wireframes de section stacked pour héros, fonctionnalités, prix et bande sur fond violet foncé

Il s'agit d'une bibliothèque de plus de 30 modèles de sections Elementor gratuits couvrant les dix sections dont presque tous les sites Web ont besoin : fonctionnalités, environ, statistiques, témoignages, prix, équipe, FAQ, bandes d'appel à l'action, formulaires de contact et bandes de logo. Chacun se télécharge sous forme de petit fichier JSON, importe via le constructeur de widgets Master Addons et atterrit dans votre panneau Elementor sous forme de widget où chaque titre, bouton, image et couleur est un champ étiqueté. Pas de mises en page gelées, pas de chasse à travers des conteneurs imbriqués pour modifier un prix.

Nous avons construit chaque modèle à la main en HTML, CSS et JavaScript réels, puis nous l'avons converti en un widget Widget Builder avec ses propres contrôles de Contenu et de Style Cette dernière étape est la différence entre cette collection et une bibliothèque de modèles d'élément ou typique : vous n'importez pas une page que vous devez procéder à une rétro-ingénierie Vous importez un widget que vous remplissez.

Il manque volontairement un type de section : les héros. Nous avons déjà publié une collection dédiée de modèles de section héros Elementor gratuits« , construit de la même manière basée sur les widgets, donc les répéter ici ne ferait que compléter le décompte. Choisissez un héros dans ce message, empilez des sections de celui-ci en dessous, et vous avez assemblé une page de destination complète sans concevoir un seul bloc à partir de zéro. ».

Tous les 30+ sont ci-dessous, regroupés par type de section, chacun avec une capture d'écran et un téléchargement direct Prenez ceux dont vous avez besoin ou lisez le importer walkthrough d'abord.

Les curseurs sont l'autre chose que vous ne trouverez pas ici Un carrousel est un autre type de construction : timing, drag, rôles ARIA, donc il a sa propre collection de conceptions de carrousels et de curseurs: une galerie de vignettes, une mosaïque dont les tuiles remanie, une chronologie épinglée sur des dates réelles, un ensemble de panneaux à onglets et un curseur de devis avec un décompte de progression.

Vingt designs au total Huit importent sur le plugin gratuit, comme tout sur cette page ; les douze autres ont besoin de Pro. L'itinéraire est identique dans tous les cas : déposez le JSON dans Widget Builder et le design atterrit dans votre panneau en tant que widget que vous remplissez.

Ce qu'il y a dans le pack

Type de sectionModèlesSauter à
Caractéristiques /Services4Modèles de sections de fonctionnalités
À propos de nous3À propos des modèles de section
Statistiques/Contres2Modèles de bandes Stats
Témoignages4Modèles de témoignages
Tables de Tarification4Modèles de tableaux de prix
Équipe3Modèles de sections d'équipe
FAQ4Modèles de sections FAQ
Bandes CTA3Modèles de bandes CTA
Formulaires Contact3Modèles de sections de contact
Bandes de logo2Modèles de bandes de logo

Les sections de héros ne sont pas là exprès Nous avons déjà publié un pack dédié de modèles de section héros Elementor gratuits construit de la même façon Empilez un héros de ce post au-dessus des sections de celui-ci et vous avez assemblé une page de destination complète.

Comment importer ces modèles de section Elementor

Pour importer un modèle de section, téléchargez son zip, décompressez-le, puis accédez à Modules complémentaires principaux → Constructeur de widgets → Importer dans votre administrateur WordPress et téléchargez le fichier JSON Le modèle apparaît comme un nouveau widget dans votre panneau Elementor Faites-le glisser sur n'importe quelle page et modifiez tout à partir des onglets Contenu et Style.

  1. Télécharger et décompresser. Chaque zip contient le widget JSON, une image d'aperçu et (lorsque la conception utilise des illustrations) les images de démonstration ainsi qu'un README mappant chacune d'elles à son champ.
  2. Importer le JSON. Admin WordPress → Additions principales → Widget Builder → Importer le widget. Télécharger le widget-*.json dossier. Le Constructeur de widgets ships with Master Addons Pro ; les téléchargements JSON eux-mêmes sont gratuits.
  3. Lâchez-le sur une page. Ouvrez Elementor, recherchez le nom du widget, faites-le glisser avec le contenu complet de la démo que vous voyez dans les captures d'écran.
  4. Faites-en le vôtre. Chaque texte est un champ, chaque bouton a un contrôle de lien, chaque couleur de base est un sélecteur dans l'onglet Style Les modèles qui utilisent des photos ont des emplacements d'image vides ; téléchargez votre propre démo ou celle fournie.

Un heads-up sur les images de démonstration : ce sont des fichiers SVG, et WordPress bloque les téléchargements SVG hors de la boîte Soit convertissez-les en PNG/WebP avant de télécharger ou installez un plugin d'activation SVG. Les widgets rendent fin sans images trop les emplacements d'image se cachent jusqu'à ce que vous les remplissiez.

Pourquoi ce sont des widgets, pas des modèles de page

La plupart des sections elementor que vous téléchargez sont des fragments de page enregistrés Ils ont l'air bien jusqu'à ce que vous essayiez de les modifier Ensuite, vous cliquez sur les colonnes imbriquées en essayant de trouver quel conteneur intérieur contient le texte du prix, et au moment où vous changez une couleur, vous la changez à neuf endroits.

Chaque modèle ici est un widget unique avec son contenu derrière des contrôles étiquetés Le pratique gagne :

  • Répéteurs pour choses répétées. Plans de tarification, articles FAQ, témoignages, membres de l'équipe, logos tous les champs de répéteur Ajoutez un quatrième plan ou un dixième FAQ et la mise en page, le décalage d'animation et la numérotation s'ajustent. Le modèle d'onglets FAQ reconstruit même ses onglets de catégorie à partir des catégories que vous tapez.
  • Quatre à six couleurs de base re-thèmes toute la section. Les teintes, bordures, lueurs et ombres secondaires proviennent des cueilleurs de base avec CSS color-mix(). Changez “Accent” une fois et les points de balle, les soulignements de liens, les anneaux de mise au point et les états de vol stationnaire suivent tous.
  • Les animations sont expédiées à l'intérieur. Compteurs de décompte, le carrousel de témoignages, la bascule de facturation, la physique de l'accordéon, le chapiteau du logo : tout JavaScript scope qui respecte prefers-reduced-motion et ne combattra pas les autres widgets sur la page Dans tout le pack qui fait 698 contrôles étiquetés faisant un travail que vous feriez autrement dans CSS personnalisé.
  • Copie réelle, pas lorem ipsum. Chaque modèle importe avec le contenu de la marque fictive de sa capture d'écran, vous modifiez donc des phrases et ne regardez pas la soupe des espaces réservés.

Modèles de sections de fonctionnalités et de services

Le cheval de bataille de n'importe quelle page de destination Quatre styles, car “features” signifie quelque chose de différent pour une grille SaaS que pour l'explicateur de processus d'un installateur solaire.

1. Grille de cartes d'icônes

Dark Elementor propose un modèle de section avec six cartes d'icônes dans une grille à trois colonnes et un effet de survol de lueur violette

Une grille sombre à trois colonnes de six cartes de caractéristiques, construite autour d'une lueur de suivi de curseur : déplacez votre souris et une lumière radiale douce la traîne à travers les cartes Les cartes sont un répéteur : icône (collez n'importe quel SVG), titre, texte, et un lien de flèche optionnel par carte Six cartes d'un SaaS d'analytique fictif sont pré-remplies, et l'entrée décalée anime n'importe quel nombre de cartes que vous vous retrouvez.

Téléchargez le modèle de grille de carte d'icônes (.zip)

2. Lignes d'image alternées

Modèle de section de fonctionnalité d'élémenteur avec des lignes d'image et de texte alternées, une bande de statistiques de décompte et des listes de contrôle de puces

Classique image-gauche /image-droite lignes avec une bande de statistiques de décompte sous l'en-tête L'alternance est automatique Lignes flip sides en fonction de la position, donc l'ajout d'une quatrième ou cinquième ligne à travers le répéteur garde le zigzag intact Chaque ligne porte un badge de kicker, trois balles de contrôle, et son propre contrôle de lien Démo art pour les trois lignes de bookkeep-app est dans le zip.

Téléchargez le modèle de lignes alternées (.zip)

3. Liste des processus numérotés

Modèle de section de processus d'élémenteur montrant cinq étapes numérotées sur une piste verticale avec une ligne de progression pilotée par défilement

Cinq pas numérotés sur une piste verticale, avec une ligne de progression qui se dessine au fur et à mesure que vous faites défiler et des points qui s'allument lorsque leur pas entre dans la fenêtre d'affichage Les pas sont en direct dans un répéteur (numéro, titre, étiquette de puce, texte) et le calcul de progression lit le nombre de pas au moment de l'exécution Trois pas ou huit, la ligne atterrit toujours sur le dernier point Il y a un pied de page CTA basculable avec une statistique en surbrillance intégrée.

Télécharger le modèle de processus numéroté (.zip)

4. Cartes de présentation d'images

Modèle de section vitrine Elementor avec trois cartes image qui s'inclinent en 3 D en vol stationnaire et un téléscripteur de mots clés défilant

Trois grandes cartes image avec une inclinaison 3 D qui suit le curseur, plus un chapiteau de mot clé défilant entre l'en-tête et la grille Vous ajoutez chaque mot-clé ticker une fois La duplication de boucle transparente se produit en JavaScript, donc le chapiteau ne montre jamais de couture Les cartes prennent une image, un badge, un titre, du texte, et un lien chacun ; les trois illustrations de démonstration podcast-outil sont livrées dans le zip.

Téléchargez le modèle de cartes vitrines d'image (.zip)

À propos de nous modèles de section

Trois mises en page pour la section “who are you and why should I car” Choisissez par ce que vous avez : une bonne photo, un bon numéro, ou une bonne mission.

5. Image laissée avec l'histoire

Élémenteur chaleureux à propos du modèle de section avec photo de boulangerie à gauche, texte de l'histoire à droite, statistiques de compte à rebours et signature

Photo à gauche avec une inclinaison de vol stationnaire de style polaroïd, une copie d'histoire à droite, trois statistiques de décompte et un bloc de signature Le répéteur de statistiques gère les préfixes, les décimales et les milliers de virgules La démo compte jusqu'à 2 400 partenaires grossistes sans que vous touchiez au code Scène de démonstration de boulangerie incluse comme SVG.

Télécharger le modèle d'histoire de gauche de l'image (.zip)

6. Image droite avec badge flottant

Dark Elementor sur le modèle de section avec l'image d'architecture à droite, la liste de contrôle des informations d'identification et le badge flottant des années d'expérience

La disposition miroir : texte à gauche, image à droite, avec un badge de” flottant de “27 ans qui compte lorsqu'il défile dans la vue La liste de contrôle des informations d'identification est un répéteur, le badge est basculable et les deux lignes de badge sont modifiables. Utilisez-le pendant des années d'activité, projets expédiés, quel que soit votre meilleur numéro.

Télécharger le modèle de badge de droite de l'image (.zip)

7. Mission et valeurs

Modèle de section de mission d'élémenteur avec un grand énoncé de mission et quatre cartes de valeur avec des icônes de ligne

Aucune photo nécessaire Un grand énoncé de mission avec une phrase de couleur accent, puis quatre cartes de valeur avec des icônes de ligne qui tournent légèrement sur le vol stationnaire Les cartes sont un répéteur avec un champ d'icônes basé sur des mots clés (vagues, communauté, soleil, cœur).Les icônes sont des masques CSS qui héritent de la couleur de votre accent, donc elles se recolorent avec la palette au lieu de s'affronter avec elle.

Télécharger le modèle de mission et de valeurs (.zip)

Statistiques et modèles de bandes de compteurs

Des sections courtes, un impact disproportionné Les deux exécutent des animations de compte à rebours qui se déclenchent une fois lorsqu'elles sont mises en évidence, et les deux affichent immédiatement les valeurs finales pour les visiteurs avec un mouvement réduit activé.

8. Bande de statistiques légères

Modèle de section de compteur de statistiques d'élémenteur de lumière avec quatre grands numéros de empattement et des lignes de séparation d'introduction

Quatre compteurs sur papier-blanc, chiffres sérif, lignes de diviseur qui dessinent à mesure que les chiffres grimpent Un curseur de colonnes reconfigure la grille de bureau si vous exécutez trois ou cinq statistiques au lieu de quatre, et un seul contrôle de durée syntonise la vitesse à laquelle tout compte.

Téléchargez le modèle de bande de statistiques lumineuses (.zip)

9. Groupe de statistiques sombres

Modèle de section de statistiques Dark Elementor avec des compteurs d'accent à la chaux, des icônes lumineuses et un titre bicolore

La version à contraste élevé : fond presque noir, accent de chaux, une icône au-dessus de chaque compteur avec une impulsion de lueur Les icônes se cyclent automatiquement par carte (boulon, turbine, maison, bouclier) et chaque statistique définit sa propre durée de décompte, de sorte que les nombres atterrissent en séquence plutôt que tous en une seule fois Le titre se divise en trois champs de sorte que le mot d'accent se trouve où vous le souhaitez.

Téléchargez le modèle de bande de statistiques sombres (.zip)

Modèles de section de témoignage

Quatre façons de montrer la preuve, d'un carrousel complet à une seule citation dévastatrice Si vous ne prenez qu'une chose de ce groupe : les points du carrousel sont générés à partir de votre nombre de diapositives, car nous avons tous vu des curseurs à quatre points et six diapositives.

Modèle de carrousel de témoignage d'élémenteur avec grande carte de devis, avatar, navigation par flèches et points de diapositive

Un curseur approprié : boutons fléchés, points cliquables, navigation au clavier et hauteur automatique afin que les guillemets courts ne laissent pas de carte vide haute Les diapositives sont un répéteur (citation, nom, rôle, avatar), et les points et les “N des étiquettes de total” se reconstruisent à partir du nombre que vous ajoutez Quatre avatars de démonstration sont expédiés dans le zip.

Télécharger le modèle de carrousel témoignage (.zip)

11. Grille de maçonnerie

Modèle de grille de maçonnerie de témoignage d'élémenteur avec cartes de révision échelonnées, notes d'étoiles et avatars initiaux

Six cartes en maçonnerie de colonnes CSS avec révélations décalées Chaque rangée de répéteurs prend un devis (plus le deuxième paragraphe en option pour les cartes hautes), une note de 1 étoile, des initiales pour le cercle d'avatar et une bascule de” en caractéristiques qui donne à une carte le traitement d'accentuation. Les étoiles restituent à partir de la valeur de notation, donc une critique de 4 étoiles montre quatre étoiles remplies, pas ce qui a été codé en dur.

Télécharger le gabarit de grille de maçonnerie (.zip)

12. Grande citation unique

Modèle de témoignage de citation unique d'élémenteur avec une grande citation de empattement révélée ligne par ligne et une bande de statistiques

Une citation, énorme type serif, révélé ligne par ligne avec une animation masquée Vous collez la citation comme un seul paragraphe ; le JavaScript la divise en lignes équilibrées et fois la révélation, donc une citation de 15 mots et une citation de 40 mots s'animent toutes deux correctement Une petite bande méta en dessous (chambres, note, année) est un répéteur que vous pouvez vider entièrement.

Téléchargez le modèle de devis unique (.zip)

13. Cartes de notation avec résumé

Modèle de section d'examen d'élémenteur avec score global, barres de distribution de notation animées et quatre cartes d'examen de plateforme

Le look review-agregator : un gros score de compte à rebours, des barres de distribution animées (cinq étoiles : 84 %, quatre : 11 %...), puis quatre cartes de révision taggées par plateforme avec des couleurs de badge par carte Les notes fractionnaires peignent des étoiles partielles Celui-ci a le plus de contrôles du groupe de témoignage, 24, car tout, des pourcentages de barres à la légende sous le score est modifiable.

Télécharger le modèle de cartes de notation (.zip)

Modèles de sections de tableaux de prix

La section aux enjeux les plus élevés sur un site commercial, nous avons donc construit quatre variantes au lieu d'une table de” universelle qui ne convient à personne. Tous les quatre exécutent leurs prix via des animations de décompte et mettent un contrôle de lien complet sur chaque bouton.

14. Classique à trois niveaux

Modèle de tableau de prix de l'élémenteur avec trois cartes de forfait, des prix de décompte et un bouton de plan intermédiaire en surbrillance

Trois cartes, entrée décalée, prix qui comptent sur le défilement Les plans sont un répéteur Les fonctionnalités entrent comme une ligne par fonctionnalité dans une zone de texte, de sorte que les plans peuvent avoir cinq fonctionnalités ou neuf sans emplacements vides Un par plan “popular” bascule le bouton de cette carte de fantôme à accent solide.

Téléchargez le modèle de tarification à trois niveaux (.zip)

15. Plan souligné

Modèle de section de tarification d'élémenteur avec plan populaire élevé, bordure d'accent lumineux et étiquette de ruban

Les mêmes os à trois colonnes, mais le plan populaire s'élève physiquement au-dessus de ses voisins avec une impulsion de lueur et un ruban La surbrillance suit une bascule dans chaque rangée de répéteurs, donc promouvoir un plan différent au trimestre suivant est un interrupteur, pas un restyle Une rangée de statistiques de pied de page (uptime, datacenters, support) peut être désactivée.

Téléchargez le modèle de plan en surbrillance (.zip)

16. Liste des fonctionnalités de comparaison

Modèle de tableau de comparaison de prix d'élémenteur avec trois plans, lignes de matrice de fonctionnalités et fonctionnalités supplémentaires extensibles

Une véritable matrice de fonctionnalités : trois colonnes de plan, des lignes de fonctionnalités avec des valeurs oui/non/personnalisées (“5 users”, “Unlimited”), et un bloc extensible qui révèle six lignes supplémentaires avec une animation de hauteur lisse Type yes ou no dans une cellule et il se rend comme un chèque ou une croix ; tapez n'importe quoi d'autre et il imprime comme texte Quel plan obtient la valeur de colonne de “Best la mise en surbrillance est une chute À 38 contrôles c'est le modèle le plus profond du pack.

Télécharger le modèle de liste de comparaison (.zip)

17. Basculer mensuel/annuel

Modèle de tarification de l'élémenteur avec bascule de facturation annuelle mensuelle, badge d'enregistrement et trois cartes de forfait avec prix inversés

La norme SaaS. Un commutateur accessible retourne chaque carte entre les prix mensuels et annuels avec un peu d'animation de prix-flip ; chaque plan porte les deux prix plus les deux “facturés comme des notes de” dans sa rangée répéteur Les “Save 20 % de texte de badge” est un champ changer les maths, changer le badge.

Téléchargez le modèle de bascule de facturation (.zip)

Modèles de sections d'équipe

Les gens achètent aux gens Trois mises en page selon la quantité de personnalité que vous voulez montrer Tous les trois prennent des photos à travers les champs de répéteur par membre et se dégradent gracieusement pendant que les emplacements sont vides.

18. Grille de cartes photo

Modèle de section d'équipe d'élémenteurs avec quatre cartes photo, zoom portrait et balayage de bordure d'accent sur le vol stationnaire

Quatre cartes portrait avec un survol par zoom et balayage de bordure Nom, rôle, et une bio d'une ligne par membre ; le décalage d'entrée recalcule pour n'importe quel nombre de membres Quatre illustrations de portrait démo viennent dans le zip si vous avez besoin d'espaces réservés tout en collectant de véritables photos de tête.

Téléchargez le modèle de grille de cartes d'équipe (.zip)

19. Biographie de révélation du vol stationnaire

Modèle d'équipe d'élémenteurs avec des cartes portrait qui révèlent des biographies et des liens sociaux en vol stationnaire ou en tapote

Portraits qui glissent sur un panneau bio sur le survol, la mise au point ou le robinet, de sorte qu'il fonctionne avec un clavier et sur les téléphones, pas seulement avec une souris Chaque rangée de membres porte les contrôles LinkedIn, Instagram et les liens de messagerie, et toute la rangée sociale peut être désactivée si votre équipe préfère ne pas.

Téléchargez le modèle de bio de vol stationnaire (.zip)

20. curseur d'équipe

Modèle de curseur d'équipe d'élémenteurs avec grande photo de membre, panneau biologique, points et compteur de diapositives sur fond sombre

Un membre à la fois : grande photo, balise de rôle, une bio plus complète, et un compteur de “001 /05” qui reconstruit à partir de votre nombre réel de membres, comme les points Les touches fléchées fonctionnent Bon pour les petites équipes où chaque personne mérite plus qu'une carte de visite.

Télécharger le modèle de curseur d'équipe (.zip)

Modèles de sections FAQ

Le plus grand cluster de recherche de ce pack et la section qui tue les objections avant votre CTA final Quatre builds Tous rendent le texte des questions sous forme de véritables titres et gardent le câblage ARIA intact, ce qui compte plus dans les sections FAQ que partout ailleurs.

21. Accordéon

Modèle d'accordéon FAQ Elementor avec questions ouvertes à l'unité, plus des icônes et une note de contact de pied de page

Accordéon simple ouvert avec animation de hauteur lisse et icônes plus rotatives Les questions et réponses sont un répéteur ; si le premier élément commence ouvert est une bascule La ligne de pied de page (“Still coincée ? Write to us”) a ses propres champs de lien et de courriel, parce que cette ligne finit toujours par être codée en dur et oubliée autrement.

Télécharger le modèle d'accordéon FAQ (.zip)

22. Questions-réponses à deux colonnes

Modèle de section FAQ Elementor avec questions numérotées dans une grille statique à deux colonnes sur fond sombre

Pas de clic Les six réponses restent visibles dans une grille numérotée à deux colonnes avec des révélations décalées La numérotation 0106 est constituée de compteurs CSS, donc les éléments se renumérotent quand vous ajoutez un septième Mieux qu'un accordéon quand vos réponses sont courtes et que vous préférez que les visiteurs les lisent réellement.

Téléchargez le modèle de FAQ à deux colonnes (.zip)

23. onglets de catégorie

Modèle de FAQ Elementor avec navigation par onglets de catégorie, indicateur de pilule coulissante et questions groupées

Douze questions réparties dans quatre catégories avec une barre d'onglets coulissante pour pilules Voici l'astuce : vous ne gérez pas du tout les onglets Chaque question du répéteur a un champ de catégorie, et le widget construit les boutons d'onglets à partir des catégories uniques qu'il trouve Renommez une catégorie sur trois questions et l'onglet se renomme. Navigation complète par onglets flèche-clé incluse.

Télécharger le modèle des onglets de catégorie (.zip)

24. FAQ avec carte d'assistance

Modèle de section FAQ d'élémenteur avec accordéon multi-ouvert à gauche et carte de contact de support collante à droite

Accordéon à gauche (multi-ouvert cette fois), une carte support collante à droite avec une illustration, des canaux de contact, et une note d'équipe avec trois emplacements d'avatar Les canaux de contact sont un répéteur avec un chat/email/phone/clock icon picker par rangée Le décalage collant de la carte est un curseur, pour quand votre site a un gros en-tête fixe.

Téléchargez le modèle divisé de support FAQ (.zip)

Modèles de bandes d'appel à l'action

La dernière chose que les visiteurs voient avant le pied de page Trois niveaux d'énergie : fort, dirigé par les produits et silencieux.

25. Dégradé en gras

Modèle de section CTA Bold Elementor avec fond dégradé animé, blobs flottants et deux boutons

Un lavage dégradé animé en trois couleurs avec des blobs flottants qui dérivent vers votre pointeur Les trois couleurs dégradées sont des cueilleurs séparés, donc déplacer toute l'ambiance du violet à l'orange de marque prend trois clics Les boutons primaires et fantômes ont chacun des commandes de lien complètes ; les blobs s'éteignent pour les minimalistes (et s'éteignent pour les visiteurs à mouvement réduit).

Téléchargez le modèle CTA dégradé en gras (.zip)

26. Diviser avec l'image du produit

Modèle de section CTA d'élémenteur avec image de produit, badges à spécifications flottantes, classement par étoiles et liste de contrôle

Copie et liste de contrôle à gauche, produit tourné à droite avec des badges de spécifications flottantes (capacité, temps de charge, poids) qui se repositionnent quel que soit le nombre que vous ajoutez La note des étoiles compte jusqu'à 4,8 sur 2 318 avis dans la démo, et les deux chiffres sont des champs Construit pour un produit physique mais fonctionne pour tout avec des spécifications qui valent la peine de se vanter.

Télécharger le modèle CTA image divisée (.zip)

27. Minimal centré

Modèle CTA d'élémenteur minimal avec révélation du titre mot par mot et bouton unique sur fond crème

Fond de crème, un titre, un bouton, règles fines au-dessus et en dessous Le titre révèle mot par mot, et comme la division se produit au moment de l'exécution, votre titre réécrit anime exactement la même chose Quand une section sur deux de la page crie, celle-ci conclut l'affaire en baissant la voix.

Téléchargez le modèle CTA centré minimal (.zip)

Modèles de sections de formulaire de contact

Trois mises en page de contacts avec un comportement frontal fonctionnel : validation, états de focalisation et message de réussite en ligne Avertissement équitable, énoncé clairement dans les descriptions de champ de chaque widget également : ces formulaires sont de présentation : ils valident et confirment mais n'envoient pas de courrier électronique. Accédez le balisage au plugin de votre formulaire de choix pour une livraison réelle, ou utilisez-les comme le moyen le plus rapide de prototyper une page de contact qui obtiendra un vrai formulaire plus tard.

28. Formulaire avec coordonnées

Modèle de section de contact de l'élémenteur avec les coordonnées et la boîte de note à gauche, formulaire avec la liste déroulante du budget à droite

Colonne d'informations (e-mail, téléphone, bureau, comme répéteur avec icônes cyclistes) à côté d'un formulaire avec nom, e-mail, entreprise, une liste déroulante budgétaire, et un champ de message Les plages budgétaires sont leur propre répéteur Chaque étiquette et chaque espace réservé est modifiable, ce qui compte le jour où vous traduisez le site.

Téléchargez le modèle de répartition des informations du formulaire (.zip)

29. Formulaire avec carte

Modèle de contact d'élémenteur avec forme de puces de sujet et carte illustrée animée avec broche de localisation pulsée

Un formulaire avec des puces de sélection de sujet à côté d'une carte SVG illustrée : itinéraire en pointillés animés, épingle à impulsions, détails du parc et du canal Pas d'intégration Google Maps, pas de clé API, pas d'implications de bannière de cookies Les étiquettes de rue sur la carte sont des champs de texte, alors mettez vos rues réelles dessus.

Télécharger le modèle de carte de formulaire (.zip)

30. Carte centrée

Modèle de formulaire de contact d'élémenteur avec carte centrée, effet projecteur de curseur et badge d'état en direct

Une carte centrée sur un fond sombre avec un projecteur qui suit votre curseur et une“ clignotanteRépond dans un badge d'état de” d'un jour ouvrable Le texte du badge est un champ et l'ensemble du badge est basculable Au plus petit encombrement des trois Déposez-le à la fin de toute page qui a besoin d'une option de contact sans page de contact dédiée.

Télécharger le modèle de carte centrée (.zip)

Modèles de bandes de logo

Preuve sociale dans sa forme la plus compacte Les deux modèles prennent les téléchargements de logo via un répéteur, et jusqu'à ce que vous téléchargiez, chaque emplacement rend le nom de la marque sous la forme d'un mot-symbole de texte stylisé, de sorte que la section n'a jamais l'air cassée au milieu de la configuration.

31. Grille statique en niveaux de gris

Modèle de bande de logo Elementor avec grille de logo client en niveaux de gris qui colore en vol stationnaire et une ligne de statistiques de décompte

Huit logos dans une grille, en niveaux de gris jusqu'à ce qu'ils soient survolés, avec une statistique de décompte en dessous (“Powering reporting for 1 400+ teams”). Les colonnes sont un curseur, la ligne de statistiques est basculable et le survol en niveaux de gris fonctionne sur les logos PNG ou SVG que vous téléchargez.

Téléchargez le modèle de grille de logo statique (.zip)

32. chapiteau défilant

Modèle de chapiteau de logo à défilement d'élément avec boucle infinie transparente et fondu de bord

Un chapiteau infini avec des fondus de bord qui s'arrête en vol stationnaire et s'arrête pour les visiteurs à mouvement réduit Vous ajoutez chaque logo une fois ; le clone de boucle sans couture est géré en JavaScript La vitesse de défilement est un curseur ; la démo exécute une boucle de 28 secondes, qui se lit comme confiante plutôt que frénétique.

Téléchargez le modèle de chapiteau défilant (.zip)

De quelles sections une page de destination a-t-elle réellement besoin ?

Une page de destination à haute conversion suit un ordre de défilement assez stable : héros, bande de logo, fonctionnalités, preuves à propos ou sociales, prix, FAQ, CTA final et contact Toutes les pages n'ont pas besoin de toutes, mais l'ordre compte, car chaque section répond à l'objection soulevée par la précédente.

Le modèle que nous voyons sur les pages SaaS, d'agence et d'entreprise locale : le héros fait une réclamation, la bande de logo dit que les autres l'ont cru, les fonctionnalités de” l'expliquent, les témoignages le prouvent, les prix le quantifient, la FAQ gère la coordonnéeyeah, mais les moments de”, et la bande CTA attrape tous ceux qui ont défilé jusqu'ici encore indécis C'est l'ordre de défilement que suit cette collection, de haut en bas Vous pouvez assembler toute la page de ce post plus le pack héros(ou partir d'un full) kit modèle et échangez des sections individuelles.

Foire aux questions

Ces modèles de section Elementor sont-ils vraiment gratuits ?

Les 30+ fichiers de modèles sont gratuits à télécharger et à utiliser sur n'importe quel nombre de sites, projets commerciaux inclus Les importer utilise le Widget Builder, qui fait partie de Maître Addons Pro(traduction), vous avez donc besoin du plugin actif, mais vous ne paierez jamais les modèles eux-mêmes.

Comment puis-je importer un modèle de section dans Elementor ?

Accédez à Addons principaux → Widget Builder → Importer le widget dans votre administrateur WordPress, téléchargez le fichier JSON depuis le zip, puis ouvrez n'importe quelle page avec Elementor et faites glisser le nouveau widget depuis le panneau L'ensemble du voyage aller-retour prend environ deux minutes ; le procédure pas à pas ci-dessus couvre chaque étape.

Puis-je modifier les modèles après l'importation ?

C'est le point du format Chaque titre, paragraphe, étiquette de bouton, lien, image, et couleur de base est un contrôle étiqueté dans les onglets Contenu et Style du widget, plus les contrôles de typographie et les curseurs de mise en page pour les lacunes et les rayons de coin Les éléments répétés (plans, FAQ, témoignages, logos) sont des répéteurs, donc vous ajoutez et supprimez des entrées au lieu de dupliquer le balisage.

Les modèles fonctionnent-ils avec n'importe quel thème WordPress ?

Oui. Les styles de chaque widget sont adaptés à sa propre classe d'emballage, il n'hérite donc pas du style de section de votre thème ni ne divulgue de styles. Les modèles sont réactifs sur mobile et respectent la préférence de mouvement réduit du visiteur.

Pourquoi les images viennent-elles sous forme de fichiers SVG ?

L'illustration de démonstration est vectorielle, elle reste donc nette à n'importe quelle taille. WordPress bloque les téléchargements SVG par défaut, alors convertissez l'art fourni en PNG ou WebP avant de télécharger, ou installez un plugin d'activation SVG. Vos propres photos fonctionnent dans chaque emplacement d'image sans conversion.

Photo de Roy Jemee
Roy Jemee
Je suis Roy Jemee, Content Wrangler et Marketer chez Pixar Labs, travaillant sur Master Addons pour Elementor J'écris les tutoriels, enregistre les vidéos, et garde la documentation à jour, donc vous savez toujours comment utiliser chaque fonctionnalité Je gère aussi le support, donc si vous frappez un accroc, je suis la personne qui vous aide à y répondre de vraies réponses, de la part de quelqu'un qui utilise ces outils tous les jours.
Septembre Vente

40% de tout

Chaque plan Master Addons Pro, annuel et à vie Un code, huit jours.

00jours
00heures
00min
00sec

Se termine le lundi 14 septembre, à 23 h 59 HE

  • Personnel1 site 129 $77 $
  • Entreprise5 sites 199 $119 $
  • DéveloppeurSites illimitésMeilleur pour les agences 599 $359 $

Payer une fois. Aucun renouvellement, jamais.

Code coupon MALIFE40
Obtenez 40 % de réduction maintenant
  • Plus de 30 000 installations actives
  • 4,5/5 sur 212 avis
  • remboursement de 14 jours