Eine Abschnittsvorlage ist ein Band einer Seite: die Preistabelle, die FAQ, die Logoszeile, gespeichert, damit Sie sie in ein Layout einfügen können, anstatt sie erneut zu erstellen.
Diese Seite hat zwei Sätze. Der erste besteht aus 32 Abschnitten, die wir von Hand erstellt und als JSON-Dateien verpackt haben. Sie können sie hier herunterladen, über den Master Addons Widget Builder importieren und aus beschrifteten Feldern statt aus verschachtelten Containern bearbeiten. Der zweite Teil ist die Master Addons-Abschnittsbibliothek: 583 Elementorabschnitte, die aus dem Inneren des Elementor-Editors installiert werden, 93 davon auf dem kostenlosen Plugin.
Springen Sie zu dem, wofür Sie gekommen sind:
- 32 Abschnittsvorlagen zum Herunterladen als JSON: kostenlose Dateien, importiert mit dem Widget Builder
- Durchsuchen Sie die Bibliothek mit 583 Abschnitten nach Typ: Held, Funktionen, Preise, FAQ, Team, Kontakt und mehr
- So importieren Sie eine Abschnittsvorlage: beide Wege, Schritt für Schritt
- Aus diesen Abschnitten erstellte Elementor-Landingpage-Vorlagen
So importieren Sie eine Elementor-Abschnittsvorlage
Zwei Routen, zwei getrennte Systeme Die 32 Downloads auf dieser Seite kommen als Widgets durch den Widget Builder rein Die Bibliotheksabschnitte installieren aus dem Inneren des Elementor-Editors Beide enden mit dem Design auf Ihrer Seite und allem, was noch editierbar ist.
Route 1: Importieren Sie eine JSON-Vorlagendatei mit dem Widget Builder
- Laden Sie den Zip für die gewünschte Vorlage herunter und entpacken Sie ihn. Darin befindet sich das Widget JSON, ein Vorschaubild und das Demo-Artwork, bei dem das Design beliebige verwendet.
- Gehe zu Master-Addons → Widget Builder → Widget importieren In Ihrem WordPress-Admin und laden Sie die hoch
widget-*.jsonDatei. - Öffnen Sie Elementor, durchsuchen Sie den Namen des Widgets im Panel und ziehen Sie es auf die Seite.
- Füllen Sie die Registerkarte Inhalt aus Farben befinden sich in der Registerkarte Stil, normalerweise vier bis sechs Auswahlprogramme, die den gesamten Abschnitt neu thematisieren.
Die Widget-builder Teil von Master Addons Pro ist Die JSON-Dateien selbst kosten nichts und bleiben nach dem Herunterladen bei Ihnen.
Mehrere Zips versenden SVG-Grafiken, und WordPress blockiert standardmäßig SVG-Uploads. Konvertieren Sie sie zuerst in PNG oder WebP oder aktivieren Sie SVG-Uploads. Die Widgets rendern auch ohne Bilder, da sich leere Bildsteckplätze verstecken.
Route 2: Installieren Sie einen Abschnitt aus der Vorlagenbibliothek
- Installieren und aktivieren Master AddonsÖffnen Sie dann eine beliebige Seite mit Elementor.
- Klicken Sie auf das Vorlagensymbol Master Addons in der Editor-Symbolleiste und wechseln Sie zu der Abschnitte Tab.
- Filtern Sie nach Kategorie und fahren Sie dann mit der Maus über ein Design, um eine Vorschau in voller Größe anzuzeigen.
- Klicken Sie auf Einfügen. Der Abschnitt fällt an Ihrer Cursorposition mit intakten Bildern, Abständen und Widget-Einstellungen ein.
- Bearbeiten Sie es wie alles andere, was Sie erstellt haben: Klicken Sie auf eine Überschrift, um es neu einzugeben, und öffnen Sie die Registerkarte Stil, um die Farben zu ändern.
Freie Abschnitte gleich einfügen Pro Abschnitte zeigen ein Schloss an und benötigen einen auf der Seite aktivierten Lizenzschlüssel Auf dieser Strecke wird nichts auf Ihren Computer heruntergeladen.
32 Elementor-Abschnittsvorlagen, die Sie als JSON herunterladen können
Diese wurden für diesen Beitrag gebaut: handgeschriebenes HTML, CSS und JavaScript, dann in Widget Builder Widgets umgewandelt, sie befinden sich nicht in der Bibliothek des Plugins, sie laden von hier herunter.
Der Import als Widgets hat eine praktische Konsequenz: Wiederholbare Dinge sind Repeater Preispläne, FAQ-Einträge, Testimonials, Teammitglieder und Logos sind allesamt Repeater-Felder, sodass das Hinzufügen eines vierten Plans oder einer zehnten Frage das Layout, die Animationsstaffelung und die Nummerierung von selbst anpasst Farben laufen durch vier bis sechs Basis-Picker Animationen respektieren Einstellungen mit reduzierter Bewegung Nichts ist an einen Containerpfad geschweißt, der bricht, wenn man ihn bewegt.
Funktionen und Dienstleistungen Abschnitt Vorlagen
Vier Möglichkeiten, das, was Sie verkaufen, zu gestalten: ein Kartenraster, abwechselnde Reihen, ein nummerierter Prozess und bildgeführte Vitrinenkarten.
1. Symbolkartenraster: Elementor-Features-Abschnittsvorlage
Ein dunkles dreispaltiges Raster aus sechs Feature-Karten, aufgebaut um einen Cursor-Follow-Glanz: Bewegen Sie Ihre Maus und ein weiches radiales Licht zieht sie über die Karten Karten Karten Karten sind ein Repeater: Symbol (fügen Sie eine beliebige SVG ein), Titel, Text, und ein optionaler Pfeillink pro Karte Sechs Karten aus einer fiktiven Analyse SaaS kommen vorgefüllt, und der versetzte Eingang animiert die Anzahl der Karten, die Sie am Ende haben.
2. Abwechselnde Bildzeilen: Vorlage für Elementorfunktionszeilen
Klassische Bild-links / Bild-rechts Reihen mit einem Count-up-Stats Streifen unter der Kopfzeile Der Wechsel erfolgt automatisch Zeilen kippen Seiten je nach Position, so dass das Hinzufügen einer vierten oder fünften Reihe durch den Repeater den Zickzack intakt hält Jede Reihe trägt ein Kicker-Abzeichen, drei Kontrollkugeln, und eine eigene Linksteuerung Demokunst für die drei Bookkeeping-App-Reihen ist im Zip.
3. Nummerierte Prozessliste: Vorlage für Elementor-Prozessschritte
Fünf nummerierte Schritte auf einer vertikalen Spur, mit einer Fortschrittszeile, die sich beim Scrollen selbst zeichnet und Punkten, die leuchten, wenn ihr Schritt in den Ansichtsfenster gelangt Schritte live in einem Repeater (Zahl, Titel, Chip-Etikett, Text) und die Fortschritts-Mathe liest die Schrittanzahl zur Laufzeit Drei Schritte oder acht, die Zeile landet immer noch auf dem letzten Punkt Es gibt eine umschaltbare CTA-Fußzeile mit einem hervorgehobenen Status eingebacken.
4. Bild-Showcase-Karten: Elementor-Feature-Cards-Vorlage
Drei große Bildkarten mit einer 3 D-Neigung, die dem Cursor folgt, dazu ein scrollendes Keyword-Marquee zwischen Header und Raster, Sie fügen jedes Ticker-Keyword einmal hinzu Die nahtlose Schleifenduplikation geschieht in JavaScript, so dass das Marquee nie eine Naht anzeigt Karten nehmen jeweils ein Bild, Abzeichen, Titel, Text, und verlinken; die drei Podcast-Tool-Demo-Illustrationen werden im Zip versendet.
Über uns Abschnittsvorlagen
Bild links, Bild rechts mit schwebendem Abzeichen, und ein Leitbild mit Wertkarten.
5. Bild mit Geschichte übrig: Elementor über uns Abschnittsvorlage
Foto links mit einer Schwebeschräge im Polaroid-Stil, Story-Kopie rechts, drei Count-up-Statistiken und einem Signaturblock. Der Stats-Repeater verarbeitet Präfix, Dezimalzahlen und Tausende Kommas. Die Demo zählt bis zu 2.400 Großhandelspartner, ohne dass Sie Code berühren. Bäckerei-Demoszene als SVG enthalten.
6. Bild rechts mit schwebendem Abzeichen: Elementor über Abschnittsvorlage
Das Spiegellayout: Text links, Bild rechts, mit einem schwebenden “27 Jahre” - Badge, das hochzählt, wenn es in Sicht scrollt Die Checkliste für die Anmeldeinformationen ist ein Repeater, das Badge ist umschaltbar, und beide Badge-Linien sind bearbeitbar Verwenden Sie es jahrelang im Geschäft, Projekte versendet, was auch immer Ihre beste Nummer ist.
7. Mission und Werte: Abschnitt Elementormission und Werte
Kein Foto nötig Ein großes Leitbild mit akzentfarbener Phrase, dann vier Wertkarten mit Liniensymbolen, die sich im Schwebeflug leicht drehen Karten sind ein Repeater mit einem stichwortbasierten Symbolfeld (Wellen, Community, Sonne, Herz) Die Icons sind CSS-Masken, die Ihre Akzentfarbe erben, also färben sie sich mit der Palette neu, anstatt mit ihr zu kollidieren.
Statistiken und Gegenbandvorlagen
Zwei Count-up-Bänder, eines hell und eines dunkel, für die Zahlen, die den Maßstab beweisen.
8. Lichtstatistikband: Vorlage für Elementorzählerabschnitte
Vier Zähler auf papierweißen, serifenförmigen Ziffern, Trennlinien, die sich beim Klettern der Zahlen einzeichnen Ein Spaltenschieber konfiguriert das Desktop-Gitter neu, wenn Sie drei oder fünf statt vier Statistiken ausführen, und ein einzelner Dauerregler stimmt ab, wie schnell alles zählt.
9. Dark stats Band: Elementor stats Bandvorlage
Die kontrastreiche Version: nahezu schwarzer Hintergrund, Kalkakzent, über jedem Zähler ein Symbol mit einem Glimtimpuls Symbole zyklieren automatisch pro Karte (Bolzen, Turbine, Heim, Schild) und jeder Stat legt seine eigene Zähldauer fest, sodass die Zahlen in Folge landen und nicht alle auf einmal Überschrift teilt sich in drei Felder auf, sodass das Akzentwort dort sitzt, wo Sie es wollen.
Testimonial-Abschnittvorlagen
Ein Karussell, ein gemauertes Gitter, ein großes Zitat und Rezensionskarten mit einer Gesamtpunktzahl.
10. Zeugniskarussell: Elementor-Testimonialkarussell Vorlage
Ein richtiger Schieberegler: Pfeiltasten, anklickbare Punkte, Tastaturnavigation und automatische Höhe, sodass kurze Anführungszeichen keine große leere Karte hinterlassen. Folien sind ein Repeater (Zitat, Name, Rolle, Avatar) und Punkte und die „N der Gesamtzahl“”-Etiketten bauen sich aus den hinzugefügten „Vier Demo-Avatare werden im Reißverschluss versendet.
11. Mauerwerksraster: Elementor-Testimonial-Rastervorlage
Sechs Karten in CSS-Spalten Mauerwerk mit gestaffelten Enthüllungen Jede Repeater-Reihe nimmt ein Zitat (plus optionaler zweiter Absatz für die hohen Karten), eine 15-Sterne-Bewertung, Initialen für den Avatarkreis und einen “featured” - Knebel, der einer Karte die Akzentbehandlung verleiht Sterne rendern aus dem Bewertungswert, so dass eine 4-Sterne-Bewertung vier gefüllte Sterne zeigt, nicht was auch immer fest codiert war.
12. Einzelnes großes Zitat: Elementor-Testimonial-Abschnitt Vorlage
Ein Zitat, riesiger Serifen-Typ, aufgedeckt Zeile für Zeile mit einer maskierten Animation Du fügst das Zitat als einen Absatz ein; das JavaScript teilt es in ausgeglichene Zeilen und mal die Enthüllung, so dass ein 15-Wort-Zitat und ein 40-Wort-Zitat beide korrekt animieren Ein kleiner Metastreifen darunter (Zimmer, Bewertung, Jahr) ist ein Repeater, den man komplett leeren kann.
13. Bewertungskarten mit Zusammenfassung: Vorlage für Elementor-Bewertungskarten
Der Review-Aggregator-Look: ein großer Count-up-Score, animierte Verteilerbalken (fünf Sterne: 84%, vier: 11%...), dann vier von der Plattform markierte Rezensionskarten mit Ausweisfarben pro Karte Teilsterne malen Diese hat die meisten Kontrollen der Testimonial-Gruppe, 24, denn alles von den Taktprozentsätzen bis zur Bildunterschrift unter der Partitur ist bearbeitbar.
Vorlagen für Preistabellenabschnitte
Dreistufiger, hervorgehobener Plan, eine Vergleichsmatrix und ein monatlicher/jährlicher Umschalter.
14. Klassische dreistufige: Vorlage für die Elementor-Preistabelle
Drei Karten, gestaffelter Eingang, Preise, die auf Scroll hochgerechnet werden Pläne sind ein Repeater Features gehen als eine Zeile pro Feature in einem Textarea rein, Pläne können also fünf Features haben oder neun ohne leere Slots Ein “beliebtes” Kipphebel pro Plan schaltet den Button dieser Karte von Geist auf festen Akzent um.
15. Hervorgehobener Plan: Elementor-Preis-Abschnittsvorlage
Gleiche Drei-Säulen-Knochen, aber der beliebte Plan erhebt sich physisch über seine Nachbarn mit einem Glimtimpuls und einem Band, Die Hervorhebung folgt einem Knebel in jeder Repeater-Reihe, so dass die Förderung eines anderen Plans im nächsten Quartal ein Schalter ist, kein Restyle Eine Footer-Stats-Reihe (Uptime, Rechenzentren, Support) kann abgeschaltet werden.
16. Vergleichsmerkmalsliste: Vergleichstabelle der Elementorpreise
Eine echte Feature-Matrix: drei Planspalten, Feature-Zeilen mit Ja/Nein/Benutzerwerten (“5 User”, “Unlimited”), und ein erweiterbarer Block, der sechs weitere Zeilen mit einer glatten Höhenanimation freigibt Geben Sie Ja oder Nein in eine Zelle ein und sie rendert als Scheck oder Kreuz; tippen Sie alles andere ein und es druckt als Text Welcher Plan den Spaltenhighlight “Bester Wert” erhält, ist ein Dropdown. Bei 38 Steuerelementen ist es die tiefste Vorlage im Paket.
17. Monatlicher / jährlicher Kippschalter: Elementor-Preistabelle mit Abrechnungskippschalter
Der SaaS-Standard Ein barrierefreier Schalter dreht jede Karte zwischen monatlicher und jährlicher Preisgestaltung mit einer kleinen Preis-Flip-Animation um; Jeder Plan enthält beide Preise plus beide „abgerechnet“Noten in seiner Repeater-Reihe. Der „20% sparen”-Abzeichentext ist ein Feld, sodass eine Änderung der Mathematik das Abzeichen ändert.
Team-Sektion Vorlagen
Ein Fotograster, Hover-Reveal-Bios und ein Schieberegler mit Biotafel.
18. Fotokartenraster: Elementor-Team-Abschnittsvorlage
Vier Portraitkarten mit einem Zoom-and-Border-Sweep-Schweber Name, Rolle, und eine einzeilige Bio pro Mitglied; die Eingangstasche berechnet sich für jede Mitgliederzahl neu Vier Demo-Porträt-Illustrationen kommen im Zip, wenn Sie Platzhalter benötigen, während Sie echte Kopfschüsse sammeln.
19. Hover-Reveal-Bios: Vorlage für Elementor-Teammitgliedskarten
Porträts, die beim Schweben, Fokussieren oder Tippen ein Bio-Panel nach oben schieben, sodass es mit einer Tastatur und auf Telefonen sowie einer Maus funktioniert Jede Mitgliedsreihe verfügt über LinkedIn-, Instagram- und E-Mail-Link-Steuerelemente, und die gesamte soziale Zeile kann ausgeschaltet werden, wenn Ihr Team dies lieber nicht tun möchte.
20. Team-Slider: Elementor-Team-Slider-Vorlage
Ein Mitglied nach dem anderen: großes Foto, Rollen-Tag, eine vollere Bio, und ein Zähler “01 / 05”, der aus Ihrer tatsächlichen Mitgliederzahl wieder aufbaut, genauso wie die Punkte Pfeiltasten funktionieren Gut für kleine Teams, bei denen jeder mehr als eine Visitenkarte verdient.
FAQ-Abschnittvorlagen
Ein Akkordeon, eine zweispaltige Frage-und-Antwort-Runde, Kategorientabellen und ein Akkordeon neben einer Supportkarte.
21. Akkordeon: Elementor FAQ Akkordeon Vorlage
Ein offenes Akkordeon mit glatter Höhenanimation und rotierenden Plus-Icons Fragen und Antworten sind ein Repeater; ob der erste Artikel offen startet, ist ein Knebel Die Fußzeile (“Noch hängen geblieben? Schreib uns”) hat eigene Link - und E-Mail-Felder, denn diese Zeile endet immer hart codiert und wird sonst vergessen.
22. Zweispaltige Frage-und-Antwort-Runde: Vorlage für Elementor-FAQ-Abschnitte
Kein Klick Alle sechs Antworten bleiben in einem nummerierten zweispaltigen Raster mit gestaffelten Enthüllungen sichtbar Die Nummerierung 01 – – – 06 ist CSS-Zähler, also nummerieren sich Elemente neu, wenn Sie eine Septime hinzufügen Besser als ein Akkordeon, wenn Ihre Antworten kurz sind und Sie lieber Besucher sie tatsächlich lesen möchten.
23. Karteikarten: Vorlage für Elementor-FAQ-Registerkarten
Zwölf Fragen über vier Kategorien mit verschiebbarer Tabletten-Tab-Leiste Man verwaltet die Tabs gar nicht Jede Frage im Repeater hat ein Kategoriefeld, und das Widget baut die Tab-Buttons aus den gefundenen eindeutigen Kategorien auf Benennen Sie eine Kategorie auf drei Fragen um und der Tab benennt sich selbst Um Vollständige Pfeil-Tasten-Tab-Navigation enthalten.
24. FAQ mit Support-Karte: Elementor FAQ-Bereich mit Support-Karte
Akkordeon links (diesmal mehrfach geöffnet), eine klebrige Supportkarte rechts mit Illustration, Kontaktkanälen und einer Teamnotiz mit drei Avatar-Steckplätzen. Kontaktkanäle sind ein Repeater mit einem Chat/E-Mail/Telefon/Uhr-Symbol-Picker pro Reihe. Der klebrige Offset der Karte ist ein Schieberegler, für den Fall, dass Ihre Website einen fetten festen Header hat.
Call-to-Action-Bandvorlagen
Ein kräftiger Farbverlauf, ein Split mit einem Produktbild und ein minimal zentriertes Band.
25. Fettgedruckter Gradient: Vorlage für Elementoraufruf zur Aktion
Eine animierte dreifarbige Farbverlaufswäsche mit schwebenden Klecksen, die auf Ihren Zeiger zudriften Die drei Farbverlaufsfarben sind separate Pflücker, so dass die Verlagerung der gesamten Stimmung von violett auf markenorange drei Klicks erfordert Primär - und Geistertasten verfügen jeweils über eine Volllinksteuerung; die Kleckse schalten sich für Minimalisten ab (und schalten sich für Besucher mit reduzierter Bewegung ab).
26. Mit Produktbild teilen: Elementor CTA Schnittvorlage
Kopieren und Checkliste links, Produktaufnahme rechts mit schwebenden Spec-Abzeichen (Kapazität, Ladezeit, Gewicht), die sich neu positionieren, wie viele Sie hinzufügen Die Sternebewertung zählt bis zu 4,8 aus 2.318 Bewertungen in der Demo, und beide Zahlen sind Felder. Gebaut für ein physisches Produkt, funktioniert aber für alles mit Specs, mit denen man prahlen sollte.
27. Minimal zentriert: Elementoraufruf zum Aktionsband
Cremehintergrund, eine Überschrift, ein Knopf, dünne Regeln oben und unten Die Überschrift verrät Wort für Wort, und weil die Aufteilung zur Laufzeit geschieht, animiert Ihre neu geschriebene Überschrift genau die gleicheWenn jeder zweite Abschnitt auf der Seite schreit, schließt dieser den Deal, indem er seine Stimme senkt.
Kontaktformular Abschnitt Vorlagen
Formular mit Kontaktdaten, Formular mit animierter Karte und zentrierter Karte.
28. Formular mit Kontaktinfo: Elementor Kontaktformular Vorlage
Info-Spalte (E-Mail, Telefon, Büro, als Repeater mit Rad-Icons) neben einem Formular mit Name, E-Mail, Firma, einem Budget-Dropdown, und einem Nachrichtenfeld Budgetbereiche sind ihr eigener Repeater Jedes Label und Platzhalter ist editierbar, was an dem Tag zählt, an dem Sie die Seite übersetzen.
29. Formular mit Karte: Elementor-Kontaktformular mit Karte
Ein Formular mit Themenauswahlchips neben einer illustrierten SVG-Karte: animierte gestrichelte Route, pulsierende Pin-, Park- und Kanaldetails. Keine Google Maps-Einbettung, kein API-Schlüssel, keine Auswirkungen auf das Cookie-Banner. Straßenetiketten auf der Karte sind Textfelder, also legen Sie Ihre tatsächlichen Straßen darauf.
30. Zentrierte Karte: Abschnitt Elementor-Kontaktformular
Eine zentrierte Karte auf dunklem Hintergrund mit einem Scheinwerfer, der Ihrem Cursor folgt und einem blinkenden Statusabzeichen “Antworten innerhalb eines Werktages” Der Abzeichentext ist ein Feld und das ganze Abzeichen ist umschaltbar Kleinste Standfläche der drei Lassen Sie es am Ende jeder Seite fallen, die eine Kontaktmöglichkeit ohne eine dedizierte Kontaktseite benötigt.
Logostreifenvorlagen
Ein Graustufengitter, das sich im Schwebeflug verfärbt, und ein unendliches Festzelt.
31. Statisches Graustufenraster: Elementor-Logo-Rastervorlage
Acht Logos in einem Raster, Graustufen bis zum Schweben, darunter ein Count-Up-Status (“Powering reporting for 1,400+ teams”).Säulen sind ein Slider, die Stat-Zeile ist umschaltbar, und der Graustufen-to-Color-Hover funktioniert auf allen PNG - oder SVG-Logos, die Sie hochladen.
32. Scrollendes Festzelt: Karussellvorlage Elementor-Logo
Ein Endlosmark mit Kantenausblendungen, das beim Schweben stoppt und für Besucher mit reduzierter Bewegung anhält Sie fügen jedes Logo einmal hinzu; der nahtlose Schleifenklon wird in JavaScript gehandhabt Die Scrollgeschwindigkeit ist ein Schieberegler; Die Demo läuft in einer 28-Sekunden-Schleife, die sich eher selbstbewusst als hektisch liest.
Durchsuchen Sie die Bibliothek mit 583 Abschnitten nach Typ
Die Bibliothek ist die andere Hälfte: 583 Designs, die aus dem Inneren des Elementor-Editors installiert statt heruntergeladen werden Unten sind drei Picks aus jeder der Hauptkategorien, jede mit einer Live-Demo, die Sie scrollen und klicken können, und eine Schaltfläche durch jedes Design in dieser Kategorie.
| Sektionstyp | Designs | Wo |
|---|---|---|
| Heldenabschnitt | 47 | Sprung |
| Feuilleton | 64 | Sprung |
| Abschnitt über uns | 40 | Sprung |
| Statistiken und Zählerabschnitt | 40 | Sprung |
| Erfahrungsbericht | 41 | Sprung |
| Preistabelle | 19 | Sprung |
| Teamabteilung | 36 | Sprung |
| FAQ-Bereich | 21 | Sprung |
| Abschnitt call to action | 27 | Sprung |
| Kontaktformular Abschnitt | 46 | Sprung |
| Blog und Artikelteil | 28 | Sprung |
| Mega-Menü-Bereich | 6 | Sprung |
| Dienstleistungsbereiche | 41 | Durchsuchen |
| Abschnitte zu Prozess, Schritten und Zeitleiste | 29 | Durchsuchen |
| Tabs, Inhalts - und Medienabschnitte | 31 | Durchsuchen |
| Shop, Produkt - und Menüabschnitte | 23 | Durchsuchen |
| Fallstudie und Portfolioabschnitte | 19 | Durchsuchen |
| Logo-, Marken- und Kundenbereiche | 13 | Durchsuchen |
| 404 Fehlerabschnitte | 7 | Durchsuchen |
| Abschnitte Karriere und Jobs | 5 | Durchsuchen |
Zählungen sind aus der Bibliothek am 23. September 2026 Neue Abschnitte landen mit den meisten Veröffentlichungen, so dass Ihr Plugin möglicherweise mehr als diese.
Elemente Hero Abschnitt Vorlagen
47 Heldendesigns in der Bibliothek Sie unterscheiden sich meist durch das, was neben der Überschrift steht: ein Dashboard-Screenshot, ein Booking-Button, ein Bewertungsabzeichen, oder eine GegenreiheWenn Sie Helden wollen, können Sie stattdessen als JSON herunterladen, es gibt eine Separates Paket von Hero-Abschnittsvorlagen.
Edge Signal SaaS Hero
Dunkler SaaS-Held mit Latenzüberschrift und darunter sitzendem Produkt-Dashboard.
Putzheld
Fotoheld für ein Dienstleistungsunternehmen, mit Sternebewertung und einer Telefonnummer neben dem Button.
Craftova Hero
Illustrierter Held mit einer schwebenden Ergebniskarte neben der Überschrift.
Jeder Held ist ein Containerstapel, daher bleiben die Überschrift, das Bild und die Schaltfläche getrennte Elemente, die Sie herumziehen können.
Elementor-Features-Sektion-Vorlagen
Die größte Kategorie mit 64 Sektionen Die meisten laufen auf der Info-box Widget, das Symbol, Titel, Text und Link als separate Bedienelemente anstelle eines Blocks formatierten Textes behält.
Lead Lift Funktionen Gitter
Acht Pastellstücke mit Kacheln unter einer Serifenüberschrift, zwei Viererreihen.
Dunkle Zuverlässigkeitskarten
Vier dunkle Karten mit nummerierten Symbolen, gebaut für Garantien und SLAs.
Clowdify Mobile App-Funktionen
Lila Split-Bereich mit einem Telefon-Mockup und einer Checkliste mit App-Funktionen.
Tauschen Sie die Symbole aus dem Info-Box-Steuerelement und der Abstand gilt. Der Text ist echter Text, also übersetzt er und indiziert ihn.
Elementor über uns Abschnittsvorlagen
40 about und Story Abschnitte Das Layout, das sich am meisten wiederholt, ist ein Bild auf der einen Seite mit der Story, eine Checkliste und eine Stat-Zeile auf der anderen.
Dunkle Handwerksgeschichte
Dunkle redaktionelle Story-Band mit Produktfoto und Datumsgrenze.
Reinigung Über uns
Fotocollage mit hervorgehobener Versprechenszeile und einer Telefonnummer-Taste.
VibeSpace Über
Innenarchitektur über einen Block mit einem vierbildigen Raster und drei Theken darunter.
Diese behalten ihre Form, wenn die Geschichte lang ist, und hier fallen die meisten Abschnitte auseinander.
Elementorstatistiken und Zählerabschnittsvorlagen
40 Abschnitte für Zahlen: Zählerreihen, Fortschrittsbalken, Bento-Metrikbretter und Armaturenbretter Die Zähler laufen auf der Gegen auf Widget und Animation auf Scroll ohne Setup.
Bento-Festivalfolie
Bento-Platte aus fünf metrischen Fliesen in verschiedenen Größen, dunkel und warm.
Zaplyte-Schlüsselmetriken
Fettes violettes Band mit drei großen Theken und kurzen Etiketten.
Fettfarbige Fortschrittsbalken
Blauer Block mit drei beschrifteten Fortschrittsbalken für Liefer- oder Kapazitätsnummern.
Zähler nehmen ein Präfix und ein Suffix, also rendern 12 k+, 99,9% und $4,2 M alle, ohne das Zahlenfeld zu berühren.
Elemente Testimonial Abschnitt Vorlagen
41 Testimonial - und Review-Abschnitte: Schieberegler, Kartenraster, Single Quotes und Review-Plattform-Layouts Es gibt auch eine Komplettlösung zum Bau eines Testimonialkarussells Wenn Sie lieber selbst eine bauen möchten.
Craftova Kundengeschichten
Illustrierte Kundengeschichten blockieren mit einem Happy-Customer-Schalter in der Mitte.
Portrait-Kundengeschichte
Dunkles redaktionelles Zitat mit zwei Porträtfotos und einem Long-Pull-Zitat.
Craftova-zeugnisse
Bewertungskarten mit Sternen über einem Bewertungsstreifen für die Bewertungsplattform.
Bewertungen sind in den meisten Fällen Repeater-Elemente, daher ist ein fünfter ein Klick und die Zeile räumt sich neu auf.
Muster für Elementorpreistabellen
19 Preisabschnitte, die auf dem aufbauen Preistabelle Widget. Planname, Preis, Funktionsliste, Menüband und Schaltfläche sind separate Bedienelemente, wodurch die Zeilen ausgerichtet bleiben, wenn Pläne unterschiedliche Funktionszahlen haben.
Lead-Lift-Preise
Dreistufiges Cream-Layout mit Serifenüberschrift und einem monatlichen oder jährlichen Wechsel.
Dunkler Preistisch
Dunkle dreispaltige Tabelle mit hervorgehobenem Plan und Preisgestaltung pro Sitzplatz.
Craftova-preise
Drei Pläne mit einer Limetten-Mittelkarte und einem Save-Abzeichen auf der Jahresoption.
Für einen monatlichen und jährlichen Wechsel innerhalb eines Widgets wird die Vorlage zum Umschalten der Abrechnung weiter oben auf dieser Seite verarbeitet.
Elementor-Team-Abschnittsvorlagen
36 Teamsektionen laufen auf der Teammitglied Widget, also Foto, Rolle, Bio und soziale Links sind Felder und keine gestapelten Textfelder.
Bento-Porträt-Mosaik
Dunkles Bento-Mosaik aus vier Porträts in nicht übereinstimmenden Rahmen.
Clowdify-team
Orangefarbenes Band mit fünf Porträtkarten und Rollen darunter.
Staffelung der Portraitreihe
Lila verlaufende Reihe von gewölbten Porträts, die eine Notiz im Schwebeflug erkennen lassen.
Soziale Symbole gibt es pro Mitglied, sodass eine Person nur LinkedIn haben kann und die Zeile immer noch ausgeglichen ist.
Elementor FAQ Abschnitt Vorlagen
21 FAQ-Abschnitte Die Akkordeon-Einsen verwenden die Erweiterte Akkordeon Widget, das das Single-Open-Verhalten und die FAQ-Schemaeinstellung enthält.
Häufig gestellte Fragen zum dunklen Leuchten
Dunkle Ziehharmonika mit lila Leuchten hinter der Überschrift.
Bento FAQ-Panel
Akkordeon links mit einer Kalkstatfliese und einer Fotokachel rechts.
Nummerierte redaktionelle FAQ
Tiefgrün nummerierte FAQ mit einer immer noch neugierigen Überschrift.
Schemata im Akkordeon-Widget einschalten, bevor Sie veröffentlichen, wenn Sie möchten, dass die Fragen zu reichhaltigen Ergebnissen führen.
Elementoraufruf-zu-Aktion-Abschnittvorlagen
27 CTA-Bänder, die Abschnitte, die über der Fußzeile sitzen und nach dem Klick fragen Aufgebaut auf die Aufruf zum Handeln und Kreativer Knopf Widgets.
Bleilift CTA
Korallenband über die gesamte Breite mit einer Schlagzeile für kostenlose Versuche und einer Linie ohne Kreditkarte.
Tecpart CTA
Dunkles Scale-up-Band mit einem Drahtglocke hinter der Kopie.
Zaplyt CTA
App-Promo-Split mit Store-Abzeichen, einem Telefonmodell und einer Bewertungszeile.
Button-Hover-Stile leben auf der Registerkarte Stil des Widgets, sodass Markenfarben eher ein Picker als eine Stylesheet-Bearbeitung sind.
Elementor-Kontaktformular-Abschnittsvorlagen
46 Kontakt, Buchungs - und Öffnungszeiten Abschnitte Formulare kommen aus dem Kontaktformular 7 durch die CF7-styler„Die Felder bleiben also bei Ihnen und nur das Design stammt aus dem Abschnitt.
Balanciq-Kontaktformular
Karte links, Nachrichtenformular rechts.
Kontaktformular für Bleilifte
Cremezentrierte Form mit Serifenüberschrift und abgerundeten Feldern.
Overlap-Reservierungskarte
Abendfoto mit einer Öffnungszeitenkarte, die sich überlappt, und einer Buchungsschaltfläche.
Installieren Sie zuerst Kontaktformular 7, dann wählen Sie Ihr Formular im Widget aus Der Abschnitt wird leer, bis ein Formular ausgewählt ist.
Elementor-Blog und Artikel-Abschnitt-Vorlagen
28 Blog-Abschnitte plus Single-Post-Layouts, aufgebaut auf dem Blogbeiträge Widget. Für ganze Seitenvorlagen und nicht für Abschnitte siehe die Elementor-Blogvorlagen Beitrag.
Kulinarischer Blogbeitrag
Magazinlayout mit einem großen Feature-Post und vier kleineren Karten.
Redaktionelle Archivliste
Cream-Archivliste mit einem Lesebutton in jeder Zeile.
Balanciq-Blogbeitrag
Postreihe mit drei Karten mit Daten und einem Abschnittsintro auf der linken Seite.
Das Raster zieht Live-Beiträge, sodass es sich füllt, sobald sich der Abschnitt auf Ihrer Website befindet.
Elementor Mega Menü Abschnitt Vorlagen
Sechs Mega-Menüfelder: Linkspalten, Symbolverzeichnisse und Werbeblöcke, die aus einem Navigationselement herausfallen, anstatt auf der Seite zu sitzen.
Mega-Menü im Elektronikgeschäft
Produktkategorie-Panel mit einer vorgestellten Produktfliese und drei Link-Spalten.
Fashion Store Mega-Menü
Drei Linkspalten über zwei Sale-Bannern.
Widget-Verzeichnis-Mega-Menü
Vierspaltiges Verzeichnis von Symbollinks für eine große Funktionsliste.
Erstellen Sie das Panel zuerst als Abschnitt und richten Sie dann das Mega-Menü-Widget aus Ihrer Navigation darauf.
Das sind 36 von 583. Die Vollständige Bibliothek Den Rest hat, und die gleichen Designs sind innerhalb des Plugins unter den gleichen Kategoriefiltern Wenn Sie eine ganze Seite statt eines Bandes wollen, die ganzseitigen Layouts live auf dem Elementor-Seitenvorlagen Seite, mit kompletten Site-Designs auf der Vorlagenkits Seite.
Elementorblöcke, Abschnitte, Seitenvorlagen und Kits
Diese vier Wörter werden für dasselbe verwendet und bedeuten unterschiedliche Seitenmengen.
- Abschnitte Ein horizontales Band sind: eine Preistabelle, eine FAQ, ein Held Worum es auf dieser Seite geht Du stapelst sie, um eine Seite zu machen.
- Blöcke Sind das gleiche unter einem anderen Namen Einige Addon-Bibliotheken sagen Blöcke, wo wir Abschnitte sagen Einige wenige verwenden das Wort für den WordPress-Block-Editor, der nicht verwandt ist.
- Seitenvorlagen Eine komplette Seite sind: home, about, kontakt, pricing Wenn Leute nach Elementor Website Vorlagen suchen ist das meistens das was sie meinen Master Addons hat 211 davon auf der Seitenvorlagen Seite.
- Vorlagensätze Eine ganze Seite in einem Stil sind: Kopfzeile, Fußzeile und jede Seite, passend gestaltet Es sind über 30 auf der Vorlagenkits Seite.
Abschnitte sind die nützliche Einheit, wenn man schon eine Seite hat und ein Teil einer Seite falsch ist Ein Kit macht mehr Sinn, wenn man bei nichts anfängt und möchte, dass die Typografie mit sich selbst übereinstimmt.
Elementor eigenes Container-System ersetzte den alten Sektion-and-Column-Aufbau, hier ist alles mit Containern aufgebaut, weshalb die Sektionen mobil ordentlich nachfließen, anstatt zu gequetschten Säulen zusammenzufallen.
Elementor-Landingpage-Vorlagen: Erstellen Sie eine aus diesen Abschnitten
Eine Landingpage besteht aus vier bis acht Abschnitten in bewusster Reihenfolge. Drei Kombinationen, die funktionieren, jeweils zusammengesetzt aus Abschnitten auf dieser Seite:
SaaS oder Softwareprodukt
Held mit Produktaufnahme, Logo-Strip für Social Proof, Feature-Grid, Stats-Band, Preistabelle mit Monats-Kipphebel, FAQ-Akkordeon, dann das CTA-Band Sieben Abschnitte Das Stats-Band direkt unter den Features macht die Arbeit einer Fallstudie, die Sie noch nicht geschrieben haben.
Lokales Dienstleistungsgeschäft
Held mit Buchungs-Button, Servicegitter, über mit dem Foto des Besitzers, Bewertungskarten, FAQ, dann ein Kontaktformular mit Karte Die Karte ist wichtiger als sie aussieht: Für einen Geschäftsmann, der dorthin fährt, beantwortet sie die Frage, die über den Anruf entscheidet.
Agentur oder Studio
Held, Client Logo Festzelt, Wechsel Feature Reihen, Teamraster, Fallstudienkarten, ein großes Testimonial, dann die CTA. Führen Sie mit den Logos Für Agenturarbeit, mit wem Sie gearbeitet haben, übertrifft, was Sie über sich selbst sagen.
Abschnitte sind containerbasiert, sodass Sie sie durch Ziehen im Navigator neu anordnen können. Der Abstand zwischen ihnen bleibt konstant, da die Auffüllung auf dem Abschnitt und nicht auf den darin enthaltenen Widgets erfolgt.
Welche Abschnitte braucht eine Seite eigentlich?
Die meisten Seiten, die konvertieren, verwenden denselben Rücken, in etwa dieser Reihenfolge:
- Held: was das ist und was man anklicken kann Jede Seite.
- Logo oder Clientstreifen: geliehene Glaubwürdigkeit, günstig hinzuzufügen.
- Merkmale oder Dienstleistungen: was man eigentlich bekommt.
- Über: warum du, mit einem gesicht, wenn du eine.
- Statistiken: Skalennachweis, wo die Zahlen gut sind.
- Erfahrungsberichte: Beweis von jemandem, der nicht du bist.
- Preisgestaltung: für alles mit Plänen.
- Team: Agenturen, Kliniken, lokale Unternehmen.
- FAQ: die Einwände, die das Klicken stoppen.
- CTA-Band: die letzte Frage vor der Fußzeile.
- Kontakt: das Formular und die Karte, wenn der Standort wichtig ist.
Schneiden Sie aus, was Sie nicht ehrlich füllen können Ein leerer Testimonial-Bereich mit drei erfundenen Zitaten fügt mehr Schaden zu als kein Testimonial-Bereich.
Häufig gestellte Fragen
Sind diese Elementor-Abschnittsvorlagen kostenlos?
Die 32 JSON-Dateien auf dieser Seite können kostenlos heruntergeladen werden, und der Import verwendet den Widget Builder, der eine Master Addons Pro-Funktion ist In der Bibliothek importieren 93 der 583 Abschnitte auf dem kostenlosen Plugin. Die Aufteilung ist nach Kategorien ungleichmäßig: Jeder Preisabschnitt ist Pro, während FAQ die meisten kostenlosen Designs aller Kategorien hat. Der Bildschirm der Template Library markiert die gesperrten.
Wo finde ich kostenlose Elementor-Vorlagen?
Die eigene Bibliothek von Elementor verfügt über eine freie Ebene im Editor. Master Addons fügt 93 kostenlose Abschnitte sowie kostenlose Seitenvorlagen und Kits hinzu, alle vom selben Bildschirm der Vorlagenbibliothek, sobald das Plugin aktiv ist.
Wie importiere ich eine Abschnittsvorlage in Elementor?
Für die JSON-Downloads auf dieser Seite: Master-Addons → Widget Builder → Widget importieren, Datei hochladen, dann das neue Widget auf Ihre Seite ziehen Für Bibliotheksabschnitte: Öffnen Sie eine Seite in Elementor, klicken Sie auf das Vorlagensymbol Master-Addons, wechseln Sie zu Abschnitte, wählen Sie eine Kategorie aus und klicken Sie auf Einfügen.
Wie erstelle ich einen Abschnitt in Elementor?
Verwenden Sie einen Container Klicken Sie im Editor auf das Plus-Symbol, wählen Sie eine Struktur, ziehen Sie dann Widgets hinein Stellen Sie die Auffüllung und den Hintergrund auf dem Container selbst und nicht auf den Widgets ein. Das ist es, was die Abstände konstant hält, wenn Sie ihn später duplizieren. Sobald ein Abschnitt so ist, wie Sie ihn möchten, klicken Sie mit der rechten Maustaste darauf und wählen Sie als Vorlage speichern, um ihn wiederzuverwenden.
Kann ich die Vorlagen nach dem Import bearbeiten?
Ja, alles. Die JSON-Vorlagen werden als einzelne Widgets geliefert, wobei jede Zeichenfolge, jeder Link, jedes Bild und jede Basisfarbe ein Steuerelement auf der Registerkarte Inhalt oder Stil ist. Bibliotheksabschnitte kommen als gewöhnliche Container und Widgets herein.
Funktionieren diese mit irgendeinem WordPress-Theme?
Sie arbeiten mit jedem Thema, das Elementor unterstützt, was fast alle sind Abschnitte tragen ihre eigenen Abstände und Farben, so dass die Stile eines Themas selten einbluten Wenn eine Überschrift ausschaut, ist es normalerweise die Typografie des Themas Setzen Sie die Schriftart auf dem Widget und es überschreibt.
Gibt es eine kostenlose Alternative zu Elementor?
Die kostenlose Version von Elementor ist die Alternative, die die meisten Leute meinen, und jeder Abschnitt hier arbeitet daran Master Addons Pro ist eine separate Lizenz von Elementor Pro.
Was ist der Unterschied zwischen einem Abschnitt und einer Seitenvorlage?
Ein Abschnitt ist ein Band einer Seite Eine Seitenvorlage ist die ganze Seite Abschnitte sind das, wonach Sie greifen, wenn eine Seite existiert und ein Teil davon ersetzt werden muss.
Warum kommen manche Downloads mit SVG-Dateien?
Das Demo-Artwork ist Vektor, so dass es in jeder Breite scharf bleibt WordPress blockiert standardmäßig aus Sicherheitsgründen SVG-Uploads Konvertieren Sie sie vor dem Upload in PNG oder WebP, oder aktivieren Sie SVG-Uploads, wenn Sie der Quelle vertrauen.
Beginnen Sie mit einem Abschnitt
Wählen Sie den Abschnitt auf Ihrer Website aus, der Ihnen am wenigsten gefällt, finden Sie ihn oben und ersetzen Sie ihn. Das ist ein Zehn-Minuten-Job und es wird geklärt, ob diese Bibliothek zu Ihrer Arbeitsweise passt.
