Hallo zusammen, ich bin auf der Suche nach einem Auswahltool für einen neuen Shopify-Store. Es soll ein Set angeboten werden, welches der Kunde mit Farben füllen kann. (Siehe aktuellen Shop: https://dipdrip.de/produkt/starter-set/ )
Dieser Shop soll auf Shopify umziehen, jedoch brauchen wir genau dieses Tool für Shopify. Gibt es hierfür Lösungen?
Hey @niklas75
Das hört sich spannend an und dazu wollte ich fragen auf welcher Plattform ihr momentan seid (ist das moghancy?) und warum ihr euch entschieden habt die für Shopify zu verlassen?
Für euren neuen Shopify Shop, um eine ähnliche Funktion wie im aktuellen Shop auf dipdrip.de zu haben, gibt es verschiedene Lösungen für Produktkonfiguratoren und Apps die wir im App Store anbieten - dennoch eine genauen wiederspiegelung wird eine eigenen Anpassung verlangen. Hier sind schonmal die ersten 3 empfehlenswerte Optionen die mir in den Sinn gekommen sind (gerne können wir auch andere hier anschauen!):
CPB - Custom Product Builder: Dieser Produktkonfigurator bietet eine Vielzahl von Anpassungsoptionen und unterstützt komplexe bedingte Logiken (klicke hier in die vielen Demos). Zu den Funktionen gehören eine Live-Vorschau, benutzerdefinierte Farbschichten und die Möglichkeit, hochgeladene Fotos oder Grafiken anzuzeigen. Der Konfigurator ist in verschiedene Pläne unterteilt, die je nach Funktionsumfang zwischen 7,99 USD und 60 USD pro Monat kosten. Nutzer schätzen die App für ihre leistungsstarken Anpassungsfähigkeiten, auch bei komplexen Produktkonfigurationen mit Millionen von Kombinationsmöglichkeiten. Sie bietet auch Inventar- und SKU-Verwaltung sowie eine Integration mit anderen Apps wie _Arigato Automation_.
Inkybay: Inkybay ist eine weitere Option, die es Kunden ermöglicht, Produkte wie T-Shirts oder PS4-Controller nach ihren Wünschen zu gestalten (klicke hier in die vielen Demos). Diese App bietet einen visuellen Produktkonfigurator für Shopify, der intuitiv zu bedienen ist und eine breite Palette von Produkten unterstützt. Die Kunden können ihre Produkte durch Texte, Grafiken und Bilder in verschiedenen Farben individualisieren. Der Konfigurator ermöglicht auch die Ausgabe von Vektor-Dateien für den Druck.
Combeenation: Diese Lösung bietet erweiterte Funktionen wie Augmented Reality (AR), um ein einzigartiges Einkaufserlebnis zu schaffen. Combeenation ermöglicht es, Produkte in der realen Umgebung Ihrer Kunden virtuell darzustellen. Der Konfigurator kann komplexe Regelsysteme abbilden und bietet nahezu unbegrenzte Optionen. Es handelt sich um eine maßgeschneiderte Lösung, die jederzeit erweiterbar ist und sich nahtlos in Shopify integrieren lässt.
Siehe weitere Beispiele und Apps in diesem Leitfaden.
Alle diese Lösungen bieten umfangreiche Anpassungsoptionen und Integrationen, um Ihren Shopify-Store auf das gewünschte Niveau zu bringen und ein ähnliches Erlebnis wie auf dipdrip.de zu ermöglichen.
Oder es DIY selber mit einem unserer Experten Coden und bauen!
Um einen eigenen Produktkonfigurator für Shopify zu codieren, benötigt man Kenntnisse in den verschiedenen Shopify Programmiersprachen und Technologien. Hier ist eine grundlegende Übersicht:
HTML und CSS: Für das grundlegende Layout und Design der Benutzeroberfläche kann man HTML verwenden, um beispielsweise die Struktur der Page zu definieren, während CSS für das Styling verwendet wird.
JavaScript (JS): Für die Interaktivität auf der Client-Seite ermöglicht JS es, dynamische Inhalte wie die Anzeige von verschiedenen Produktvarianten basierend auf Benutzerauswahlen zu handhaben.
jQuery oder ein modernes JavaScript-Framework (wie React, Vue.js, Angular): Diese Libraries oder Frameworks werden in Shopify verwendet und erleichtern das Manipulieren von HTML-Elementen, das Handhaben von Events (wie Klicks oder Eingaben) und das dynamische Aktualisieren der Benutzeroberfläche ohne Page Refresh.
Shopify Liquid: Shopify’s eigene Template-Sprache, die verwendet wird, um dynamische Inhalte auf der Seite zu laden. Man muss verstehen, wie Liquid-Variablen, Schleifen und Kontrollstrukturen funktionieren um sie effektiv zu verwenden.
Ruby on Rails (Optional): Wenn man eine umfassendere Anpassung benötigt oder eine eigene Shopify-App entwickeln möchte, wäre Kenntnis in Ruby on Rails hilfreich, da Shopify selbst auf Rails basiert.
RESTful APIs / GraphQL: Für die Interaktion mit Shopify’s Backend sollte man Kenntnisse haben, wie man API-Anfragen sendet und empfängt, um Produktdaten zu manipulieren und Bestellungen zu verarbeiten. Ebenso mit Shopify’s Frontend.
Datenbanktechnologien (Optional): Wenn der Konfigurator benutzerdefinierte Daten speichern muss, die über das hinausgehen, was in Shopify gespeichert werden kann, benötigt man eine Datenbank wie MySQL, PostgreSQL oder MongoDB.
Serverseitige Programmiersprache (Optional): Für komplexere Back-End-Logik könnte man eine serverseitige Sprache wie Python, PHP oder Node.js verwenden.
Webentwicklungs-Tools: Kenntnisse in Git für Versionskontrolle, Webpack oder Gulp für Task Running und Babel für JavaScript-Transpilation können ebenfalls nützlich sein.
Beachte, dass dies eine ziemlich technische Umsetzung verlangen wird und es sinnvoll sein kann, unsere zertifizierte und professionelle Entwickler zu beauftragen (oben verlinkt). Alternativ könnte auch eine vorhandene Shopify-App wie CPB, Inkybay oder Combeenation verwenden, die bereits viele der benötigten Funktionen bietet und sich einfacher in den Shopify-Store integrieren lässt.
Hoffe das hilft dir weiter - lass wissen falls nicht! 
Habt ihr auch den Shop auf den Valentinstag ? umgestellt? Jetzt ist die Zeit wo Online Shopper nach 
für ihre 
!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.