FROM CACHE - nl_header

Meten is weten: Maattabel via Metavelden

measuring-tape-thread-and-tags.jpg

 

 

Maattabellen zijn belangrijk voor producten wanneer je maat varianten aanbiedt. Het is belangrijk dat je klanten weten welke maat het beste past. Dit zal retours verminderen en klanttevredenheid verhogen. Maar hoe voeg je een mooie maattabel toe aan je winkel zonder gebruik te maken van custom codering of een app uit onze Shopify App StoreVandaag ga ik jullie laten zien hoe je door middel van een metaveld een eigen maattabel kan aanmaken en zichtbaar kunt maken binnen je winkel. 

 

Metaveld aanmaken

Als eerste zullen we een metaveld moeten aanmaken. Je doet dit door de volgende stappen te doorlopen.

 

  1. Klik op Instellingen > Aangepaste gegevens > Producten.
  2. Klik vervolgens op Definitie toevoegen.
  3. Stel je metaveld in volgens onderstaande screenshot. Natuurlijk mag je een eigen naam en beschrijving invoegen. Sla vervolgens de wijzigingen op.

    12-54-l6vkj-yv4kt.png
 

Pagina aanmaken

De volgende stap is een pagina aanmaken zoals je deze normaal aanmaakt. Voer hier vervolgens en hier de afbeelding voor je maattabel invoeren. Gebruik de afbeelding invoeren optie om een afbeelding toe te voegen. Neem vooral een kijkje naar onderstaande screenshot zodat je kan zien hoe je pagina-instellingen eruit moeten zien. 

12-56-9dnvm-hnxyg.png

 

Maattabel verbinden met metaveld

De volgende stap is om deze pagina waar je de maattabel aan hebt toegevoegd te verbinden met je product metaveld. 

 

  1. Open het product waar je de maattabel aan wilt toevoegen. 
  2. Scroll naar beneden binnen je product pagina en zoek naar je maattabel metaveld. 
  3. Voeg de pagina waar je je maattabel afbeelding aan hebt toegevoegd toe.

12-59-oe4gr-hvaxf.png

 

We hebben nu al 3 stappen doorgelopen. We hebben een metaveld aangemaakt, een pagina aangemaakt en hier onze maattabel aan toegevoegd en we hebben deze pagina vervolgens met onze metaveld verbonden. De laatste stap is het zichtbaar maken van onze metaveld binnen ons thema. 

 

Er zijn verschillende manieren waarop je je maattabel kunt laten zien. Je kan ervoor kiezen om dit via een pop-up te doen wanneer een klant klikt op het woord maattabel of door een uitklapbare optie te hebben. We gaan beide doorlopen zodat je zelf kan kiezen welke manier het beste bij jouw winkel past. 

 

BELANGRIJK: Hou er rekening mee dat als je metaveld specifiek is voor 1 product, dat je een aparte template moet aanmaken voor dat product. Hoe je dit kunt doen kan je terugvinden binnen deze blog

 

Pop-up maattabel

De eerste optie is via een pop-up. Binnen je product pagina ga je de volgende stappen doorlopen om je maattabel zichtbaar te maken in pop-up vorm.

 

  1. Klik binnen je product informatie gedeelte op blok toevoegen. 
  2. Kies voor het blok pop-up. 

    12-25-joym7-mvrlr.png

     

  3. Klik je pop-up link text aan en wijzig de tekst die standaard wordt weergegeven. In mijn voorbeeld zal ik hier Maattabel neerzetten. Dit is de tekst die klikbaar wordt en waarmee je pop-up zichtbaar zal worden. 
  4. Vervolgens klik je naast pagina op het metaveld icoon. Selecteer hier je maattabel metaveld die we hebben aangemaakt. Je pop-up instellingen zullen er als volgt uitzien.

    12-27-yt6rr-iqwv5.png

     

  5. Sla de wijziging op. 

 

Wanneer je klant zich nu op je product pagina bevindt en op de text Maattabel klikt, zal er een pop-up tevoorschijn komen met hierin de afbeelding van je maattabel. 

12-31-ka1zt-o5gyu.png

 

Dropdown maattabel

 

Om je maattabel in een dropdown venster zichtbaar te maken, kan je de volgende stappen doorlopen. 

 

  1. Navigeer je naar je product pagina waar je je maattabel aan wilt toevoegen.
  2. Klik binnen je product informatie gedeelte op blok toevoegen.
  3. Kies voor de optie Collapsible row.

    12-33-47k5n-lqf7v.png

     

  4. Binnen je collapsible row kan je de heading van je uitklapbare venster wijzigen. Dit is de tekst waarmee je duidelijk maakt wat er binnen je venster zichtbaar is. Je kan dit bijvoorbeeld maattabel noemen. 
  5. Vervolgens kan je ook een icoon kiezen, ik heb in mijn voorbeeld gekozen voor een liniaal.
  6. Klik bij Row content van pagina op het metaveld icoon. Selecteer vervolgens je maattabel pagina die we eerder hebben aangemaakt. 

    12-35-8nnnl-vey8r.png

     

  7. Sla de wijziging vervolgens op. Je maattabel zal nu zichtbaar zijn binnen een uitklapbaar venster. 

 

12-52-d4t10-mjdyj.gif

 

 

Je hebt zojuist geleerd hoe je op 2 verschillende manieren je maattabel zichtbaar kan maken voor je klanten door middel van een metaveld. Je kan creatief zijn met deze instructie en ook andere informatie zichtbaar maken op je product pagina door bovenstaande stappen te doorlopen. Metavelden geven je veel opties en vrijheden. Neem vooral ook een kijkje binnen ons metavelden hulp artikel voor meer informatie.