Team-Seite, Über uns Bereich, Mitarbeitervorstellung

App testen
Schritt 1

Installation der App

Bitte nutzen Sie zunächst die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrem Shop mit dem genutzten Theme, den eingesetzten Apps sowie unter Ihrer Shop-Konfiguration reibungslos funktioniert.

Installieren Sie die App in einer Test-Umgebung Ihres Shops. Falls Sie die Installation der App in der Live-Umgebung Ihres Shops vornehmen, sollten Sie unbedingt zuvor ein vollständiges Backup Ihres Shops erstellen, da es bei der Neu-Installation von Apps stets zu Inkompatibilitäten und schlimmstenfalls zur Nicht-Funktionalität Ihres Shops kommen kann.

Nachdem Sie die Testversion der App über Ihren Shopware Account bezogen haben, können Sie die App aus dem Shopware Store herunterladen. Anschließend können Sie die App im Backend unter „Erweiterungen“ > „Meine Erweiterungen“ durch Klick auf den blauen Button „Erweiterung hochladen“ (rechts oben) hochladen.

Wenn die App erfolgreich hochgeladen wurde, sollte sie in der Liste „Meine Erweiterungen“ im Reiter „Apps“ angezeigt werden. Jetzt können Sie die App durch Klick auf den Link „App installieren“ in Ihrem Shop installieren.

In unserer Demo können Sie sich anschauen, wie der Bereich zu Mitarbeitervorstellung in Ihrem Shop aussehen könnte:
Demo ansehen
Schritt 2

Einrichtung der App

Im Folgenden erklären wir Ihnen, wie Sie die App nach der Installation einrichten können.

Schritt 1: Aktivieren der App

Sobald Sie die App installiert haben, können Sie die App in der Administration unter „Erweiterungen“ > „Meine Erweiterungen“ im Reiter „Apps“ durch Klick auf den Regler-Button links neben dem App-Namen aktivieren. Wenn die App aktiv ist, wird der Regler blau.

Schritt 2: Theme kompilieren

Nach der Aktivierung der App sollten Sie Ihr Theme kompilieren. Dies können Sie über die Administration erreichen, indem Sie im linken Seitenmenü der Administration auf den gewünschten Verkaufskanal klicken und dann das Tab „Theme“ aufrufen. Klicken Sie dann auf den Button „Theme ändern“, wählen Sie das gewünschte Theme aus (ggf. auch das gleiche, welches bereits gesetzt war) und speichern Sie Ihre Auswahl durch Klick auf den blauen Button „Theme übernehmen“ und bestätigen Sie die Aktion durch Klick auf den blauen Button „Theme wechseln“. Das Theme sollte dann kompiliert werden. Je nach Cache Einstellung müssen Sie anschließend zudem den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache).

Schritt 3: Hinzufügen über die Erlebniswelten

Um die Mitarbeitervorstellung zu Ihrem Shop hinzuzufügen, gehen Sie im Backend in den Bereich „Inhalte“ > „Erlebniswelten“ und öffnen Sie die gewünschte Erlebniswelt, in welcher die Mitarbeiter erscheinen sollen. Anschließend können Sie den „Mitarbeitervorstellung“-Block zur Erlebniswelt über Drag & Drop hinzufügen. Sie finden den Block in der Kategorie „Text & Bild“. Wenn Sie mit der Maus über eines der Elemente fahren, erscheint ein Icon für die Einstellungen. Durch Klick auf das Einstellungs-Icon können Sie das jeweilige Element bearbeiten.

Schritt 4: Setzen des Inhalts für die Mitarbeitervorstellung

In den Optionen des Elements können Sie den Inhalt des Mitarbeitervorstellung-Elements im Tab „Inhalt“ befüllen. Sie haben die Möglichkeit einen vorhandenen Avatar zu setzen, falls Sie noch kein aktuelles Bild für den Mitarbeiter oder die Mitarbeiterin haben, oder wahlweise ein eigenes Bild hochzuladen. Setzen Sie den Namen des Mitarbeiters oder der Mitarbeiterin, ihre Position in Ihrem Unternehmen und eine kurze Beschreibung (bis zu 200 Zeichen) fest. Optional können Sie verschiedene Kontakt-Möglichkeiten mit Hilfe von dazu passenden Icons, über welchen man mit Ihrem Mitarbeiter oder Mitarbeiterin in Kontakt treten kann, einblenden: Eine E-Mail-Adresse, eine Telefonnummer und eine zusätzliche URL. Wenn Sie beispielsweise nur die E-Mail Adresse angeben möchten, können Sie über den Tab Einstellungen die Option für die Telefonnummer und für die URL einfach ausblenden.

Schritt 5: Weitere Konfiguration für die Mitarbeitervorstellung

