Migration des OpenCart Stores zu Shopify

Problemlose Umstellung von OpenCart zu Shopify für den EV Charging Solutions Store.

OpenCart-to-Shopify

Herausforderungen bei der Migration des auf OpenCart erstellten EV Solutions Store zu Shopify

Das Shopify Projekt beeinhaltete die Umstellung eines OpenCart Stores zu Shopify, die vielzählige Herausforderungen mit sich brachte. Die Notwendigkeit einer fundierten Branchenkenntnis stellte die bemerkenswerteste Herausforderung dar.

EM2GO, ein Hersteller von Ladeanwendungen für privaten und gewerblichen Gebrauch, ist spezialisiert auf Wandboxen und EV-Zubehör. Der ursprünglicher Webshop wurde auf OpenCart erstellt. Aufgrund dessen war eine komplette Umstellung aller Features zu Shopify nötig. Ein in Frankfurt ansässiges Marketingunternehmen beteiligte die Expertise von SoftSolutions4U durch das Einsetzen unserer umfangreichen Branchenkenntnisse und Kompetenzen, um diesen komplexen Shopify Store zu entwickeln.

EVCharging-Estore-OpenCart-To-Shopify

Technology Stack

Der neue Technologie-Stack bestand aus Shopify CMS, MySQL and JavaScript

Shopify – CMS

MYSQL – Backend

JavaScript

Die Optimierung von EM2GO: Innovative Lösungen und massgeschneiderte Anpassungen

kundenspezifische E-Mail-Nachrichten für "per Vorkasse zahlen"

Um die Bestellbestätigung der Kunden, die die Methode "per Vorkasse zahlen" wählen, zu verbessern, haben wir die E-Mail-Nachricht sorgfältig angepasst, um Klarheit und detaillierte Anweisungen zu gewährleisten.

Diese Verbesserung garantierte, dass die Kunden umfassend über den Bezahlvorgang und die darauffolgenden Schritte informiert wurden. Dies verbesserte das Kundenerlebnis deutlich.

Wir modernisierten die E-Mail-Kommunikation für Kunden, die die "per Vorkasse zahlen" Option wählten.

Die überarbeitete E-Mail beinhaltete eine präzise Anleitung hinsichtlich des Bezahlprozesses und fasste zusammen, was der Kunde als nächstes erwarten sollte.

Diese Verbesserung half nicht nur den Kunden den Prozess besser zu verstehen, es verbesserte auch das allgemeine Kundenerlebnis.

Advance Payment in Shopify

Das Erstellen einer Erklärungsseite mit mehr als 400 downloadbaren PDFs

Die EM2GO OpenCart Webseite wies eine umfangreiche Seite mit über 400 downloadbaren Artikeln in Tabellenform auf.

Das Erstellen einer ähnlichen Seite auf Shopify stellte aufgrund der Block-Beschränkungen eine erhebliche Herausforderung dar.

Unser Team arbeitete eine innovative Lösung durch das Nutzen von dynamischen Blocks aus, indem wir 10 Sub-Blocks innerhalb jedes Hauptblocks erstellten, um die 400+ Artikel unterzubringen.

Dieser Ansatz verhinderte effektiv die Einschränkungen von 50 Blocks pro Seite.

over 400 download PDF

Das Überwinden von Filtergrenzen durch das Benutzen von Drittanbieterapps

Das umfangreiche Produktangebot von EM2GO erfordert ungefähr 30 bis 33 Filter, aber die eingebaute Filterapp von Spotify unterstützt nur bis zu 25 Filter.

Um diese Begrenzung anzugehen, integrierten wir ein Drittanbieter-Plugin, AI Such- und Produktfilter, und nutzten Metafelder, um zusätzliche Filter zu importieren und zu verwalten.

Diese Problemumgehung sorgte dafür, dass alle nötigen Filter verfügbar waren, um die Produktsuche für Kunden zu verbessern.

Overcoming Filter Limits Using Third-Party Apps​

Das Beheben von CSS-Problemen im Drittanbieter-Shopify-Theme

Das “Xclusive” Theme, das von dem EM2GO Store benutzt wurde, stieß bei der Integration von Drittanbieter-Plugins oft auf Probleme.

Um diese Probleme zu lösen, führte unser Team eine umfassende Fehlersuche durch und arbeitete eng mit dem Supportteam jedes Plugins zusammen.

