Kostenloses Elementor-Such-Widget mit Suchleiste und Symbol-Popup
Search ist ein kostenloses Master Addons Widget, das jeder Elementor-Seite, Kopfzeile oder Seitenleiste ein WordPress-Suchfeld hinzufügt Wählen Sie Formular Für eine immer sichtbare Suchleiste mit einem Symbol oder einer Textschaltfläche, oder Symbol Popup Für ein Suchsymbol, das ein Vollbild-Such-Overlay öffnet Besucher drücken die Eingabetaste und sehen Ergebnisse auf der normalen Suchergebnisseite Ihres Themes Es funktioniert mit kostenlosem Elementor und zeigt keine Live-Ergebnisse an, während Sie tippen.
So fügen Sie kostenlos eine Suchleiste in Elementor hinzu
Sie benötigen Elementor und das kostenlose Master Addons Plugin von WordPress.org.
- Überprüfen Sie, ob die Suche eingeschaltet ist Master-Addons, Widgets.
- Suchen Sie im Elementor-Editor nach den Master-Addons Suchen Widget und ziehen Sie es in Ihren Header, Ihre Seitenleiste oder Ihren Abschnitt.
- Wählen Sie Typ: Formular für eine Suchleiste oder Symbol-Popup für ein Symbol.
- Wählen Sie für Formular ein Symbol oder eine Textabsenden-Schaltfläche aus. Stellen Sie für Icon Popup den Platzhalter und die Beschreibung ein.
- Gestalten Sie das Formular, die Eingabe, die Schaltfläche und das Symbol im Register Stil.
- Veröffentlichen, führen Sie eine Testsuche durch und überprüfen Sie die Suchergebnisseite Ihres Themes.
Jede Einstellung wird in der Widget-Einstellungen suchen Führung.
Suche Bar oder Icon Popup
Einstellen Typ Popup zu bilden oder Icon. Mit Form, Tastentyp senden Ist ein Symbol oder eine Schaltfläche mit eigenem Schaltflächentext. Mit Icon Popup zeigt das Widget nur das Symbol an und ein Klick darauf öffnet ein großes Suchfeld über der Seite. Popup-einstellungen Lassen Sie den Eingabetext-Platzhalter und eine Beschreibungszeile wie “Zum Suchen eingeben oder zum Schließen auf X klicken” festlegen.
- Wählen Sie ein beliebiges Symbol aus der Elementor-Symbolbibliothek aus.
- Die Suche geht an WordPress, die Ergebnisse verwenden also die Suchvorlage Ihres Themes.
- Verwenden Sie ein Formular in einer Seitenleiste oder 404-Seite und das Popup in einer überfüllten Kopfzeile.
Form, Eingabe und Tastenstyling
Die Formular Stilabschnitt setzt Hintergrundfarbe, Breite, Rand, Polsterung, Rand und Randradius, dazu Typografie und Textfarbe Eingabemöglichkeiten umfassen Breite, Rand, Polsterung, Eingabehintergrundfarbe, Rand und Radius Die Knopf Abschnitt legt Hintergrundfarbe, Farbe, Polsterung, Rand und Typografie für die Einreichsteuerung fest.
- Eine abgerundete Pillensuchleiste mit farbigem Knopf.
- Eine grenzenlose Eingabe in einem Dark-Hero-Bereich.
- Es gibt keine separaten Fokus- oder Hover-Farbeinstellungen. Fügen Sie daher benutzerdefiniertes CSS hinzu, wenn Sie diese benötigen.
Suchen Icon Styling
Die Symbol Stilabschnitt legt die Symbolgröße, Symbolfarbe, Umrandung, Symbolauffüllung und Symbolrand fest. Dadurch werden das Triggersymbol für Symbolaufklappung und die Symbolschaltfläche im Formularmodus gestylt.
- Ordnen Sie die Symbolfarbe Ihren Menülinks in einer Kopfzeile zu.
- Fügen Sie einen Rand und eine Polsterung für eine runde Symboltaste hinzu.
- Halten Sie die Popup-Beschreibung kurz, damit sie sich auf Telefonen gut liest.
Elementor Pro-Suche vs. Master-Addons-Suche
Elementor Pro verfügt über ein eigenes Such-Widget mit Live-Ergebnissen. So vergleicht sich das kostenlose Master Addons-Widget.
| Merkmal | Elementor Pro-Suche | Master Addons Suche |
|---|---|---|
| Preis | Benötigt Elementor Pro | Kostenlos |
| Layouts | Sucheingabe mit optionalem Senden-Button | Formular oder Symbol-Popup, das eine Vollbildsuche öffnet |
| Live-Ergebnisse beim Tippen | Ja, mit einer Loop-Vorlage | Nein |
| Abfragesteuerung | Nach Begriff, Autor und Datum einschließen oder ausschließen | Standard WordPress Suche |
| Ergebnisseite | Live-Ergebnispanel oder die Suchergebnisseite | Die Suchergebnisseite Ihres Themes |
| Styling | Normal - und Hoverfarben, Übergangsdauer | Form, Eingabe, Knopf - und Symbolfarben, Ränder und Abstände |
Elementor Pro ist die bessere Wahl, wenn Sie Live-Ergebnisse oder Kontrolle darüber benötigen, welche Beiträge gesucht werden Master Addons Search ist eine kostenlose Möglichkeit, eine gestylte Suchleiste oder ein Header-Popup auf freiem Elementor hinzuzufügen Für ein Slide-out-Header-Panel siehe Off-Canvas-Inhalt (Pro).
Häufig gestellte Fragen zur Suche
Ist das Master Addons Search Widget kostenlos?
Ja. Die Suche ist Teil des kostenlosen Master Addons Plugins und funktioniert mit kostenlosem Elementor, sodass Sie Elementor Pro für eine gestylte Suchleiste nicht benötigen.
Zeigt es Live-Suchergebnisse an, während Sie tippen?
Nein. Es wird der Standard-WordPress-Suche unterzogen und die Ergebnisse werden in der Suchergebnisvorlage Ihres Themes angezeigt. Für Live-Ergebnisse ist das Such-Widget von Elementor Pro die Option.
Kann ich nur Produkte oder einen Posttyp durchsuchen?
Nicht aus den Widget-Einstellungen Es verwendet die Standard WordPress-Suche, die öffentliche Beiträge und Seiten abdeckt Ihr Theme, WooCommerce oder ein Such-Plugin entscheidet, was die Ergebnisse beinhalten.
Kann ich ein Formular in der Seitenleiste und ein Icon-Popup in der Kopfzeile verwenden?
Ja, man kann das Widget an mehreren Stellen mit unterschiedlichen Einstellungen hinzufügen Testen Sie die Seiten, auf denen Sie mehr als ein Icon Popup verwenden, da jedes Popup zum Öffnen einen eigenen Auslöser benötigt.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
