Headless commerce met Shopify Plus volgens Ask Phill

Vorige week publiceerden we op deze blog een samenvatting van de lezing die Rosefield Watches en CODE gaven tijdens de Webwinkel Vakdagen, afgelopen Januari. Daarin bespraken Shopify Plus merchant Christiaan Bekker en Shopify Plus Partner Bob Rockland, naast een flink aantal voordelen, ook een paar uitdagingen van het Shopify platform, met name multi-language en multi-currency functionaliteit.

Diezelfde uitdagingen kwamen ook terug in de talk die Martijn Wijsmuller en Paul Veen van Ask Phill gaven tijdens de Webwinkel Vakdagen. Het Amsterdamse bureau Ask Phill is één van de grootste Shopify (Plus) Partners in Nederland. Net als CODE heeft Ask Phill veel grote merchants als klant – en net als Rosefield Watches lopen die merchants tegen specifieke uitdagingen aan als ze Shopify Plus gebruiken. In hun lezing lichtten Martijn en Paul hun oplossing voor die uitdagingen toe.

De plussen en minnen van Shopify Plus

De twee openden hun talk met het benadrukken van de vele voordelen van Shopify Plus. Het platform wordt algemeen gewaardeerd om zijn grote gebruiksvriendelijkheid voor merchants. Dat Shopify Plus een SaaS oplossing is, maakt het bovendien ontzettend kostenefficiënt: geen kosten voor hosting, en updates en security hoeft de merchant niet zelf te doen.

Tel daarbij op dat er een ruime keuze is in out-of-the-box integraties en dat Shopify Plus flexibel is met API’s, en je begrijpt dat het platform steeds populairder aan het worden is in Nederland en de rest van de wereld. Ook de groeiende lijst met grote Nederlandse merken die op Shopify draaien laat zien dat het platform een volwassen performer is.

Daarna volgde echter een nuancering uit de praktijk, toen Paul en Martijn vertelden wat zij regelmatig horen van klanten. “Shopify is een top eCommerce platform en werkt in 90% van de gevallen voor alle klanten. Alleen krijgen wij als agency steeds grotere klanten die precies weten wat ze willen. En bij die klanten heerst een idee dat Shopify niet geheel flexibel is en daardoor niet altijd even bruikbaar voor grote merchants.” 

De case van STOX Energy

“Meer specifiek krijgen we veel vragen over multi-language functionaliteit, SEO, het gebruik van PWA’s (Progressive Web Apps) en multi-site content management.” Als voorbeeld bespraken Paul en Martijn de recente case van STOX Energy, een webshop die high-tech compressiesokken verkoopt. Tijdens de briefing had STOX Energy een helder wensenlijstje. Het merk wil de wereld veroveren, en had een site nodig die supersnel en schaalbaar is, het heel goed doet op mobiele apparaten dankzij PWA’s, geoptimaliseerd is voor SEO, en met een efficiënte multi-language setup. Allemaal wensen die niet helemaal compatible waren met de standaard Shopify Plus functionaliteit.

Schaalbaarheid was belangrijk omdat STOX Energy met een relatief klein team veel landen bedient, en in de nabije toekomst snel wil kunnen uitbreiden naar andere landen met andere talen en valuta. Daarnaast rouleert het merk snel met content - het gemakkelijk en centraal kunnen aanpassen daarvan, in verschillende talen, was een must. In Shopify Plus is dit een uitdaging: voor elke taal is er een apart CMS, en als er content toegevoegd of aangepast moet worden betekent dit dus dat het in elk CMS apart verwerkt moet worden.

Daarnaast benadrukte STOX Energy dat de nieuwe site op mobiele apparaten aangeboden moest kunnen worden als een PWA: een site die voor de bezoeker aanvoelt als een app, qua gebruikservaring. Het grote voordeel daarvan is de hoge laadsnelheid, wat tegenwoordig zwaar meetelt in SEO rankings en conversie. Tenslotte had STOX Energy specifieke wensen wat betreft SEO, met name de opbouw van URL’s:

De oplossing: headless commerce met Shopify Plus

Om aan deze wensen te kunnen voldoen, besloot Ask Phill een headless oplossing te bouwen. Dit houdt in dat de frontend van een website losgekoppeld wordt van de backend. Daardoor is er meer mogelijk in het frontend gedeelte, waar de winkelervaring voor een groot deel vormgegeven wordt.

In het geval van STOX Energy combineerde Ask Phill de Shopify Plus backend functionaliteit met een gespecialiseerd CMS, Contentful. Hierdoor werd het mogelijk om storefronts in meerdere talen te vertalen vanuit een enkel dashboard, kwam er meer flexibiliteit op het gebied van SEO structuur, en kon de mobiele performance van Shopify Plus verder geoptimaliseerd worden.

“Maar het belangrijkste is wel dat we in deze setup zelf het CMS kunnen inrichten, helemaal afgestemd op het design van de webshop,” vertelden Paul en Martijn. “Hierdoor wordt Shopify voor de grotere merchants met specifieke wensen ineens een serieuze optie.”

De resultaten voor STOX Energy

Met de headless setup werd het voor STOX Energy mogelijk om binnen een dag op te schalen naar een nieuwe markt. De inzet van Contentful zorgde daarnaast voor een grotere flexibiliteit wat betreft custom storefronts. Ook niet onbelangrijk: STOX Energy kon de al opgebouwde SEO autoriteit op relevante onderwerpen behouden en uitbreiden.

Dit alles is terug te zien in harde cijfers over de performance van de site: drie keer zoveel traffic ten opzichte van de oude site, en een verdubbelde conversie ratio!

Voor- en nadelen van een headless setup met Shopify Plus

Zoals de STOX Energy case laat zien heeft een headless setup met Shopify Plus verschillende voordelen, zoals frontend flexibiliteit, snelle schaalbaarheid en verbeterde performance op mobiele apparaten. Daar hangt echter wel een rijtje nadelen aan, zoals Paul en Martijn benadrukten. In deze headless setup kunnen een aantal fijne standaardfeatures van Shopify Plus namelijk niet meer normaal gebruikt worden.

Zo kunnen headless sites geen gebruik meer maken van de Shopify themes, en van de gebruiksvriendelijke Shopify Customizer. Ook zijn frontend Shopify apps niet meer bruikbaar. Dit alles heeft als gevolg dat ‘headless merchants’ altijd een Shopify Partner of een development team nodig zullen hebben, en dat is uiteraard niet goedkoop.

Is headless commerce iets voor jou bedrijf? Het antwoord van Ask Phill daarop is: “Als je wereldwijd wilt gaan schalen; als je specifieke eisen hebt (bijvoorbeeld op het gebied van seo/content management/performance); als Shopify je favoriete platform is, en als je enthousiast wordt van innovatie: go headless!”

---

 

Over de auteur

Linda Bleijenberg is copywriter en hoofdredacteur van de Nederlandse Shopify blog. Sinds ze voor Shopify schrijft droomt ze van een eigen webshop.