Social Bookmarking

Inhaltsverzeichnis

Einleitung

ShareThis ist die im Modul verwendete Basissoftware, um alle externen Dienste anzubinden. Die Dienstleistung ist kostenlos. Das Anlegen eines ShareThis Accounts ist notwendig, damit ist danach eine detaillierte Statistik der Shopbesucher-Zugriffe auf diesen Bookmarking und Sharing-Dienst verfügbar. Ausserdem kann man das Design der Anzeige direkt bei ShareThis personalisieren.

Um einen ShareThis Account anzulegen, öffnen Sie die URL https://sharethis.com/de/ und registrieren Sie sich.

Konfiguration Modul

1. Modul aktivieren

Navigieren Sie in der Shopadministration zu “Module” → “Social Bookmarking”.
Aktivieren Sie das Modul “ShareThis”, indem Sie die entsprechende Option auf “Aktiviert” setzen.
Nach der Aktivierung wird ShareThis in Ihrem Shop verfügbar gemacht.

2. Anzeige bei Artikeln aktivieren

Öffnen Sie den Bereich “Module” → “Social Bookmarking” erneut.
Aktivieren Sie die Option “ShareThis bei Artikeln anzeigen”.
Dadurch erscheint das ShareThis-Widget automatisch bei jedem einzelnen Artikel im Shop.

3. ShareThis Property ID eintragen

Besuchen Sie sharethis.com und registrieren Sie sich für ein kostenloses Konto.
Nach der Registrierung erstellen Sie eine neue Property für Ihre Website.
Kopieren Sie die bereitgestellte Property ID (z. B. 5e123456789abc0012345678).
Tragen Sie diese ID im Swiss21-Backend unter “Module” → “Social Bookmarking” in das Feld “Property ID” ein.

4. Zugriff auf das ShareThis-Dashboard

Für weitere Einstellungen (z. B. Auswahl der Netzwerke oder Designanpassung):
- Öffnen Sie das ShareThis Dashboard.
- Melden Sie sich mit Ihrem ShareThis-Konto an.
- Dort können Sie Ihre Freigabeschaltflächen individuell konfigurieren und Statistiken einsehen.

Verknüpfung mit dem Shop

Damit der konfigurierte Button nun auch in Ihrem Shop dargestellt wird, müssen Sie die ShareThis Property ID in die Shop-Administration abfüllen. Die ID finden Sie im ShareThis-Dashboard wenn Sie in der linken Spalte auf Einstellungen klicken. Jetzt sollten Sie eine ID sehen, diese können Sie in der Shop-Administration im Feld “ShareThis Property ID” einfügen.

Mit einem Profil bei ShareThis, kann zwischen verschiedenen Anzeige Möglichkeiten ausgewählt werden. Damit etwas angezeigt wird, muss man zuerst die Buttons im ShareThis-Dashboard einrichten.

Inline Teilen Buttons

Mit den Inline Teilen Buttons ermöglichen Sie es Ihren Kund:innen, Produkte oder Seiteninhalte direkt über ihr bevorzugtes soziales Netzwerk zu teilen – einfach und schnell.

Vorgehensweise im ShareThis Dashboard

Anmeldung im ShareThis Dashboard Melden Sie sich unter https://platform.sharethis.com mit Ihrem ShareThis-Konto an.
Tool “Inline Teilen Buttons” auswählen Wählen Sie im Dashboard das Tool “Inline Share Buttons” (Deutsch: Inline Teilen Buttons) aus der Liste der verfügbaren Tools.
Tool aktivieren Klicken Sie auf die Schaltfläche “Tool aktivieren”, um die Funktion freizuschalten.
Anpassungen vornehmen Öffnen Sie die erweiterten Einstellungen, um folgende Konfigurationen vorzunehmen:
- “Auswahl der Netzwerke”, über die geteilt werden kann (z. B. Facebook, X/Twitter, WhatsApp etc.)
- “Positionierung der Buttons” (z. B. oberhalb oder unterhalb von Inhalten)
- “Darstellung und Design” der Schaltflächen, wie Farbe, Form und Stil
- “Spracheinstellungen” und Verhalten beim Teilen
Diese Optionen finden Sie typischerweise in einem ausklappbaren Bereich oder unter einem Einstellungsmenü innerhalb des Tools.

Anzeige im Shop (kundenseitig)

Nach der erfolgreichen Aktivierung und Konfiguration des Tools über das ShareThis Dashboard sowie der Eingabe der Property ID im Swiss21 Backend (siehe vorherige Anleitung), erscheinen die “Inline Teilen Buttons automatisch bei Artikeln” im Shop.

Sie werden dort direkt im Artikelbereich eingeblendet und ermöglichen es den Besucher:innen, Inhalte mit nur einem Klick auf den jeweiligen sozialen Plattformen zu teilen.

Sticky Teilen Buttons

Mit den “Sticky Teilen Buttons” (auch bekannt als „Floating Share Buttons“) können Ihre Kund:innen jederzeit Inhalte Ihres Shops teilen – unabhängig davon, wie weit sie auf der Seite nach unten gescrollt haben. Die Buttons bleiben sichtbar am Bildschirmrand haften und erhöhen so die Sichtbarkeit und Reichweite Ihrer Inhalte in sozialen Netzwerken.

Vorgehensweise zur Aktivierung

