Warum: Um die Links zu den spezifischen Social-Media-Profilen (Facebook, Instagram, LinkedIn usw.) jedes einzelnen Mitarbeiters auf dessen Detailseite anzuzeigen und klickbar zu machen.
Vorgehensweise zum Hinzufügen der Social-Media-Profile
Dieser Vorgang muss innerhalb der Vorlagenseite (Template) durchgeführt werden, die zur Anzeige der Details eines einzelnen Mitarbeiters verwendet wird (intern staff-detail genannt).
1. Öffnen Sie den Visual Builder und bearbeiten Sie das Staff-Template:
- Öffnen Sie den Visual Builder.
- Navigieren oder wählen Sie die Vorlage für die Benutzerdetails (Staff Detail).
2. Fügen Sie ein Link- oder Social-Icon-Element hinzu:
- Ziehen Sie einen neuen Block, der einen Link unterstützt (z.B. einen "Icon"-Block, einen "Button"-Block oder einen "Text"-Block für einen Hyperlink).
- Platzieren Sie den Block an der gewünschten Stelle auf der Seite.
3. Konfigurieren Sie die dynamische URL (Shortcode):
- Wählen Sie den gerade hinzugefügten Block aus und öffnen Sie dessen Einstellungen (z.B. im Bereich „Link“ oder „URL“).
- Geben Sie statt einer festen URL das entsprechende Shortcode für das gewünschte Social-Media-Profil ein.
Verwenden Sie folgende Codes für die jeweiligen sozialen Netzwerke:
| Soziale Plattform | Einzufügendes Shortcode |
|---|---|
{staff-social-facebook} | |
{staff-social-instagram} | |
| X (Twitter) | {staff-social-twitter} |
{staff-social-linkedin} |
Beispiel: Wenn Sie das Facebook-Symbol konfigurieren, fügen Sie {staff-social-facebook} in das URL-Feld ein.
4. Speichern Sie die Änderungen:
- Speichern Sie die Einstellungen des Blocks.
- Speichern Sie die Änderungen an der gesamten Vorlage im Visual Builder.
Der Block zeigt nun automatisch das korrekte Social-Media-Profil des Mitarbeiters an, vorausgesetzt, dass die URL in seinem Benutzerprofil im Administrationsbereich eingetragen wurde. Ist ein Social-Feld leer, wird der Link entweder nicht angezeigt oder führt je nach Blockkonfiguration auf eine leere Seite.
