Erstellen Sie einen Social-Sharing-Bereich auf Ihrer Seite

Wenn Sie GemPages v6 verwenden, lesen Sie bitte Dieser Artikel.

Was ist ein Social-Sharing-Bereich?

Ein Abschnitt zum Teilen in sozialen Netzwerken ist ein Block auf Ihrer Seite, der anklickbare Social-Media-Symbole anzeigt und normalerweise in der Nähe wichtiger Inhalte wie Produktseiten, Blogartikeln oder Werbekampagnen platziert ist.

Wenn Besucher auf diese Symbole klicken, können sie entweder:

• Inhalte direkt teilen zu ihren Social-Media-Konten (z. B. einen Produktlink auf Facebook teilen).
• Besuchen Sie Ihre sozialen Profile um Ihrer Marke zu folgen oder mit ihr zu interagieren.

Das Hinzufügen eines Abschnitts zum Teilen in sozialen Netzwerken hilft Ihnen:

• Steigern Sie die Markenpräsenz auf mehreren Plattformen.
• Lenken Sie durch organische Freigaben neuen Verkehr auf Ihren Shop.
• Ermutigen Sie Kunden, Produkte an Freunde und Communities weiterzuempfehlen.
• Bauen Sie Vertrauen auf, indem Sie aktive, verbundene soziale Kanäle zeigen.

Schritte zum Entwerfen eines Social-Sharing-Bereichs in GemPages

Zum Entwerfen eines Abschnitts zum Teilen in sozialen Netzwerken in GemPages v7 empfehlen wir die Verwendung des Zeilenelements und des Bildelements.

Folge diesen Schritten:

Schritt 1: Zugriff auf den GemPages-Editor

• Navigieren Sie in Ihrem Shopify-Adminbereich zu GemPages-Ersteller app> Seiten um alle mit GemPages erstellten Seiten zu finden.
• Klicken Sie auf die Zielseite, um den Editor zu öffnen.

Schritt 2: Hinzufügen eines mehrspaltigen Zeilenelements

• Ziehen Sie aus der linken Seitenleiste ein Zeilenelement per Drag & Drop an die gewünschte Position auf der Seite.

Wir möchten beispielsweise einen Abschnitt zum Teilen in sozialen Netzwerken entwerfen, der mit Facebook und X (früher Twitter) verknüpft ist. Daher verwenden wir eine Zeile mit einem zweispaltigen Layout.

• Wenn Sie in diesem Abschnitt weitere soziale Plattformen verlinken möchten, können Sie die Anzahl unter dem Punkt Layout .

Bitte beachten Sie, dass ein Zeilenelement bis zu 6 Spalten enthalten kann.

Schritt 3: Bildelemente in jeder Spalte hinzufügen und konfigurieren

• Ziehen Sie per Drag & Drop ein Bildelement in jede Spalte.

• Klicken Sie dann auf das Bild, um das Einstellungsfenster zu öffnen und suchen Sie die Quelle .

• Bewegen Sie den Mauszeiger über das aktuelle Bild und klicken Sie Bild hochladen um das Logo der sozialen Plattform hochzuladen.

• Scrollen Sie nach unten zum verbindung Abschnitt und schalten Sie EIN, um die Einstellungen zu erweitern. Wählen Sie dann die Nach Klick = Seite öffnen.

• Von dort können Sie die folgenden Links kopieren, um Ihre Seite auf der Ziel-Social-Plattform zu teilen:

• Ersetzen Sie die URL durch die URL Ihrer Seite.

Beispielsweise möchten wir die GemPages-Homepage auf X teilen. Der Link könnte lauten: https://x.com/intent/tweet?url=https://gempages.net/

• Wenn Sie die Seite, die Sie gerade bearbeiten, lieber freigeben möchten, können Sie die URL von der Einstellungen veröffentlichen Panel:

Kopieren Sie die URL, oder ändern Sie den Handle unter dem Seiten-URL und Handle falls erforderlich, bevor Sie es freigeben.

Sie können auch ein Vorschaubild unter dem hinzufügen Social Sharing-Bildvorschau Abschnitt für bessere Sichtbarkeit auf sozialen Plattformen:

Wenn Sie fertig sind, klicken Sie auf Einstellungen übernehmen.

Schritt 4: Größe anpassen und Abstand konfigurieren

• Klicken Sie auf das Bild und scrollen Sie nach unten zum Größe Abschnitt in der linken Seitenleiste.

Von hier aus können Sie Ihre bevorzugte Rahmen und stellen Sie die Breite & Höhe des Logobildes.

Beispielsweise setzen wir die Breite = 50 px.

• Klicken Sie mit der rechten Maustaste und wählen Sie das übergeordnete Element aus, um zum Einstellungsbereich der Zeile zurückzukehren.

• Ändern Sie die Spaltenbreite = An Inhalt anpassen, und passen Sie die Lücke = 0 unter dem Spaltenabstand .

Schritt 5: Speichern und veröffentlichen

Sobald Sie fertig sind, speichern Sie die Änderungen und klicken Sie auf Veröffentlichen um Ihre Seite erneut zu veröffentlichen. Anschließend können Sie das Ergebnis in Ihrem Live-Shop überprüfen.

Ergebnis: