Anleitung für Shopify-Themes

Füge dem Theme Horizon einen Versandrechner hinzu.

Die blockbasierte Struktur von Horizon ermöglicht eine klare Versandschätzung nah an der Produktentscheidung.

Wo du ihn in Horizon platzierst

Füge ShipCalc dem Hauptbereich der Produktinformationen hinzu – nach den wichtigen Optionen, aber vor ergänzenden Details. Nutze die Warenkorb-Platzierung für Berechnungen auf Bestellebene.

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 Horizon 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 Horizon testen solltest

Prüfe die Produkt-Layouts auf Desktop und Smartphone und teste anschließend jedes Warenkorb-Overlay, das die aktuelle Theme-Konfiguration nutzt.

  • 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 Horizon 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