Blog

WooCommerce: „Lieferung an eine andere Adresse senden“ auf der „Zur Kasse“-Seite standardmäßig deaktiveren

michael · 11. Juli 2020 · Leave a Comment

WooCommerce bietet Kunden die Möglichkeit, neben einer Rechnungsadresse auch eine separate Lieferadresse auszuwählen. Das geschieht in der Kasse über den Schriftzug und das Häkchen „Lieferung an eine andere Adresse senden?“.

Screenshot aus dem WooCommerce-Checkout auf der "zur Kasse"-Seite: Das Häkchen bei "Lieferung an eine andere Adresse senden" ist gesetzt.

Bei vielen WordPress- und WooCommerce-Installationen ist diese Option standardmäßig aktiviert. Das bedeutet, dass das Häkchen beim Besuch der Seite gesetzt ist und auch die entsprechenden Felder (doppelt) angezeigt werden.

Nachteile der standardmäßigen Aktivierung

Das kann mehrere Nachteile haben:

Der Checkout-Prozess wird insgesamt in die Länge gezogen
Der Kunde fühlt sich unter Umständen genötigt, die Felder ebenfalls auszufüllen
Gerade auf mobilen Geräten ist die Checkout-Seite (zur Kasse-Seite) noch unübersichtlicher
Insgesamt ist die Conversion-Rate möglicherweise beeinträchtigt

Der E-Commerce-Riese Amazon beispielsweise bietet gar nicht erst die Möglichkeit, eine Lieferadresse zu setzen. Die genauen Hintergründe sind sicherlich schwierig in Erfahrung zu bringen – sehr plausibel scheint aber, dass die Option aber aufgrund der möglichen Beeinträchtigung der Conversions – also der prozentualen Kaufabschlüsse – nicht angeboten wird.

Häkchen „Alternative Lieferadresse“ standardmäßig deaktiveren

Dementsprechend ist es für die meisten Shops sinnvoll, das Häkchen standardmäßig zu deaktivieren. Das ist glücklicherweise einfach möglich: Im WordPress-Backend in den WooCommerce Einstellungen muss die Seite Versand aufgerufen werden („WooCommerce“ > „Einstellungen“ > „Versand“). Anschließend klickt man auf den relativ unscheinbaren Link „Versandoptionen“. Hier kann jetzt die Option „Rechnungsadresse des Kunden als Standard“ eingestellt werden. Damit ist das Häkchen nicht mehr gesetzt und der Checkout insgesamt verkürzt.

Bild der WooCommerce-Einstellungen zur Deaktivierung des Häkchens "Alternative Lieferadresse"

Buttons überlagern sich in WooCommerce und WordPress, zum Beispiel „Ausführung wählen“

michael · 30. Juni 2020 · Leave a Comment

In einigen Themes kommt es bei der Verwendung von WooCommerce manchmal zu Anzeigeproblemen. Konkret meldete sich ein Kunde, da der Schriftzug „Ausführung wählen“ sich in der Mobilansicht überlappte. Das sieht nicht nur unschön aus, sondern kann auch zu Usability-Problemen führen – und die führen wieder zu weniger Bestellungen.

Die Buttons mit dem Schriftzug „Ausführung wählen“ werden nicht korrekt dargestellt und überlappen sich.

Im konkreten Fall kam das Theme „YooTheme“ zum Einsatz. YooTheme bietet eine ganze Reihe an „ausgefalleneren“ Presets für die Darstellung der Buttons, wie etwa hier dem absichtlich ungerade-verspielten Rand. Es ist gut möglich, dass diese Einstellung auch zum Überlappen der Buttons führte.

Ursache des Problems: YooTheme überschreibt für die WooCommerce-Buttons die „white-space“-CSS-Eigenschaft. Einfach ausgedrückt sorgt die „white-space“-Anweisung dafür, wie der Browser Leerzeichen anzeigen soll. Es gibt aber auch die Option „white-space: no-wrap“ – diese Unterdrückt Zeilenumbrüche im Text. Genau das ist hier der Fall – und deshalb wird „Ausführung wählen“ in einer Zeile angezeigt, obwohl zwei viel sinnvoller wären.

Glücklicherweise lässt sich das Problem einfach lösen: Dafür muss einfach folgender CSS-Code auf der Webseite eingefügt werden. Er sorgt dafür, dass Zeilenumbrüche wieder regulär gesetzt werden können.

/* Fix: "Ausfuehrung waehlen"-Buttons ueberlagern sich gegenseitig in Mobilansicht */
.woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button {
	white-space: normal;
}

Nicht jeder hatte schon einmal Kontakt mit zusätzlichen CSS-Layout-Anweisungen in WordPress: Der oben gezeigte Code kann bei den meisten Themes im WordPress-Adminbereich (Backend) unter Design > Customizer > „Zusätzliches CSS“ eingefügt werden. Dabei sollte darauf geachtet werden, bestehenden Code nicht zu überschreiben (d.h. ganz unten zusätzlich einfügen)!

Unter „Zusätzliches CSS“ im WordPress-Customizer können zusätzliche Layout-Anweisungen eingefügt werden.

Literaturempfehlungen und Einstiege: Eine Einführung in die Topologische Datenanalyse (TDA)

michael · 19. April 2020 · Leave a Comment

Vor mittlerweile über einem Jahr arbeitete ich relativ intensiv an einer Arbeit im Bereich der Topologischen Datenanalyse (TDA). Als Nicht-Vollblut-Mathematiker (sondern Informatiker) ist der Einstieg in dieses Themengebiet nicht unbedingt der Einfachste. Im Rahmen der Arbeit entstand deshalb eine relativ großzügige Literaturliste. Neben rund 100 Quellen, die detailliert im Themengebiet beheimatet sind, war selbstverständlich auch Einstiegsliteratur enthalten. Bisher fand ich nicht die Zeit, diese Liste zu veröffentlichen. Ich bin mir allerdings sicher, dass die Literaturempfehlungen der ein oder anderen Person zumindest etwas Zeit sparen könnte, weshalb ich meine Empfehlungen für den Einstieg in den Themenbereich unten präsentiere. Die vollständige Literaturliste mit rund 100 Quellen werde ich in einem separaten Beitrag online stellen.

[Read more…]