Anmeldung im ShareThis Dashboard Rufen Sie das ShareThis Dashboard auf und melden Sie sich mit Ihrem Benutzerkonto an.
Tool “Sticky Teilen Buttons” auswählen Wählen Sie im Dashboard das Tool mit der Bezeichnung “Sticky Share Buttons” oder “Floating Share Buttons” aus.
Tool aktivieren Klicken Sie auf “Tool aktivieren”, um die Funktion freizuschalten.
Tool konfigurieren Öffnen Sie die Einstellungen des Tools, um individuelle Anpassungen vorzunehmen:
- “Auswahl der sozialen Netzwerke”, die angezeigt werden sollen
- “Position der Schaltflächen” (z. B. links oder rechts am Bildschirmrand)
- “Anzeigemodus auf Mobilgeräten” (ein- oder ausschalten)
- “Designoptionen” wie Button-Grösse, Stil und Farbe
Diese Einstellungen ermöglichen eine vollständige Anpassung an das Erscheinungsbild und die Nutzerführung Ihres Shops.

Darstellung im Shop (kundenseitig)

Sobald das Tool aktiviert und korrekt eingerichtet ist, erscheinen die Sticky Teilen Buttons automatisch am Seitenrand des Shops. Sie bleiben beim Scrollen sichtbar und bieten den Besucher:innen jederzeit die Möglichkeit, Produkte oder Inhalte auf sozialen Netzwerken zu teilen.

Individuelle Einstellungen

Im “ShareThis Dashboard” können Sie die Buttons flexibel an das Design und die Anforderungen Ihres Shops anpassen.

Folgende Anpassungen sind möglich:

Auswahl der sozialen Netzwerke (Channels): Legen Sie fest, welche Netzwerke angezeigt werden sollen (z. B. Facebook, WhatsApp, X/Twitter, LinkedIn, Pinterest usw.).
Positionierung und Ausrichtung: Bestimmen Sie, wo die Buttons erscheinen – etwa am oberen oder unteren Rand eines Artikels (bei Inline Buttons) oder seitlich am Bildschirm (bei Sticky Buttons). Bei Sticky Buttons können Sie zusätzlich zwischen linker und rechter Bildschirmseite wählen.
Farbschema: Wählen Sie zwischen farbigen, grauen oder einfarbigen Buttons, passend zum Stil Ihres Shops.
Grösse der Buttons: Stellen Sie die Button-Grösse so ein, dass sie gut sichtbar, aber nicht aufdringlich ist – ideal für Desktop und Mobilgeräte.
Button-Stil: Wählen Sie zwischen runden oder eckigen Buttons und legen Sie fest, ob nur das Symbol oder auch Text angezeigt wird.
Anzeigeverhalten: Definieren Sie, ob die Buttons immer sichtbar sein sollen oder nur beim Scrollen erscheinen, sowie ob sie auch auf Mobilgeräten eingeblendet werden.

Diese Einstellungen finden Sie im jeweiligen Tool-Bereich (z. B. Inline Share Buttons oder Sticky Share Buttons) direkt im “ShareThis Dashboard”. Änderungen werden dort gespeichert und automatisch im Shop übernommen, sobald die korrekte Property ID hinterlegt ist.

Anzeige im Content Editor

Sie können die ShareThis-Buttons nicht nur bei Artikeln anzeigen, sondern auch gezielt auf einzelnen Inhaltsseiten einbinden – z. B. auf der Startseite, im Footer oder auf Informationsseiten.

So gehen Sie vor:

Seite auswählen
- Navigieren Sie in der Shopadministration zu “Inhalte” → “Seiten”.
- Wählen Sie die Seite aus, auf der Sie die Buttons einfügen möchten, z. B. die Startseite.
HTML-Code-Bereich hinzufügen
- Im Content Editor klicken Sie auf “Inhalt hinzufügen” und wählen die Option “HTML-Code” aus der Inhaltsliste.
- Der neue HTML-Block erscheint nun im Editor.
HTML-Code einfügen
- Doppelklicken Sie auf den hinzugefügten “HTML-Code-Block”, um das Bearbeitungsfenster zu öffnen.
- Fügen Sie in das Textfeld den “Teilen-Button-Code” ein, den Sie im “ShareThis Dashboard” kopiert haben.
  - Dieser Code wird im ShareThis-Backend automatisch generiert, sobald Sie ein Tool (z. B. Inline oder Sticky Buttons) aktiviert und konfiguriert haben.
Speichern
- Klicken Sie abschliessend auf “Speichern”, um die Seite zu aktualisieren.
- Die ShareThis-Buttons erscheinen nun auf der gewünschten Shopseite.

**Hinweis:**Wenn Sie den HTML-Code im Footer oder an anderer wiederkehrender Stelle einfügen möchten, wiederholen Sie den Vorgang auf der entsprechenden Seite oder Template-Position im Inhaltsbereich des Shops.

Weitere Hilfe

Bei Fragen oder Problemen hilft Ihnen unser Support gerne weiter. Eröffnen Sie dazu ein Support-Ticket:

Gehen Sie in das Swiss21 Portal.
Klicken Sie oben rechts auf Ihr Profilbild.
Klicken Sie auf “Support”.
Klicken Sie auf “Support kontaktieren”.
Füllen Sie das Formular aus und unser Support meldet sich so bald wie möglich bei Ihnen.

Support Öffnungszeiten: Montag – Freitag I 08:00h – 12:00h I 13:30h – 17:00h