Ziel: Sehen Sie sich einige häufig gestellte Fragen zur Dynamic Checkout von WooCommerce an.
Allgemeine Richtlinien zum Troubleshooting
Solltest Du Probleme mit der korrekten Darstellung vom Dynamic Checkout haben, findest Du hier einige Schritte, um das Problem zu lösen:
- Überprüfe hier, ob die neueste Version vom Dynamic Checkout installiert wurde
- Deaktiviere externe plugins
Bitte beachte, dass das Plug-in für rollenbasierte Versand-/Zahlungsmethoden von WooCommerce nicht mit dem Dynamic Checkout kompatibel sind und deaktiviert werden müssen, damit die Checkout-Methoden korrekt angezeigt werden.
F: Ich habe meine Konfiguration veröffentlicht, aber die Methoden erscheinen nicht im Checkout. Was läuft da schief?
Es gibt einige Gründe, warum dies passieren kann:
- Wenn Sie beim Versuch, Ihren Checkout zu veröffentlichen, eine Fehlermeldung erhalten, könnte es sein, dass Ihre Konfiguration nicht korrekt veröffentlicht wurde.
- Gehen Sie zur Registerkarte Checkout in Ihrem Sendcloud-Panel und vergewissern Sie sich, dass die Konfiguration, die Sie gerade veröffentlicht haben, nicht den Status Fehler hat.
- Versuchen Sie, Ihre Konfiguration neu zu veröffentlichen
- Versuchen Sie, Ihre API-Schlüssel zu aktualisieren
- Verbinden Sie Ihren Shop erneut mit Sendcloud. Wenn der Fehler weiterhin besteht, versuchen Sie, den Shop erneut zu verbinden oder kontaktieren Sie den Support
- Whiteliste die IPs von dieser Liste (falls Du den Zugriff über eine Firewall, Cloudflare etc. einschränkst).
- Ihr Plugin oder Woocommerce/Wordpress muss möglicherweise aktualisiert werden.
Bitte stellen Sie sicher, dass Sie die neueste Version des Sendcloud-Plugins installiert haben, und dass Sie Ihr Woocommerce und Wordpress auf dem neuesten Stand haben (Version 4.0 und höher). - Sie haben versucht, eine Methode für den nominierten Tag in den Woocommerce-Einstellungen statt im Sendcloud-Panel zu erstellen.
Aufgrund der Funktionsweise von Woocommerce ist die Methode "Nominated Day Delivery" eine auswählbare Option in den Versandzoneneinstellungen von Woocommerce. Wenn Sie versuchen, eine Methode auf diese Weise zu erstellen, wird die richtige Methode in der Kasse nicht angezeigt, da in Ihrem Sendcloud-Händlerkonto nichts konfiguriert ist. Die Methode muss zunächst im Sendcloud-Panel konfiguriert und dann im Plugin veröffentlicht werden. Bitte löschen Sie die manuelle Methode und Konfigurieren Sie eine Versandmethodeim im Sendcloud Checkout Panel. - Es könnte an doppelten Versandzonen in WooCommerce liegen.
Siehe unten. - Für die gewählte Versandart fehlt eine Preisangabe.
Sie müssen einer Versandmethode in Woocommerce einen Preis hinzufügen, bevor sie im Checkout für Ihren Kunden sichtbar wird. Hier erfahren Sie, wie Sie Preise hinzufügen.
Doppelte Versandzonen
Wenn du eine Lieferzone in deiner Checkout-Konfiguration für eine Zone erstellt hast, die bereits in WooCommerce vorhanden war, kann es sein, dass in deinem WooCommerce-Dashboard doppelte Zonen angezeigt werden. Die alte Versandzone hebt möglicherweise die neu erstellte Lieferzone auf.
Um dieses Problem zu beheben, müssen Sie der soeben erstellten Zone Priorität einräumen in Sendcloud.
- Gehen Sie zu Ihrem WooCommerce Dashboard > Einstellungen > Versand
- Stellen Sie sicher, dass die neue Zone, die Sie in Sendcloud erstellt haben, über der Liste in WooCommerce erscheint, indem Sie die neue Zone per Drag & Drop über die bereits vorhandene Zone ziehen
- Erstellen Sie alle von WooCommerce erstellten Methoden aus der alten Zone, die Sie weiterhin verwenden möchten (z. B. lokale Abholung, Servicepunkt usw.)
- Diesen Schritt müssen Sie nur bei der ersten Veröffentlichung Ihrer Checkout-Konfiguration durchführen. Zusätzliche Methoden werden nun in dieser neu erstellten Zone erscheinen.
Tipp: Sie können leicht erkennen, welche Versandzone diejenige ist, die über Ihren Sendcloud Checkout erstellt wurde, da in der Spalte Versandmethode(n) der Name angezeigt wird, den Sie bei der Konfiguration des Checkouts eingegeben haben.
Im obigen Beispiel sehen Sie, dass der unter Methoden-Details eingegebene Name ("PostNL - Unterschrift erforderlich") in WooCommerce Versandzonen erscheint. Dies ist die Versandmethode, die vorrangig behandelt werden muss."
F: Ich erhalte eine Fehlermeldung, wenn ich versuche, meine Dynamic Checkout-Konfiguration zu veröffentlichen. Wie kann ich dies beheben?
Wenn die Konfiguration des Dynamic Checkout aus irgendeinem Grund nicht veröffentlicht werden kann, wird eine der folgenden Fehlermeldungen angezeigt, in der auch angegeben wird, wie das Problem zu beheben ist:
- Unstimmigkeiten bei der Währung
Lösung: Ändere die Währung in deinem WooCommerce-Shop über das Dropdown-Menü neben "Neue Lieferzone". - Ungültige Signatur
Lösung - aktualisiere Deine API-Keys - Fehlende Felder
Lösung - Überprüfe, ob auf der Konfiguration des Checkouts eine Liefermethode angegeben wurde
F: Ich habe die Preise hinzugefügt, aber die Versandart fehlt immer noch. Was könnte sonst noch schiefgehen?
A: Der Kunde muss ein Land auswählen, bevor er an der Kasse eine Versandart sieht
Da die Versandmethoden an der Kasse für ein bestimmtes Land konfiguriert sind, muss der Kunde zunächst sein Land an der Kasse auswählen, bevor die Methode für ihn sichtbar wird.
Bei einigen Themen wird dem Kunden eine Meldung wie "Geben Sie Ihre Adresse ein, um die Versandoptionen anzuzeigen" angezeigt. Überprüfen Sie, ob diese Fehlermeldung in Ihrer speziellen Theme-/Setup-Konfiguration angezeigt wird, und stellen Sie sicher, dass Ihre Kunden an der Kasse eindeutig angewiesen werden, ihre Adressdaten einzugeben, um die verfügbaren Versandmethoden anzuzeigen.
F: Ich habe Preise für eine benutzerdefinierte Woocommerce-Versandklasse hinzugefügt und die Sendcloud-Methode ist in der Kaufabwicklung nicht sichtbar. Was läuft hier schief?
A: Dies könnte an der Art und Weise liegen, wie Sie die Preise für die Versandart in WooCommerce festlegen. Sendcloud-Versandmethoden können auf die gleiche Weise konfiguriert werden, wie WooCommerce Flat Rate Versand funktioniert.
Zum Beispiel, wenn Sie:
Setzen Sie die Kosten auf 0, fügen Sie nur benutzerdefinierte Klassenpreise hinzu:
- Die Liefermethode ist in der Kasse sichtbar, da die Hauptkosten einen Wert haben
- Wenn für Artikel im Warenkorb kein Preis für eine benutzerdefinierte Versandklasse definiert ist, ist der Preis der Methode 0
- Wenn Artikel eine benutzerdefinierte Versandklasse haben, wird der Preis für diese benutzerdefinierte Klasse verwendet
Setzen Sie die Kosten auf keine (lassen Sie das Feld leer), fügen Sie nur benutzerdefinierte Klassenpreise hinzu:
- Wenn keine Artikel im Warenkorb diese benutzerdefinierte Versandklasse haben, wird die Versandart ausgeblendet
- Wenn ein Artikel im Warenkorb diese benutzerdefinierte Versandart hat, ist die Versandart verfügbar
Bitte beachten Sie, dass wir in Zukunft die Möglichkeit hinzufügen werden, Liefermethoden auf der Grundlage von Gewichtsklassen zu deaktivieren.
F: Warum wird das Widget nicht korrekt angezeigt?
Es kann sein, dass das Shop-Thema den Stil des Widgets beeinträchtigt, was dazu führt, dass die Datumsselektoren kleiner erscheinen, wie in dem folgenden Beispiel:
Um sicherzustellen, dass die Datumsselektoren wie vorgesehen angezeigt werden, führen Sie folgende Schritte aus:
- Navigieren Sie zu Erscheinungsbild im Wordpress/WooCommerce Dashboard
- Klicken Sie auf
Anpassen
- Klicken Sie auf
Zusätzliches CSS
im Menü zur Themenanpassung - Fügen Sie die folgende Zeile in das Textfeld ein:
.sc-delivery-date-wrapper { display: block !important; }
Das Widget sollte nun korrekt angezeigt werden:
Vergessen Sie nicht, auf Veröffentlichen
zu klicken, um Ihre Änderungen zu speichern.
F: Warum wird der Servicepoint-Picker/das Widget in der mobilen Ansicht oder auf kleinen Bildschirmen nicht richtig angezeigt?
Bei Standard-Handygrößen sollte der Service Point Picker innerhalb des verfügbaren Bildschirmbereichs korrekt angezeigt werden. Bei einigen WooCommerce-Themes kann der Picker jedoch verzerrt erscheinen, wie im folgenden Beispiel:
Dies liegt am verwendeten Theme und nicht am Design des Sendcloud Service Point Picker. Um dieses Problem zu umgehen, muss das folgende benutzerdefinierte CSS eingefügt werden, um sicherzustellen, dass das Widget in einer eigenen Zeile vorhanden ist:
.woocommerce-shipping-totals {
display: flex;
flex-direction: column;
}
.woocommerce-shipping-methods li {
flex-direction: column;
}
F: Wie kann ich das Checkout-Widget so gestalten, dass es meine Brand widerspiegelt?
Das Checkout-Widget wurde so gestaltet, dass es den Standards für Barrierefreiheit entspricht. Wir verstehen jedoch, wenn Sie es umgestalten möchten, damit es Ihre Brand repräsentiert. Führen Sie die folgenden Schritte aus, um das Standard-Styling außer Kraft zu setzen:
- Navigieren Sie zu Auftritt im Wordpress/WooCommerce-Dashboard
- Klicken Sie auf
Anpassen
- Klicken Sie auf
Zusätzliches CSS
im Menü zur Themenanpassung - Fügen Sie diesen Codeblock in das Textfeld ein:
.sc-shipping-option.sc-shipping-option {
/* typography */
--sc-font-size: 15px;
--sc-font-weight: inherit;
--sc-font-family: Georgia, serif;
/* Farben */
--sc-accent-color: #d71c00;
--sc-accent-color-dark: #a30916;
--sc-focus-color: #e58722;
--sc-text-color: #fff;
--sc-dimmed-text-color: #d4d4d4;
--sc-background-color: #fff;
--sc-delivery-date-background-color: #323232;
--sc-border-color: #e7e7e7;
--sc-box-shadow-color: #1128570d;
--sc-sendcloud-logo-color: #c4c4c4;
/* Sonstiges */
--sc-spacing: 4px;
--sc-border-width: 2px;
--sc-selected-border-width: 2px;
--sc-border-radius: 12px;
/* privat */
--sc-item-width: 120px;
--sc-item-gap-width: 8px;
}
Sie werden feststellen, dass sich der Stil des Widgets geändert hat:
Nun können Sie die Farben, den Schriftstil und die Größe an Ihren Brandstil anpassen.
Wenn Sie mit dem Aussehen Ihres Widgets zufrieden sind, klicken Sie auf Publizieren
.
Q: How can I hide the logo or the delivered by [...] carrier from the nominated day widget?
In order to hide the carrier logo (.sc-carrier_logo) or the delivered by (.sc-carrier_by-line), you need to add the following items:
}
/* hide carrier logo */
.sc-carrier .sc-carrier__logo {
display: none;
}
/* hide delivered by carrier line */
.sc-carrier .sc-carrier__by-line {
display: none;
}
Once you set display to 'none', it'll no longer be shown in your checkout.
F: Kann ich das Aussehen des public titles und der public description meiner Versandmethode anpassen?
Du kannst das Aussehen des public titles und der public description mithilfe von custom CSS anpassen.
- Gehe zu Appearance in Deinem Wordpress/WooCommerce Dashboard
- Klicke auf
Customize
- Klicke auf
Additional CSS
in dem Theme-Customization-Menü - Gib die CSS custom properties an.
Custom properties
sc-delivery-method-title
sc-delivery-method-description
F: Kann ich das Aussehen von meiner Paketshop-Auswahl anpassen?
Wenn du in deinem Dynamic Checkout eine Versandmethode mit Paketshopzustellung angelegt hast, kannst du das Aussehen der Paketshop-Auswahl mithilfe von CSS anpassen.
- Gehe zum Punkt Appearance in deinem Wordpress/WooCommerce Dashboard
- Klicke auf
Customize
- Klicke auf
Additional CSS
in dem Theme-Anpassungsmenü - Gib die gewünschten CSS Eigenschaften für das Element
.sc-shipping-option
an
Beispiel:
.sc-shipping-option {
--sc-font-size: 1em;
--sc-font-family: Georgia, Times, serif;
--sc-border-radius: 0;
--sc-accent-color: #e24c00;
--sc-text-color: #ffffff;
--sc-dimmed-text-color: #afa6a6;
--sc-background-color: #111111;
--sc-panel-background-color: #232323;
--sc-border-color: #8a2b03;
}
Du kannst das Aussehen deiner Paketshop-Auswahl auch anpassen, indem du das Standard-Theme deines Webshops überschreibst. Stelle sicher, dass du diese Stile hinter dem link
Element hinzufügst, welche auf die Haupt checkout-plugin-ui.css Datei verweist. Andernfalls wird das Stylesheet deine Stile überschreiben
Verfügbare anpassbare Eigenschaften
Die verfügbaren anpassbaren Eigenschaften, die überschrieben werden können, sind die folgenden:
Custom property / Default value
--sc-font-size
15px
--sc-font-size-small
14px
--sc-font-weight
inherit
--sc-font-family
inherit
--sc-spacing
4px
--sc-border-width
2px
--sc-border-color
#e7e7e7
--sc-border-radius
6px
--sc-border-color-dark
#bbbbbb
--sc-accent-color
#1d97ff
--sc-accent-color-dark
#095ca3
--sc-accent-color-light
#77c1ff
--sc-focus-color
#1d97ff
--sc-box-shadow-focus-color
#a5d5ff
--sc-text-color
#212121
--sc-alt-text-color
#112857
--sc-price-color
#03a678
--sc-dimmed-text-color
#686868
--sc-error-color
#b50000
--sc-error-box-shadow-color
#f8e6e6
--sc-background-color
#f7f8fa
--sc-panel-background-color
#ffffff
--sc-panel-border-hover-color
#a5d5ff
--sc-box-shadow-color
#1128570d
--sc-sendcloud-logo-color
#c4c4c4
--sc-button-text-color
#ffffff
--sc-button-background-color
#112857
--sc-button-background-hover-color
#4d5e81
--sc-button-border-color
#112857
--sc-button-border-width
1px
--sc-button-secondary-text-color
#112857
--sc-button-secondary-background-color
#ffffff
--sc-button-secondary-background-hover-color
#e8f5ff
--sc-button-secondary-border-color
#112857
--sc-button-secondary-border-width
1px
--sc-input-text-color
#212121
--sc-input-background-color
#ffffff
--sc-input-border-color
#112857
--sc-input-border-width
1px
--sc-radio-button-border-color
#112857
--sc-radio-button-background-color
#112857
--sc-location-suggestion-marker-color
#1d97ff
--sc-service-point-marker-color
#112857