Anleitung für Shopify-Themes

Füge dem Theme Dawn einen Versandrechner hinzu.

Shopifys Referenz-Theme nutzt flexible Produkt- und Warenkorb-Abschnitte und ist damit ein naheliegender Ort für ShipCalc-App-Blöcke.

Wo du ihn in Dawn platzierst

Platziere den Produkt-Block unter dem Preis oder den Kaufen-Buttons und den Warenkorb-Block nahe der Zwischensumme. Teste den Warenkorb-Drawer separat, falls er aktiviert ist.

Einrichtungsschritte

  1. ShipCalc installieren Installiere die App über den Shopify App Store. Die 14-tägige kostenlose Testphase beginnt sofort.
  2. Theme-Editor öffnen Gehe in deinem Theme Dawn zu Onlineshop → Themes → Anpassen oder nutze den Ein-Klick-Link im ShipCalc-Onboarding.
  3. ShipCalc-Block hinzufügen Öffne eine Produktvorlage, wähle Block hinzufügen → ShipCalc und zieh den Block in die Nähe des Preises oder der Kaufen-Buttons. Wiederhole das in der Warenkorbvorlage.
  4. Einbettung für den Warenkorb-Drawer aktivieren Wenn dein Shop einen Slide-out-Warenkorb nutzt, öffne die App-Einbettungen und aktiviere die ShipCalc-Einbettung für den Warenkorb-Drawer.
  5. Design anpassen und speichern Passe Farben, Layout und Texte auf der Appearance-Seite von ShipCalc an, prüfe die Vorschau und speichere das Theme.

Was du in Dawn testen solltest

Prüfe, ob die gewählte Produktvorlage auch von deinen Live-Produkten genutzt wird, und teste die Abstände um die Kaufen-Buttons auf dem Smartphone.

  • Produktseite am Desktop
  • Produktseite am Smartphone
  • Warenkorb mit einem und mit mehreren Artikeln
  • Ein Ziel in jeder Region, in die du versendest
  • Nicht unterstütztes Ziel und Meldung „keine Tarife“
  • Warenkorb-Drawer öffnen, Artikel hinzufügen und entfernen

Fragen

Muss ich den Code des Themes Dawn bearbeiten?

Nein. Die Platzierungen auf Produkt- und Warenkorbseite sind App-Blöcke im Shopify-Theme-Editor. Der Warenkorb-Drawer nutzt eine App-Einbettung; manche Drawer brauchen einen eigenen Selektor, bei dem wir helfen.

Sollte der Rechner über oder unter „In den Warenkorb“ stehen?

Halte ihn nah am Preis und an den Kaufen-Buttons. Wenn die Lieferkosten ein wichtiger Teil der Entscheidung sind (sperrige oder schwere Produkte), platziere ihn direkt unter dem Preis oder den Kaufen-Buttons.

Was sollte ich vor dem Veröffentlichen testen?

Desktop- und Mobil-Layouts, mehrere Produkttypen, Ziele in jeder Region, in die du versendest, die Warenkorbseite und den Warenkorb-Drawer, falls dein Theme einen nutzt.

Zeig deinen Kunden die Versandkosten, bevor sie fragen.

Erst Fragen klären? Sprich mit uns.

Kostenlos testen
  • 14 Tage kostenlos
  • Kein Theme-Code