Laatste update: 25-10-2022
In deze uitleg: Categorieën aanmaken | Tags aanmaken | Designs op de site opslaan | Collectiepagina’s maken | Video's
Categorieën zijn als de schappen in je magazijn. Bij elke categorie horen subcategorieën. Dit kan je omschrijven als de kaartenbak in het betreffende schap van je magazijn. Elk design dat je online zet, zet je in zo’n subcategorie.
Overzicht categorieën in het CMS.
De (sub)categorieën zijn er voor:
Maak niet te veel categorieën aan (niet te gedetailleerd zoals bijvoorbeeld ‘blauwe uitnodigingen’). Houd het algemeen.
Aan elke categorie kan je afzonderlijk instellingen koppelen, zoals welke enveloppen je hierbij aanzet.
Onder CMS > Content > Categorieën kun je aan de slag voor het maken van categorieën en subcategorieën.
Klik op de button Hoofdcategorie toevoegen om een hoofdcategorie aan te maken.
Hoofdcategorie toevoegen
NB: de naam is tevens ook de URL, de Titel is hoe de klant het in de shop ziet.
Bewaar door op Voeg hoofdcategorie toe te klikken. Je categorie is nu toegevoegd!
Klik op het potloodje bij betreffende hoofdcategorie om een subcategorie aan te kunnen maken.
Kies het ‘potloodje’ om een subcategorie toe te voegen aan een hoofdcategorie.
Klik vervolgens op Toevoegen. Je subcategorie is nu toegevoegd! Je ziet het nu links verschijnen
Klik nog een keer op het potloodje om in te stellen hoeveel producten je op een pagina wilt laten zien. De meest logische optie is ‘Alles’ aanvinken.
Beschouw de subcategorie echt als kaartenbak en niet als pagina. Pagina’s hebben voor de gebruiker meer mogelijkheden, zoals het instellen van filters.
Heb je dus een categorie ‘geboortekaarten’? Maak voor de klant ook een pagina ‘geboortekaarten’ aan. Hier kun je de designs van deze categorie inladen door middel van tags. Gebruik je zelf de categoriepagina niet? Zorg dan dat je de categorie redirect naar de klantpagina, zodat Google duidelijk heeft welke pagina hij moet identificeren.
Elke hoofdcategorie heeft instellingen die je kunt bewerken die gelden voor alle designs in deze categorie en de onderliggende subcategorieën. Klik op het radertje in het overzicht om de instellingen van de hoofdcategorie te bewerken.
Categorie instellingen beheren
De meeste opties spreken voor zich. Hier nog extra uitleg:
De aangevinkte papiersoorten staan aan in deze categorie. Als het goed zijn de juiste papiersoorten al aangezet, of heb je van Support te horen gekregen welke papiersoorten je aan mag zetten. Je mag ervoor kiezen om minder papiersoorten aan te zetten, maar je mag niet zelf meer of andere papiersoorten kiezen en aanvinken.
Ingeschakelde papiersoorten
De aangevinkte enveloppen worden niet getoond in deze categorie. Zo kan je bij een categorie geboortekaartjes bijvoorbeeld de zwarte envelop aanvinken en in een categorie rouw de gekleurde enveloppen.
Ingeschakelde enveloppen
Hierbij zet je aan of uit dat de klant een melding krijgt dat het bestand niet wordt opgeslagen als hij/zij in de editor bezig is en naar een andere pagina gaat. Hierbij zet je aan of uit dat de klant de vraag krijgt of hij het ontwerp eerst op wil slaan, voor hij verder gaat.
Opslaan ontwerp melding gebruikers
Een tag is een woord die je aan je design koppelt. Dit kan van alles zijn: blauw, bloem, goudfolie etc. Deze tags geven het design identiteit.
De tags worden op 2 manieren gebruikt:
Via CMS > Content > Tags kom bij de tag-pagina in het CMS. Klik op ‘Tag groep toevoegen’ om een taggroep aan te maken. Je kunt hierbij denken aan groepen als ‘kleur’, ‘stijl’, trouwthema’s’ of ‘foto’.
Taggroep toevoegen in het CMS
NB: de titel is wat de klant ziet in de filters. Zorg dat je een titel hebt die duidelijk is voor de klant en die past bij de tags die je eronder hangt.
Klik op opslaan om de taggroep toe te voegen. Je ziet de taggroep nu in het overzicht.
Als je klikt op het bewerken van de taggroep, zie je de mogelijkheid om een tag toe te voegen aan deze taggroep.
Tag toevoegen in het CMS
Tip: vul een sorteervolgorde in als je wilt dat de klant de tags in de filters op een bepaalde volgorde ziet (populairste tags bovenaan, of op alfabet).
Klik op ‘voeg tag toe’. Je tag verschijnt nu in de lijst van ‘huidige tags’. Ook zie je het in het overzicht verschijnen.
Voor het maken en ‘opslaan ter beoordeling’ van designs verwijzen we je door naar de Editor Handleiding.
Na het opslaan van het 'Nieuw Ontwerp' ter beoordeling vind je in het CMS je designs terug onder CMS > Content > Voorgestelde Designs. Hier pas je de gegevens van het design aan, om het daarna online te zetten.
Designs opslaan op de site
Om het design online te zetten hebben we meer informatie nodig: de URL, Omschrijving, Life event label, Categorie en Tags. Bekijk het plaatje hieronder voor wat je moet doen. Hierna geven we extra uitleg over de URL, beschrijving, het life event label , het producttype label , het label en de tags. Daarna vertellen we je hoe je het design daadwerkelijk 'publiceert.
Design informatie invullen
Het belangrijkste aan het opslaan van een design is de URL. De URL is eigenlijk de digitale naam van het design. Deze is uniek en het is niet mogelijk 2 designs dezelfde URL te geven. Een goede URL zorgt ervoor dat een design goed te vinden is in Google.
Voorbeeld URL opbouw
Een URL bestaat uit verschillende onderdelen:
Wat vul je bij URL in?
Een goede URL bestaat uit verschillende beschrijvende woorden:
Wat mag niet in de URL?
Kortom, zorg voor voldoende variatie!
Variatie: Zorg bij het maken van URL’s voor genoeg variatie. In sommige gevallen is dat lastig. Probeer in dat geval synoniemen of bijvoeglijke naamwoorden te gebruiken. Het woord hout kun je bijvoorbeeld vervangen door het woord steigerhout, drijfhout of vergrijsd-hout. Heb je heel veel designs met bijvoorbeeld hout, dan zou je ook het woord hout weg kunnen laten en kunnen omschrijven dat het design landelijk is. Bijvoorbeeld: /landelijk-klassiek-hip
Hoog zoekvolume: Probeer woorden in je url te gebruiken met een hoog zoekvolume. Op het woord hip wordt bijvoorbeeld meer gezocht in Google dan het woord ‘blits’. Met Google Zoekwoordplanner kan je achterhalen wat goede zoekwoorden zijn.
Houd het klein: Je URL kan beter te kort zijn dan te lang. /lief-romantisch-roze-wit-stempel-foto-polaroid-tape-washitape-maskingtape-steigerhout-label-labeltje-strikje kan ook vervangen worden door bijvoorbeeld: /steigerhout-foto-strikje (mits deze nog niet bestaat uiteraard).
Deze omschrijving wordt getoond bij de overzicht-pagina onder de design-preview. Zie voorbeeld. Schrijf je beschrijving met oog op de klant, upsell (het noemen van een bijpassend kraamborrelkaartje bijvoorbeeld) en SEO.
Voorbeeld designs beschrijving op Hippe-geboortekaartjes
Je selecteert een live event-label, zodat statistieken aan dit evenement gekoppeld kunnen worden. Aan de hand van dit life-event worden gerelateerde producten aangeboden.
Dit label wordt getoond bij een kaart uit dezelfde collectie, bv een trouwcollectie, in de cross-sell rail
Dit label wordt getoond bij een kaart op een overzichtspagina zoals deze.
Via Extra specificaties kun je aangeven wat de minimale bestelhoeveelheid moet zijn van dit design. Onder standaard papiersoort, envelopkleur en standaard afmeting kun je de voorkeur aan geven waarop dit design 'standaard' wordt aangeboden. Sorteervolgorde kan genegeerd worden.
Via de knop Tags - Bewerken kom je bij het overzicht van tags die je aan het design kunt koppelen. Klik op Opslaan om de tags op te slaan.
Tags bewerken bij design.
Welke tags vink ik aan?
Vink alleen de tags aan die het meest relevant zijn voor je design. Bedenk wat de klant verwacht als hij hierop filters. Een rood trouwkaartje met bloemen waarvan 1 kleine bloem blauw is, tag je niet met ‘blauw’.
Deze product afbeeldingen - Featured Images worden in plaatst van de standaard systeem gegenereerde preview getoond. Voor een aantal Freeform designs (zoals bruiloftsborden, sluitzegels e.d.) wordt een automatisch Product in Picture Image (PIP) getoond.
Bij freeform designs met een actief product in picture component (PIP) op de PDP zie je nu ook de featured images van het design in de swiper. De featured images worden altijd na het PIP component getoond. Bij het wijzigen van opties op de PDP, springt de swiper altijd weer terug naar het PIP component.
Je kunt deze PIP overschrijven met je eigen Featured Image door de checkbox "The featured image will overwrite the automatic product image (PIP) on the product list page (PLP)" aan te vinken.
Featured Image bij design.
Het is ook mogelijk om de volgorde van de previews te veranderen door deze aan te klikken, vast te houden en te slepen.
Wat wordt er getoond op de overzichtspagina (PLP)?
Wat wordt er getoond op de product detail pagina (PDP)?
De grootte van een featured image is 500x500px op 72 dpi
Featured Image bij design op PDP.
De Feed images worden gebruikt door Google om te tonen in de zoekresultaten van Google Search.
Feed Image bij design getoond op Google.
Je hebt 2 buttons voor het opslaan van het design:
Opslaan: Met de knop ‘Wijzigingen opslaan’ kun je je bewerkingen tussentijds opslaan.
Design accepteren en toevoegen: Met de knop ‘design publiceren’ zet je het design online. Het verdwijnt uit het overzicht van ‘Voorgestelde ontwerpen’ en verschijnt op de subcategoriepagina waar je je design in hebt opgeslagen en in Designbeheer in het CMS.
Om de designs aan je klant te tonen wil je pagina’s maken waarop de klant de designs kan zien. Via CMS > Content > Pagina’s maak je eenvoudig pagina’s aan.
NB: de titel is het kopje wat verschijnt bij Google
De rest mag je voor nu laten zitten. Klik vervolgens op 'Pagina toevoegen'. Je zie de pagina nu verschijnen in het overzicht.
Maak een pagina
Door op het bewerken-icoontje te klikken, kan je de pagina in gaan richten.
Pagina inrichten
Bij type pagina kies je wat voor pagina je wilt maken.
Type pagina
Custom content: een pagina zonder designs of producten die worden ingeladen. Je kunt hier alles op zetten wat je wilt. Denk hierbij aan informatiepagina’s of een homepage waar geen producten en designs worden ingeladen.
Custom content + designs: Wil je een pagina met producten maken, dan kies je voor deze optie. Hier worden door jou gekozen productgroepen ingeladen. Hieromheen kan je zelf tekst en andere content plaatsen.
Custom content + extra producten: Wil je een pagina met producten maken, dan kies je voor deze optie. Hier worden door jou gekozen productgroepen ingeladen. Hieromheen kan je zelf tekst en andere content plaatsen.
Redirect naar andere pagina: Deze optie heb je nog niet nodig.
In dit blok vul je bij verschillende onderdelen teksten in die zowel voor je klant zijn als voor SEO.
Pagina inrichten
Titel: Dit is de titel die je zojuist hebt ingevoerd. Deze titel verschijnt in Google.
H1 Koptekst: Dit is de koptekst. Deze verschijnt bovenaan je pagina
Canonical URL: Je hebt dit niet vaak nodig. Dit gebruik je als je 2 pagina’s hebt met dezelfde content (inhoud). Dit ziet Google als nadelig en daarom kan je aangeven aan Google wat hiervan de belangrijkste pagina is.
Misschien is het je al opgevallen dat je homepage in het CMS ‘/home’ heet. Schrijf hierbij altijd bij ‘canonical URL’ ook je sitenaam zonder ‘/home’.
Meta description: Dit is de omschrijving die je in Google ziet. Kies je bewoording zorgvuldig, zodat je in een korte tekst de lezer nieuwsgierig maakt en gebruik maakt van de meest gekozen zoektermen.
Pagina volgorde: Dit is voor je eigen overzicht. Je kunt een paginavolgorde meegeven om de pagina’s onder CMS > Content > Pagina in een gesorteerde volgorde terug te vinden. Dit is niet noodzakelijk.
Pagina inhoud: Dit is het gedeelte van je pagina dat onder de H1 Koptekst komt en boven de designs/producten.
Maak dit gedeelte niet te lang, want de klant wil vooral jouw designs en producten zien.
Pagina footer: Dit is het gedeelte van je pagina dat onder de designs/producten komt. Hier kan je tekst, buttons, links, afbeeldingen ed kwijt. Je kunt dit gebruiken voor SEO-teksten (teksten die belangrijk zijn om goed te scoren in Google).
De ‘pagina inhoud’ en ‘pagina footer’ kun je vullen met tekst, buttons, afbeeldingen en alles wat je wilt. Je kunt het opmaken met behulp van de icoontjes bovenaan. Wil je weten waar de icoontjes voor zijn? Hover dan over de icoontjes en de uitleg komt vanzelf. Blokken en buttons kun je maken met behulp van de code op /styleguide. Check ook onze handleiding voor pagina-opmaak.
Gebruik zoveel mogelijk de broncode om je pagina netjes te houden. Hiervoor is kennis van html noodzakelijk. Als je Googled kan je hier veel meer over vinden. Lukt dit je nog niet, maak dan gebruik van de icoontjes.
In dit blok kan je instellingen aanpassen die te maken hebben met de navigatie voor de klant en hoe hij de designs op je pagina ziet.
Pagina instellingen
Welke widgetgroep? Hier heb je de keuze uit widgetgroepen die jij hebt aangemaakt. Deze widgetgroep verschijnt links op de pagina op je site als sidebar menu.
Hoeveel designs per rij (desktop)? Je kunt kiezen of je 3, 4 of 6 kaarten op een rij wilt laten zien.
Hoeveel kaarten per rij (mobiel)? Je kunt kiezen of je 1 of 2 kaarten op een rij wilt laten zien.
Is full width: Er wordt geen sidebar menu getoond.
Login verplicht: Je klant kan alleen door in te loggen op deze pagina komen.
Toont titels bij thumbnails: Onder de designs die op je pagina getoond worden staat de titel van het betreffende design.
Toont labels bij thumbnails: Onder de designs die op je pagina getoond worden staat het label van het betreffende design.
Toont product type labels bij thumbnails: Onder de designs die in de rail op de product detail pagina getoond worden staat het label van het betreffende design.
Pagina wordt NIET geindexeerd: De pagina wordt niet door Goolge beoordeeld zolang dit aan staat.
Pagina breadcrumbs aanzetten: Bovenaan de pagina wordt de breadcrumbs getoond.
Klantwaardering snippet: Ben jij aangesloten op een klantwaarderingssysteem zoals Feedback Company of Ekomi, dan kan je verder op in de site je klantwaarderingscijfer toevoegen. Wanneer je hier deze optie aanvinkt, verschijnen er zoveel sterren in Google voor deze pagina als past bij jouw klantwaardering van je site/merk.
Sorteervolgorde: Je kunt kiezen uit verschillende sorteervolgordes. ‘Populair’ wordt berekend aan de hand van het aantal klanten dat de detailpagina van het betreffende design zien. Dit is onderscheidend van ‘bestverkocht’. Bij het kiezen van ‘Aanbevolen’ blijven de designs staan, zoals je het hiervoor had (dus bijvoorbeeld op ‘bestverkocht’) en kun je de designs daarna verslepen naar een door jouw gewenste volgorde.
Nu ga je door naar het plaatsen van designs door middel van tags. Allereerst zie je de basis tags. Dit zijn de tags die automatisch aan de designs worden gehangen. Het systeem leest uit welke vorm het kaartje heeft en hoeveel bladzijdes en ook leest het uit door welke designer het is voorgesteld.
Tags op pagina instellen
Na de basis tags zie je de custom shop tags. Dit zijn de taggroepen die jij zelf hebt aangemaakt.
Aan de hand van de basis en custom tags kun je:
Bij de tags kun je kiezen uit ‘INIT’, ‘MENU’ of helemaal niets. Als je voor ‘INIT’ kiest worden de designs/producten met deze tag ingeladen op je pagina.
Je kunt ook meerdere tags op ‘INIT’ zetten. Het werkt dan als volgt:
Kies je bij een tag voor ‘MENU’ dan betekent dit dat deze tag als filteroptie op de pagina verschijnt. Voor elke tag die je op ‘MENU’ zet verschijnt de taggroep op de pagina en als je dit uitklapt zie je de tags die je hebt aangevinkt.
Je kunt kiezen hoe je de filters wilt laten zien:
Horizontaal bovenaan de pagina of in het linkermenu (sidebar)
Voorbeeld van filters horizontaal op de pagina
Met ‘Sla wijzigingen op’ of ‘Sla wijzigingen op en bewerk volgorde direct’ sla je de wijzigingen op en is je pagina aangemaakt. Wil je iets veranderen, dan kan dat altijd!
Alles over verkoopcijfers, categorieën en SEO. Je shop begrijpen is je shop laten groeien.
Hoe maak ik een gebruiksvriendelijk ontwerp van een kaart? Alles ins & out over de editor.
Alles stap voor stap uitgelegd om je shop gereed te maken voor Google zoekresultaten.
