Fügen Sie Ihrer Produktseite eine Größentabelle hinzu

Wie zeigt man eine Größentabelle auf der Produktseite an?

Option 1: Verwenden des Bildelements

Wenn Sie über ein vorgefertigtes Größentabellenbild verfügen, können Sie es ganz einfach zu Ihrer Produktseite hinzufügen.

Schritt 1: Öffnen Sie Ihre Produktseite im GemPages-Editor und finden Sie die Bildelement.

Schritt 2: Ziehen Sie das Element aus der linken Seitenleiste und legen Sie es an der gewünschten Stelle auf Ihrer Seite ab.

Schritt 3: Unter dem Quelle Abschnitt, bewegen Sie den Mauszeiger über das aktuelle Bild und klicken Sie auf Bild hochladen.

Schritt 4: Sobald das Größentabellenbild hochgeladen ist, können Sie die Einstellungen nach Ihren Wünschen ändern.

Option 2: Verwenden von benutzerdefiniertem Code

Schritt 1: Navigieren Sie zu Ihrem Shopify-Administrator > Produkte. Wählen Sie das Produkt aus, zu dem Sie die Größentabelle hinzufügen möchten.

Schritt 2: Unter dem Beschreibung Erstellen Sie eine Größentabelle mit dem Tisch Funktion. Wenn Sie fertig sind, klicken Sie auf Gespeichert.

Schritt 3: Wechseln Sie im Beschreibungseditor in den HTML-Modus, indem Sie auf das HTML anzeigen .

Kopieren Sie den HTML-Code Ihrer Größentabelle.

Schritt 4: Ziehen Sie im GemPages-Editor die Benutzerdefinierter Code Element aus der Seitenleiste und platzieren Sie es dort, wo die Größentabelle erscheinen soll.

Schritt 5: Unter dem Benutzerdefinierter Code Klicken Sie im Abschnitt, um das Codefenster zu öffnen.

Schritt 6: Fügen Sie den HTML-Code in das Registerkarte „HTML“ und schlagen Speichern.

Überprüfen Sie das Ergebnis:

Option 3: Verwenden von Apps von Drittanbietern

Für eine dynamischere oder anpassbarere Größentabelle sind Apps von Drittanbietern eine gute Option. Viele Apps lassen sich nahtlos in GemPages integrieren und bieten Funktionen wie automatische Größenempfehlungen und erweiterte Anpassungsmöglichkeiten.

Um diese Optionen zu erkunden, besuchen Sie GemPages Hilfecenter – Größentabellenintegration für eine Schritt-für-Schritt-Anleitung zur Verwendung beliebter Größentabellen-Apps.

Best Practice: Erstellen Sie ein Größentabellen-Popup mit GemPages

Anstatt die Größentabelle direkt auf der Produktseite anzuzeigen, können Sie sie benutzerfreundlicher gestalten, indem Sie sie in einem Pop-up.

Auf diese Weise bleibt Ihre Seite übersichtlich und Kunden können das Diagramm nur öffnen, wenn sie es benötigen.

Warum dies empfohlen wird:

• Hält die Produktseite übersichtlich und frei von Ablenkungen.
• Sorgt für ein besseres Kundenerlebnis: Die Größentabelle ist immer zugänglich, nimmt aber keinen Platz weg.
• Funktioniert nahtlos mit Bild- und Tabellengrößendiagrammen.

Die Verwendung eines Popups für Ihre Größentabelle ist der flexibelste Ansatz und stellt sicher, dass Kunden die Größe einfach überprüfen können, ohne die Produktseite verlassen zu müssen.

Führen Sie die folgenden Schritte aus, um ein Popup mit einer Größentabelle auf Ihrer Seite zu erstellen:

Schritt 1: Sobald Sie das Popup-Element im GemPages-Editor gefunden haben, können Sie es mithilfe der Suchleiste suchen. Ziehen Sie das Element anschließend per Drag & Drop in den Entwurfsbereich.

Schritt 2: Fügen Sie weiterhin ein im Popup verschachteltes Bildelement hinzu.

Schritt 3: Gehen Sie im Einstellungsbereich des Bildes zu Quelle Abschnitt und bewegen Sie den Mauszeiger über das aktuelle Bild. Klicken Sie dann auf Bild hochladen um Ihr Größentabellenbild hochzuladen.

Schritt 4: Klicken Sie außerhalb des Popups und ziehen Sie dann ein Schaltflächenelement per Drag & Drop an die gewünschte Position auf der Seite.

Schritt 5: Konfigurieren Sie die Schaltfläche nach Ihren Wünschen im Einstellungen Tab.

Sie können beispielsweise die Hintergrundfarbe ändern, die Schaltflächengröße anpassen oder einen Hover-Effekt hinzufügen.

Bearbeiten Sie anschließend den Buttontext und konfigurieren Sie den Textstil. Sie können beispielsweise „Größe prüfen“ oder „Größentabelle“ verwenden, um Ihre Besucher zum Klicken zu bewegen.

Schritt 6: Scrollen Sie nach unten zum verbindung Abschnitt und schalten Sie es ein. Von dort aus stellen Sie die Nach Klick = Popup öffnenund wählen Sie das in Schritt 1–3 erstellte Popup aus.

Jetzt wird das Popup angezeigt, sobald Ihre Besucher auf diese Schaltfläche klicken.

Speichern und veröffentlichen Sie Ihre Seite erneut. Sie können das Ergebnis im Live-Store überprüfen.

Ergebnis: