Niet zo lang geleden was het onmogelijk om een e-commerce platform te vinden dat alles deed wat je nodig had. Dit gaf CTO's twee keuzes waar niemand echt blij van werd: je kon ofwel een volledig platform vanaf nul bouwen, of je kon iets kant-en-klaar kopen en het aanpassen naar een resultaat dat grotendeels voldeed aan je zakelijke behoeften. Daarom kozen veel bedrijven voor de eerste optie en eindigden ze met op maat gemaakte e-commerce platforms die de flexibiliteit beloofden die ze nodig hadden om geweldige klantervaringen te bieden en snel te schakelen wanneer de vraag van kopers veranderde.
Maar na verloop van tijd bleek dit niveau van maatwerk een soort Paard van Troje te zijn. Steve Bauer, vice-president e-commerce bij Arhaus, vertelde in een recent webinar (EN) dat hun vorige platform hun ontwikkelaars in een eindeloze cyclus van nieuwe functies plaatste, wat bijna onmiddellijk technische schulden met zich meebracht. Hij voegde eraan toe: “We waren het [platform] aan het heroverwegen, het aan het aanpassen en het tegelijkertijd aan het afschaffen. Er zijn hoge kosten verbonden aan zo'n aanpak, alleen om te zien dat het heel snel weer verdwijnt.”
Vandaag de dag maakt de aanpasbaarheid van Shopify dit platform zowel genuanceerd als spannend voor merken in alle omzetgroepen en sectoren. Shopify is geen blanco canvas; duizenden merken hebben gekozen om over te stappen (EN) naar Shopify omdat het juist zo flexibel is. Ze kunnen hun favoriete apps of integraties meenemen, of ervoor kiezen om kant-en-klare functies te gebruiken in combinatie met integraties via hun eigen API's.
In het onderstaande artikel zie je de manieren waarop Shopify aanpasbaar is aan jouw wensen, zodat je unieke e-commerce ervaringen kunt bouwen op de manier die jij wilt.
Gegevenssoorten die je op Shopify kunt opslaan
Nu de commercie zich uitbreidt naar de nieuwste technologieën op de markt, is een van de grootste zorgen voor elke marktleider de infrastructuur die nodig is om de vereiste datastructuren op te slaan en te ondersteunen. Dit is niet zonder reden: de meeste e-commerce platforms ondersteunen opkomende datastructuren meestal niet.
Shopify heeft daarentegen meer flexibele en complexe datastructuren die de nieuwste technologieën op de markt kunnen ondersteunen, waaronder 3D en AR.
Merken kunnen de flexibele gegevensaanpassingen van Shopify gebruiken om hun winkels uit te breiden met metavelden en metaobjecten. Metavelden stellen merken in staat om de native datamodellen uit te breiden over eigenschappen zoals Klanten, Bestellingen en Producten. Retailers kunnen Metaobjecten gebruiken om op maat gemaakte datamodellen te creëren.
Metaobjecten bieden je een duidelijker pad om aangepaste inhoud te creëren en deze op je website te implementeren. Merken gebruiken metaobjecten om Shopify uit te breiden met unieke inhoud zoals lookbooks, quizzen of maatgidsen. Metaobjecten functioneren ook zoals alle andere inhoud op je winkelpagina en kunnen eenvoudig worden geoptimaliseerd voor alle markten met de Translate and Adapt app.
Met meer flexibele datastructuren tot hun beschikking, kiezen bedrijven doorgaans voor een van deze vier manieren om Shopify aan te passen:
- Een aangepast sjabloon bouwen met Liquid
- Een aangepaste winkelervaring bouwen met Hydrogen en Oxygen
- Een meer aangepaste checkout-ervaring met Shopify Checkout
- Bouwen op de manier die jij wilt met Shopify Functions
Een aangepast sjabloon bouwen met Liquid
Liquid is een sjabloontaal die oorspronkelijk is ontworpen door de CEO van Shopify, Tobias Lütke. Tegenwoordig wordt het gebruikt door merken zoals Daily Harvest om snel aangepaste ervaringen te bouwen en tegelijkertijd een kleinere tech-stack te behouden.
Net als een traditionele programmeertaal heeft Liquid syntaxis en omvat het concepten zoals output, logica en lussen. Het werkt ook met gegevens zoals een app dat zou doen met een webgerichte taal zoals PHP.
Hier eindigen echter de overeenkomsten. Liquid laat je niet te ver onder de motorkap van het platform kijken. Dit kan schokkend zijn voor ervaren ontwikkelaars, maar Liquid is eindeloos aanpasbaar.
Naast deze flexibiliteit heeft Liquid ook een aantal krachtige functies die iedereen standaard ter beschikking heeft. Het maakt het veel makkelijker voor ontwikkelaars om ingewikkeld SEO-werk te bouwen en te onderhouden, waaronder:
Hoewel veel bedrijven ontdekken dat Liquid-sjablonen hen voorbereiden op langdurig succes, willen anderen liever iets meer maatwerk en flexibiliteit. Wanneer dat het geval is, heeft Shopify de tools die je hiervoor nodig hebt en biedt het het duidelijkste pad naar het bouwen van meer aangepaste winkels (EN).
Een aangepaste winkelervaring bouwen met Hydrogen en Oxygen
Niet zo lang geleden wilden merken die flexibiliteit in hun tech-stack en server-side controle zochten, niet eens overwegen om naar Shopify te verhuizen. Vandaag de dag is de toolkit van Shopify voor het bouwen van headless e-commerce ervaringen de snelste, meest efficiënte en meest betrouwbare manier om aangepaste ervaringen te leveren.
De officiële ontwikkelstack van Shopify omvat Hydrogen en Oxygen (EN). Hydrogen is gebouwd op het op React gebaseerde Remix-framework, wat ontwikkelaars de voordelen biedt van hoge standaarden voor webontwikkeling en de mogelijkheid om de ontwikkeling te versnellen met componenten, hooks en utilities die vooraf zijn geconfigureerd om met de API's van Shopify te werken. Hydrogen heeft ook functies zoals Optimistic UI, die ervoor zorgen dat de gebruikerservaring aan de voorkant responsief aanvoelt, ook al vinden er serververzoeken op de achtergrond plaats.
Hydrogen-winkels kunnen worden gehost door elke derde partij die je verkiest. Oxygen is echter de makkelijkste en snelste manier om je winkel te implementeren. Oxygen is de wereldwijde hostingoplossing van Shopify die bij alle Shopify-plannen is inbegrepen zonder extra kosten, en biedt gegarandeerde uptime en volledige controle over het beheer van de implementatie.
Als je nog meer controle wilt over je tech-stack en framework, kun je onze Storefront API (EN) gebruiken, die je de flexibiliteit biedt om de Shopify-componenten te kiezen die je nodig hebt, terwijl je volledige controle behoudt over je end-to-end oplossing. De Storefront API is apparaat- en platformonafhankelijk, wat betekent dat je het kunt gebruiken om ervaringen te bouwen op opkomende oppervlakken zoals web, mobiele apps, videogames, AR/VR en meer.
Een meer aangepaste checkout-ervaring met Shopify Checkout
Hoewel je ongetwijfeld geweldige voorbeelden van headless winkels op Shopify hebt gezien, kiezen sommige toonaangevende merken er nog steeds voor om het volledige Shopify-platform en aangepaste versies van de beste e-commerce componenten, zoals Shopify Checkout, te gebruiken.
Shopify Checkout is de best converterende checkout ter wereld, die tot 36% beter dan concurrenten en gemiddeld met 15,2% presteert. Het biedt ook verschillende aanpassingsmogelijkheden waarmee bedrijven Shopify Checkout kunnen aanpassen aan hun specifieke eisen. Aan de voorkant kunnen ontwikkelaars het uiterlijk en de uitstraling van Shopify Checkout wijzigen met de GraphQL Branding API. Aan de achterkant kun je componenten die je wilt uitbreiden of vervangen met aangepaste logica via Shopify Functions (EN).
Bouwen op de manier die jij wilt met Shopify Functions
Shopify Functions ontgrendelt niet alleen aangepaste back-end logica voor Shopify Checkout; het stelt ontwikkelaars in staat om de back-end logica van het hele platform aan te passen.
Functions stelt ontwikkelaars in staat om krachtige aanpassingen te bouwen voor kortingen, verzending en betalingsmethoden die binnen vijf milliseconden kunnen worden uitgevoerd, en kan opschalen om de grootste verkoopevenementen van je bedrijf te ondersteunen. In 2023 verwerkte Shopify 145 miljard verzoeken op Black Friday en genereerde meer dan € 4,2 miljoen aan verkopen per minuut gedurende dit weekend. Functions worden geïnstalleerd binnen een app, wat betekent dat je ze direct in de Shopify-admin kunt configureren zonder nieuwe code te hoeven wijzigen of schrijven. Dit elimineert ook de noodzaak om code tussen winkels te kopiëren en plakken.
Ontwikkelaars kunnen een Function schrijven in elke taal die compileert naar WebAssembly en de UI bouwen met AppBridge en React. Ze kunnen de Function ook in hun lokale omgeving schrijven voordat ze deze via Shopify CLI implementeren.
Shopify heeft Functions gebouwd om twee redenen. Ten eerste biedt het merken een duidelijker pad naar het snel bouwen van unieke koopervaringen. Belangrijker nog, ze zijn makkelijker te gebruiken en vereisen geen uitgebreide updates van de code wanneer je promoties moet aanpassen.
Een duidelijker en aanpasbaar pad naar groei
Zoals je waarschijnlijk kunt raden, is het gesprek over de aanpasbaarheid van Shopify complex en veelzijdig. Maar dat is met opzet. Iedereen bij Shopify is toegewijd aan het werken in de voorhoede van innovatie. En in veel gevallen betekent dat het geven van krachtige tools die zo flexibel (of niet) zijn als nodig is.
Hoewel Shopify geen blanco canvas is, biedt het je wel de aanpassingsmogelijkheden die je nodig hebt om groei en snelheid naar de markt te versnellen, terwijl je ook de totale eigendomskosten verlaagt. Zoals je hebt kunnen zien bij enkele innovatieve bedrijven, zijn de paden van Shopify naar de markt zowel flexibel als uitgesproken, op manieren die topmerken in staat stellen zich te onderscheiden van hun concurrentie.
Klaar om de overstap naar Shopify te verkennen? Neem vandaag nog contact op.
