Shopify Sections in 2023
Door: Stefan Wassink @StudioWassink || Publicatie: mei 2023 || Onderwerp: Shopify Sections
Lees je in mijn artikelen over dingen waarover je een persoonlijk advies zou willen m.b.t. jouw webshop of plannen daartoe? Zijn er onderdelen die voor jou specifiek gemaakt zouden moeten worden? Heb je het idee dat mijn input jouw webshop kan helpen? Neem dan gerust contact op met mij, dan bekijken we samen wat Studio Wassink zou kunnen doen om je te helpen.
0630155506 stefan@studiowassink.nlShopify sections zijn flexibele bouwstenen, waarmee je een Shopify thema dynamisch kunt ontwerpen en inrichten. Het zijn blokken die je in het thema kunt plaatsen, verplaatsen en verwijderen tussen de header en de footer. Bovendien kun je de inhoud zelf in de Shopify Editor aanpassen zonder enige kennis van coderen. In 2018 heb ik al eens een blog over deze componenten gepubliceerd, maar nu we bijna 5 jaar verder zijn is die toe aan een flinke update.
Wat een section inhoudt
Je kunt allerlei soorten webonderdelen maken in de vorm van een section. Headers, banners, product-spotlights, seo blokken, etc. Wat er in de aan jou geleverde bouwstenen aangepast kan worden en welke presentatiemogelijkheden er zijn, wordt bepaald bij het programmeren van de sections. Shopify biedt onder andere de mogelijkheid om te werken met:
- ➜ Tekst / Tekstveld
- ➜ Afbeeldingen
- ➜ Video’s
- ➜ True/False (een vinkje voor aan of uit)
- ➜ Range (tussen 1 en 1000 bijvoorbeeld)
- ➜ Kleuren
- ➜ Links
- ➜ Collecties / Producten / Blogs
Hoe deze onderdelen precies worden ingezet is aan de creativiteit van de maker en is niet gebonden aan een limiet van bijvoorbeeld maximaal drie teksten. Om het enigszins overzichtelijk te houden is het wel verstandig om jezelf grenzen op te leggen, maar ik ben nog geen opgelegde grenzen tegengekomen bij het maken van een banner met tientallen in te stellen opties.
Sections everywhere
Dit was een van de grootste vernieuwingen van Online Store 2.0
Dit was een van de grootste vernieuwingen van Online Store 2.0: je kon sections niet meer alleen op de homepage, maar op elke pagina gebruiken. Dat was een belangrijke verbetering omdat bezoekers niet altijd via de homepage binnenkomen, maar vaak direct terechtkomen op een collectie-, product-, artikel- of landingspagina. Wel veroorzaakte de nieuwe functie meteen ook een nieuw probleem, want als je bijvoorbeeld een section op een collectie pagina plaatst en daar een tekst in het titelvak zet, is die tekst op alle collectie pagina's hetzelfde. En dat is niet ideaal. Maar Shopify reageerde direct met een oplossing in de vorm van Dynamische content vulling.
Dynamische content
Deze nieuwe functie heeft de inzetbaarheid van sections enorm uitgebreid
In plaats van alleen de optie om zelf waarden in te vullen, kon je voortaan ook op een icoon in de hoek klikken om een dynamische bron in te stellen en die content wordt dan uit het backend gehaald. Bijvoorbeeld een titel, een metafield, een vendor of een themakleur. Dus kun je informatie uniek maken door die uit het backend van een product of collectie te halen, als je alles maar een unieke naam geeft.
Deze nieuwe functie heeft de inzetbaarheid van sections enorm uitgebreid en heeft 'Sections Everywhere' van slechts een Marketing Slogan gepromoveerd naar een echte feature.
Aanvulling met de blocks structuur
Een section biedt vaak een aantal vlakken / onderdelen om in te vullen, een banner heeft een grote titel en subtitel, een aanbieding juist weer producten met een eigen kleurstelling. Maar stel dat je een aanbieding hebt die niet slaat op maar één product, maar op 10 verschillende en in die weergave wil je weer elementen kunnen beheren, allemaal in één slider. Dan kan dat bijv. met de blocks optie binnen de section nu veel makkelijker en overzichtelijker worden ingebouwd. Bij het opzetten van een section kan deze optie worden ingeschakeld en de keuzes die je kunt inbouwen in de section zelf, kun je ook weer per block opzetten en bepalen hoeveel er mogen worden geplaatst.
Waar dit op neerkomt is, dat je zo een laag dieper kunt werken. Net als bij een menu waar je onder een item ook weer sub-keuzes kunt plaatsen in een uitklapmenu.
Sections a la Carte als ‘semi maatwerk’
Het antwoord van Studio Wassink op de vraag om een kwalitatief goede oplossing tussen standaardwerk en maatwerk
Omdat de opties steeds uitgebreider werden, heb ik een kant-en-klaar section-concept opgezet dat ik 'Sections à la Carte' heb genoemd. In deze sections heb ik vele keuzes klaargezet, waarmee jij kunt bepalen wat er in deze blokken staat en hoe de presentatie is binnen de gestelde kaders. Het antwoord van Studio Wassink op de vraag om een kwalitatief goede oplossing tussen standaardwerk en maatwerk en voor veel ondernemers een ideale oplossing die rekening houdt met zowel budget als implementatietijd. Deze opties worden soms los gekocht, maar ook regelmatig gekoppeld aan maatwerk.
Sections a la Carte webshop
Meer informatie
-
Product Banner
-
Product Portfolio
-
Homepage Header
-
Style Banner
-
Story Banner
-
Catalogus Banner
-
Acties
-
Featured Collections
Creativiteit en uitbreiden
0Nu sections overal te plaatsen zijn en de inhoud zowel statisch als dynamisch kan zijn, is het voornamelijk creativiteit die grenzen stelt als het aankomt op het maken van een converterende toepassing. Het mooie is dat deze opties ook nog eens makkelijk zijn uit te breiden, mits ze passend worden gemaakt bij wat er al staat. Hierdoor kun je blijven experimenteren en optimaliseren om je webshop steeds verder te verbeteren en aan te passen aan de wensen van jou en je bezoekers. Dus laat je creativiteit de vrije loop en ontdek de vele mogelijkheden van sections everywhere en dynamische content voor jouw webshop.
Wil jij je eigen section(s) laten ontwikkelen door een Shopify Ontwikkelaar?
Als je interesse hebt in je eigen maatwerk of semi-maatwerk sections, aarzel dan niet om contact op te nemen met Studio Wassink. Als Shopify ontwikkelaar en designer bespreek ik graag vrijblijvend of deze mogelijkheden geschikt zijn voor jouw webshop en of we samen kunnen werken aan het verbeteren van je conversie.