Wir sind die CSS-Probleme wie folgt angegangen:

  • Das Identifizieren von CSS-Konflikten: Wir begannen die CSS-Konflikte zwischen dem Xclusive Theme und den Drittanbieter-Plugins zu analysieren. Dies beinhaltete das Prüfen der Stylesheets und die Lokalisierung der Bereiche, in denen das CSS des Themes die Funktionalität des Plugins beeinträchtigte.
  • Zusammenarbeit mit dem Plugin Support: Wir kommunizierten unmittelbar mit den Support Teams der Drittanbieter-Plugins, um die Probleme zu melden und sie um Rat zu fragen. Diese Zusammenarbeit half uns, die spezifischen Anforderung und Einschränkungen der Plugins zu verstehen.
  • Umsetzung der CSS Fehlerkorrekturen: Basierend auf den gewonnenen Einblicken führten wir zielgerichtete CSS-Fehlerkorrekturen durch, um die Probleme zu lösen. Dies beinhaltete das Überschreiben von Standard-Stilen, die Gewährleistung der Kompatibilität mit dem Theme und das Testen der Änderungen, um zu bestätigen, dass diese keine anderen Bestandteile der Seite beeinträchtigen.
  • Das Prüfen der Integration: Nach der Umsetzung der Fehlerkorrekturen führten wir sorgfältige Tests durch, um sicherzustellen, dass die Plugins reibungslos innerhalb des Xclusive Themes funktionierten, indem sie ein problemloses Benutzererlebnis ohne visuelle oder funktionelle Unterbrechungen bereitstellten.

Em2Go online store in  in Shopify

Das Verbessern von Shopify Basic für überragende Leistung und Benutzererfahrung

Unser Team spielte eine zentrale Rolle in der Verbesserung von verschiedenen Funktionalitäten von Shopify Basic, während wir uns sowohl mit spezifischen Anforderungen als auch dem Implementieren der allgemeinen Verbesserung befassten.

Wir optimierten verschiedene Shopify Basic Funktionen, damit die Gesamtleistung und die Benutzererfahrung des EM2GO Online-Shops deutlich verbessert werden konnten:
  • Das Abbilden von Metafeldern auf der Produktdetailseite: Wir integrierten kundenspezifische Metafelder in die Produktdetailseite, indem wir den Code zur Anzeige zusätzlicher Produktinformationen optimierten. Dies verbesserte die Sicht kritischer Details und resultierte in der Optimierung der Shoppingerfahrung.
  • Feld für akzeptierte Geschäftsbedingungen: Um die Einhaltung und den Komfort zu gewährleisten, fügten wir ein Feld für Kunden hinzu, damit sie den Geschäftsbedingungen vor dem Kauf zustimmen können. Das Feld wurde verbessert, um die Zustimmung von Datum und Zeit zu erfassen und die rechtliche Sicherheit zu gewährleisten.

Das Senden von Massen-E-Mails für Accounteinladungen in Shopify Basic

Shopify stellte zwei unterschiedliche Kundenkonten zur Verfügung:

  • Neukundenaccount: Kunden loggten sich mit einem einmaligen Code ein, der an ihre E-Mail-Adresse gesendet wird (kein Passwort notwendig)
  • Klassischer Kundenaccount: Kunden erstellten einen Account und loggten sich mit einer E-Mail und einem Passwort ein.

Die eingebaute Massen-E-Mail-Einladefunktion war nur für Shopify Plus verfügbar. Shopify Basic bat die Option, Accounteinladungen für Neukundenaccounts zu senden, standardmäßig nicht an.

Um dies zu ändern, nutzten wir Segments Shopify Basic. Wir erstellten eine Bedingung (customer_tags CONTAINS ‘New Customer’) und entwickelten eine E-Mail-Vorlage mit Accounteinladungsinformation.
Dies ermöglichte es, bis zu 10 000 Massen-Account-Einladungen pro Monat durch Shopify Email zu versenden. Alle Kunden mussten sich für ein E-Mail-Abonnement angemeldet haben und als Neukunde getaggt sein.

New Customer Tag in Shopify

Das Gewährleisten eines reaktionsschnellen Bildes in einem Drittanbieter-Theme

Als wir neue Features/Funktionen in einem Drittanbieter-Theme hinzufügten, war es eine grosse Herausforderung, die Reaktivität beizubehalten, da unsere neuen Überarbeitungen die CSS beeinflussten.

Wir stellten sicher, dass der EM2GO Store voll reaktionsfähig war, indem wir Tests auf verschiedensten Geräten und Browsern durchführten. Dies gewährleistete ein reibungsloses Benutzererlebnis auf Smartphones, Tablets, Desktops und Laptops.

Durch innovative Lösungen und benutzerdefinierte Codierung integrierten wir diese Funktionen erfolgreich in die Shopify Basic Plattform, wodurch das Einkaufserlebnis für den weltweiten Kundenstamm unseres Klienten optimiert wurde.