In den Optionen des Mitarbeitervorstellung-Elements können Sie im Tab „Einstellungen“ die weitere Konfiguration vornehmen. Hier haben Sie die Möglichkeit aus 4 ansprechenden Designs (Stil 1 bis Stil 4), die Darstellung des Mitarbeiters oder der Mitarbeiterin über das Drop-Down-Menü auszuwählen. Sie können für den Namen, für die Position, für die Beschreibung und für die Kontakt-Icons individuell auswählen. Wenn Sie für manche Mitarbeiter oder Mitarbeiterinnen nicht alle Kontaktmöglichkeiten angeben möchten, können Sie die Anzeige des jeweiligen Icons mit dem dazu gehörenden Regler ausblenden. Speichern Sie Ihre gewünschten Einstellungen durch Klick auf den Button „Fertig“. Wenn Sie zufrieden mit den gesetzten Inhalten und den Einstellungen sind, speichern Sie die Erlebniswelt ab und überprüfen Sie, ob der Team-Member Bereich wie gewünscht im Frontend dargestellt wird.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Schritt 3

Einstellungen

Bild

Sie können ein vorhandenes Avatar auswählen, falls Sie noch kein Bild für Ihren Mitarbeiter oder Ihre Mitarbeiterin haben, oder bequem über die Mediaupload-Funktion ein Mitarbeiterbild hochladen beziehungsweise aus der Mediathek auswählen.

Titel

Tragen Sie ein, welcher Titel beim Icon erscheinen soll. Das Titel-Feld wird nur angezeigt, wenn Sie dies in den Einstellungen aktiviert haben.

Name

Tragen Sie hier den Namen des Mitarbeiters ein.

Position

Tragen Sie hier ein, welche Position der Mitarbeiter oder die Mitarbeiterin in Ihrem Unternehmen hat.

Beschreibung

Schreiben Sie an dieser Stelle eine kurze Beschreibung (maximal 200 Zeichen) zu Ihrem Mitarbeiter oder Ihrer Mitarbeiterin.

E-Mail-Adresse

Geben Sie die E-Mail-Adresse ein, über welche Ihr Mitarbeiter oder Ihre Mitarbeiterin kontaktiert werden kann. Im Storefront erscheint ein E-Mail-Icon, wenn Sie das Feld befüllt haben und unter Einstellungen den E-Mail-Adresse Regler aktiv gesetzt haben.

Telefonnummer

Geben Sie die Telefonnummer ein, über welche Ihr Mitarbeiter oder Ihre Mitarbeiterin kontaktiert werden kann. Im Storefront erscheint ein Telefonnummer-Icon, wenn Sie das Feld befüllt haben und unter Einstellungen den Telefonnummer Regler aktiv gesetzt haben.

URL

Geben Sie hier eine URL ein, welche beispielsweise einen Social Media Profil des Mitarbeiters oder der Mitarbeiterin darstellt. Im Storefront erscheint ein Link-Icon, wenn Sie das Feld befüllt haben und unter Einstellungen den Telefonnummer Regler aktiv gesetzt haben.

LinkedIn

Geben Sie hier den Link zum LinkedIn Profil an, falls eines vorhanden ist und dieses verlinkt werden soll.

Twitter

Hier können Sie den Link zum Twitter Profil eintragen.

Facebook

Falls vorhanden, können Sie in dieses Feld den Link zum Facebook Profil Ihres Team-Mitglieds eingeben.

Design

Wählen Sie aus 4 ansprechenden Darstellungen die gewünschte Darstellung des Mitarbeiters oder der Mitarbeiterin aus.

Farben

Sie können für die folgenden Elementen passend zu Ihrem Shop die Farbe individuell setzen: Name, Position, Beschreibung, E-Mail-Icon, Telefon-Icon und Link-Icon.

Kontakt-Infos

Wenn Sie bestimmte Kontaktinformationen im Storefront nicht angeben möchten, können Sie in diesem Bereich die Anzeige der Kontakt-Icons sowie bestimmer Social-Media Icons ausblenden.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Team-Seite, Über uns Bereich, Mitarbeitervorstellung

Häufige Fragen zur App

Warum werden die Mitarbeiter und die Mitarbeiterinnen im Frontend nicht angezeigt?

Bitte stellen Sie sicher, dass Sie die Mitarbeitervorstellung auch bei der Erlebniswelt hinzugefügt haben, die auch für die gewünschte Seite bzw. Kategorie aktiv ist.

Können die Kontakt-Icons ausgeblendet werden?

Im Einstellungen-Tab können Sie die Icons komplett ausblenden, in dem Sie die Regler auf inaktiv setzen. Wenn Sie zum Beispiel die E-Mail-Adresse für den Mitarbeiter oder die Mitarbeiterin anzeigen lassen, aber keine Telefonnummer oder URL, dann können Sie die Kontakt-Icons auch einzeln mit dem jeweiligen Regler deaktivieren.

Bei Fragen schreiben Sie uns gerne eine Nachricht an support@code108.de.
Shopware 6 Apps von Code 108

Diese Apps könnten Ihnen auch gefallen