Built on WIX Headless

Tutorials / Tutorial

Wie man ein durchsuchbares Verzeichnis in Wix ohne Code baut

· durchsuchbares Verzeichnis Wix ohne Code

Wie man ein durchsuchbares Verzeichnis in Wix ohne Code baut

Ein durchsuchbares Verzeichnis ist eine Liste ähnlicher Einträge—Menschen, Mitglieder, Vendoren, Standorte, Programme—, die Besucher suchen und filtern können, ohne dass du Code schreibst. Denk an Teamverzeichnis, Partnerliste oder „Finde einen Practitioner“-Seite.

Du kommst dahin mit nativen Studio-/Editor-Datasets für viele Kategoriefilter oder mit CMS for Harmony-Widgets, die Suche und Filter zusammen mitbringen. Die App läuft auf Editor, Studio und Harmony (der Name meint nicht Harmony-only).

Auf Harmony ohne Site: kostenlose Starter-Site. Überblick verwandter Tutorials: Wix-CMS-Guide.

Was auf die Seite kommt

PieceTypische Wahl
Strukturierte EinträgeCMS-Collection
Cards oder dichte ZeilenRepeater oder Table
Einträge schnell findenSearch & filters
Optionale ProfileNative Collection-Seite + Dynamic Page
Optionale Spreadsheet-QuellePro External database (keine Dynamic-Page-Links aus Sheets)

Native vs App, kurz

EditorNatives No-Code-VerzeichnisApp-Pfad
StudioDatasets + Repeater + Filter-InputsCMS for Harmony Repeater/Table
EditorKlassische CMS-Muster (variiert)Dieselben App-Widgets
HarmonyVerbundene Listen; begrenzte Besucherfilter auf einer ListeDieselben App-Widgets

Harmony-Details: CMS Limitations.

Schritt 1 — Collection modellieren

Etwas wie Directory, Members oder Vendors anlegen. Nützliche Felder:

Genug Items hinzufügen, damit Suche sich lohnt—zehn leere Zeilen lehren wenig.

Schritt 2 — Repeater oder Table wählen

LayoutNutzen, wenn
RepeaterVisuelle Cards—die meisten Personenverzeichnisse
TableDichte Inventare—durchsuchbare Tabelle

Widget hinzufügen, Collection verbinden, Felder mappen. In der App meint „Cards“ Repeater-Layout.

Schritt 3 — Search and Filters ergänzen

  1. Search & filters am Widget öffnen.
  2. Suche einschalten; Kategoriefilter ergänzen.
  3. Zusammenführen: Suche und Filter kombinieren.
  4. Show filter für Besucher-Controls; Choose value für versteckte Regeln (z. B. nur Active Members).
  5. Filters display auf Top oder Side setzen.
  6. Publishen und echte Besucherpfade testen: nur Suche, nur Filter, beides.

Optionsüberblick: Search-and-Filters-Überblick. Docs: Search & filters.

Schritt 4 — Optionale Profilseiten

  1. More actions → Add collection page wählen.
  2. Ein Dynamic Page verbinden, Slug matchen, SEO-Felder mappen.
  3. Jede Card oder Zeile zur Item-URL verlinken.

Walkthrough: Dynamic Pages. Native vs App: Dynamic Pages Vergleich.

Schritt 5 — Optionale Pro-Extras

Beispiel-Filtersets

DirectoryPriorisierte Filter
Team / staffDepartment, role
Association membersRegion, specialty
Vendor / partner listCategory, city
Program indexAudience, topic
Clinic providersSpecialty, location

Verwandt

Aktualisiert:

Bereit, es in Harmony auszuprobieren? Kostenlose Starter-Site holen CMS for Harmony