Shopify Sections in 2023

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.nl

Shopify 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

0

Nu 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.

TAGS

#E-commerce #Shopify #Shopify ontwikkelaar

Lees ook:

10 Tips voor Shopify in 2024

De Motor van je Webshop
Efficiënt Laten Werken

Hoe Shopify AI productfoto's
kan transformeren

Wat moeten webshop eigenaren doen met Augmented en Virtual Reality?

Je online shop bekijken
alsof het een stenen winkel is

Shopify Editions
Winter '24

Onvoldoende verkoop
Shopify webshop

Shopify begrippen
in 2023