Avada / Fusion Builder
Native Fusion Builder Elemente für das Avada Theme mit Live-Preview im visuellen Editor.
Recruiting Playbook bietet native Fusion Builder Elemente für Avada-Nutzer. Die Elemente sind als Pro-Feature verfügbar und integrieren sich nahtlos in den Backend- und Live-Builder.
Voraussetzungen
- Avada Theme (aktiv)
- Fusion Builder Plugin (wird mit Avada mitgeliefert)
- Recruiting Playbook Pro Lizenz
Verfügbare Elemente
Alle Elemente befinden sich in der Kategorie Recruiting Playbook im Element-Picker.
Seiten-Elemente
Diese Elemente können auf jeder Seite verwendet werden:
| Element | Shortcode | Beschreibung | Feature |
|---|---|---|---|
| RP: Stellenliste | rp_jobs | Stellenanzeigen im Grid-Layout | Pro |
| RP: Stellensuche | rp_job_search | Suchformular mit Filtern | Pro |
| RP: Stellen-Zähler | rp_job_count | Dynamischer Zähler für Headlines | Pro |
| RP: Featured Jobs | rp_featured_jobs | Hervorgehobene Stellen | Pro |
| RP: Neueste Stellen | rp_latest_jobs | Aktuellste Stellenanzeigen | Pro |
| RP: Job-Kategorien | rp_job_categories | Klickbare Kategorie-Karten oder -Liste | Pro |
| RP: KI-Job-Finder | rp_ai_job_finder | Lebenslauf-Upload mit KI-Matching | Pro |
Layout-Komponenten (Template Builder)
Diese Elemente sind nur im Template Builder (Layout Sections) verfügbar und für Stellen-Einzelseiten gedacht:
| Element | Shortcode | Beschreibung | Feature |
|---|---|---|---|
| RP: KI-Job-Match | rp_ai_job_match | "Passe ich zu diesem Job?" Button | Pro |
Hinweis
Layout-Komponenten erkennen die aktuelle Stelle automatisch. Sie funktionieren nur in Layout Sections für den Post-Typ "Stellenanzeige".
Hinweis
Das Bewerbungsformular wird automatisch auf Stellen-Einzelseiten eingebunden und steht als Shortcode zur Verfügung. Ein separates Fusion Builder Element ist nicht nötig.
Elemente einfügen
Backend Builder
- Seite bearbeiten → Fusion Builder aktivieren
- Auf Element klicken
- Kategorie Recruiting Playbook wählen
- Element auswählen und konfigurieren
Live Builder
- Seite bearbeiten → Live Builder starten
- Auf das + Symbol klicken
- Nach "RP:" suchen oder Kategorie Recruiting Playbook wählen
- Element per Drag & Drop platzieren
- Parameter werden sofort in der Live-Vorschau angezeigt
RP: Stellenliste
Zeigt Stellenanzeigen in einem konfigurierbaren Grid-Layout.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Anzahl Stellen | Wie viele Stellen angezeigt werden (1-50) | 10 |
| Spalten | Grid-Spalten (1-4) | 2 |
| Kategorie | Filter nach Job-Kategorie | Alle |
| Standort | Filter nach Standort | Alle |
| Beschäftigungsart | Filter nach Art | Alle |
| Nur Featured | Nur hervorgehobene Stellen | Nein |
| Sortieren nach | Datum, Titel oder Zufall | Datum |
| Reihenfolge | Aufsteigend oder Absteigend | Absteigend |
RP: Stellensuche
Suchformular mit Filtern und Ergebnisliste.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Suchfeld anzeigen | Freitext-Suche aktivieren | Ja |
| Kategorie-Filter | Dropdown für Kategorien | Ja |
| Standort-Filter | Dropdown für Standorte | Ja |
| Beschäftigungsart-Filter | Dropdown für Arten | Ja |
| Stellen pro Seite | Anzahl der Ergebnisse (1-50) | 10 |
| Spalten | Grid-Spalten (1-3) | 1 |
RP: Stellen-Zähler
Dynamischer Zähler für Headlines wie "Aktuell 12 offene Stellen".
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Kategorie | Nur Stellen dieser Kategorie zählen | Alle |
| Standort | Nur Stellen an diesem Standort zählen | Alle |
| Format (Mehrzahl) | Text mit {count} Platzhalter | {count} offene Stellen |
| Format (Einzahl) | Text für eine Stelle | {count} offene Stelle |
| Format (Null) | Text für keine Stellen | Keine offenen Stellen |
RP: Featured Jobs
Zeigt als "Featured" markierte Stellen prominent an.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Anzahl | Anzahl der Featured Jobs (1-12) | 3 |
| Spalten | Grid-Spalten (1-4) | 3 |
| Überschrift | Optionale Überschrift | - |
| Auszug anzeigen | Teaser-Text anzeigen | Ja |
RP: Neueste Stellen
Zeigt die neuesten Stellenanzeigen an.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Anzahl | Anzahl der Stellen (1-20) | 5 |
| Spalten | Grid-Spalten (0 = Listenansicht) | 0 |
| Überschrift | Optionale Überschrift | - |
| Kategorie | Filter nach Kategorie | Alle |
| Datum anzeigen | Veröffentlichungsdatum anzeigen | Ja |
| Auszug anzeigen | Teaser-Text anzeigen | Nein |
RP: Job-Kategorien
Zeigt alle Kategorien als klickbare Karten oder vertikale Liste an.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Layout | Grid (Karten) oder Liste (vertikale Liste mit Trennlinien) | Grid |
| Spalten | Grid-Spalten (2-6, nur bei Grid-Layout) | 4 |
| Anzahl anzeigen | Jobs pro Kategorie anzeigen | Ja |
| Leere verstecken | Kategorien ohne Jobs ausblenden | Ja |
| Sortierung | Nach Name oder Anzahl | Name |
RP: KI-Job-Finder
Lebenslauf-Upload mit KI-gestützter Stellenempfehlung.
Achtung
Erfordert die Pro-Version.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Überschrift | Titel des Bereichs | "Finde deinen Traumjob" |
| Untertitel | Erklärungstext | "Lade deinen Lebenslauf hoch..." |
| Max. Vorschläge | Anzahl der KI-Empfehlungen (1-10) | 5 |
| CSS-Klassen | Zusätzliche CSS-Klassen | - |
RP: KI-Job-Match
"Passe ich zu diesem Job?" Button mit KI-Analyse.
Achtung
Erfordert die Pro-Version.
Hinweis
Dieses Element ist eine Layout-Komponente und nur im Template Builder verfügbar. Auf Stellen-Einzelseiten wird die Stelle automatisch erkannt.
Einstellungen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Stelle | Job-Auswahl (leer = automatisch) | Automatisch |
| Button-Text | Beschriftung des Buttons | "Passe ich zu diesem Job?" |
| Button-Stil | Normal (gefüllt) oder Outline | Normal |
| CSS-Klassen | Zusätzliche CSS-Klassen | - |
Design & Branding
Die Elemente übernehmen automatisch die Einstellungen aus dem Design & Branding Bereich des Plugins:
- Farben und Buttons
- Card-Layouts (Standard, Kompakt, Featured)
- Grid-Einstellungen
Zusätzlich werden bei aktivem Avada Theme die Button-Styles aus den Avada Global Options automatisch auf die Plugin-Buttons übertragen.
Layout Section für Stellenanzeigen
Um den KI-Job-Match-Button auf Stellen-Einzelseiten zu platzieren:
- Avada → Layouts → Neues Layout erstellen
- Bedingung: Post-Typ = Stellenanzeige (
job_listing) - Content Layout Section erstellen
- Im Builder die Layout-Komponente (KI-Job-Match) platzieren
- Layout veröffentlichen
Hinweis
Die Layout-Komponenten sind nur im Template Builder sichtbar, nicht beim Bearbeiten normaler Seiten. So wird versehentliches Platzieren auf unpassenden Seiten verhindert.