FAQ Categoriearchief
Installatie instructies Shoppagina rich snippets
Installatie module Shoppagina rich snippets Rich-Snippet sterren zijn de sterren in de organische zoekresultaten van Google (dus niet de sterren in de Google Ads (voorheen Adwords)). De rich snippet sterren zijn primair bedoeld om bijvoorbeeld productreviews in de zoekresultaten weer te geven om zodoende de zoekresultaten te verrijken met andere informatie. Ze zijn echter ook te gebruiken om de voorpagina van je webshop van sterren te voorzien in de zoekresultaten. Dit is echter wel op eigen risico, het beleid van Google met betrekking tot het gebruik van Rich-Snippets kan in de toekomst wijzigen. Het gebruik van Rich-Snippets middels Shoppagina is eenvoudig te regelen. Allereerst moet de shoppagina koppeling geactiveerd worden. Na activering van de koppeling is de rich snippet code eenvoudig te plaatsen met de volgende stappen: Stap 1: Login op je Shoppagina webshop. Klik op 'Bewerk Webshop'. Stap 2: Ga nu bovenaan (linker menu) naar 'Pagina's beheren' en kies voor 'Pagina overzicht'. Stap 3: Klik bij de pagina 'Webshop op bewerken'. Stap 4: Bepaal de plek waar je de rich snippet wilt plaatsen, bijvoorbeeld de 'Pagina footer'. Stap 5: Kies onder 'Externe koppeling' voor de optie 'WebwinkelKeur Rich Snippet'. [caption id="attachment_2227" align="alignnone" width="547"] WebwinkelKeur rich snippets[/caption] Stap 6: Kies op 'Toepassen' en vervolgens voor 'Opslaan' om de wijzigingen op te slaan. Stap 7: Bekijk nu je webwinkel en je ziet op de gekozen plek de Rich Snippet verschijnen. Google bepaalt vervolgens zelf of de sterren in de zoekresultaten worden weergegeven. Dit duurt minimaal enkele dagen, omdat Google jouw webwinkel moet indexeren.
Verder lezenWebwinkelKeur installatie Mijnwebwinkel GROW
Je hebt gekozen voor Mijnwebwinkel Grow. Nu is het natuurlijk wel fijn om te weten hoe je bepaalde dingen kan tonen of plaatsen op je webwinkel. Maak een QR-code of NCF tag aan om reviews te verzamelen voor je webwinkel. Deze kan je bijvoorbeeld meesturen met je bestelling. Probeer alle badges en zekerheden te verzamelen op je ledenpagina Download ons logo in het dashboard > offline en print en plaats deze op je webwinkel om extra vertrouwen te boosten.
Verder lezenDe webwinkelkeur javascript integratie
Om gebruik te maken van de WebwinkelKeur javascript integratie dient een klein stukje javascript code op jouw webwinkel geplaatst te worden. De javascript integratie zorgt o.a. voor de werking van zowel de sidebar als de tooltip . De meeste WebwinkelKeur modules plaatsen deze code automatisch. Geen module voor jouw webwinkel? Dan kun je de code handmatig plaatsen (je vindt de code daarvoor na inloggen op https://dashboard.webwinkelkeur.nl bij Promotie > Sidebar). De javascript integratie doet meerdere dingen: Weergave van WebwinkelKeur sidebar. Weergave van Tooltip als je over WebwinkelKeur logo gaat. Openen van "lightbox*"-weergave om informatie over webwinkel binnen eigen webwinkel weer te geven. *Lightbox houdt in dat de gegevens binnen de eigen webwinkel worden getoond, zodat de webwinkel niet verlaten hoeft te worden. Code voor javascript integratie De standaard code voor de javascript integratie met sidebar ziet er als volgt uit, hierbij wordt <het ID van de webwinkel> vervangen het ID van de betreffende webwinkel: <script> _webwinkelkeur_id = <het ID van de webwinkel> //_webwinkelkeur_sidebar = true; //_webwinkelkeur_sidebar_position = "left"; //_webwinkelkeur_sidebar_top = "300"; //_webwinkelkeur_sidebar_theme = "dark"; //_webwinkelkeur_mobile = "bottom"; //_webwinkelkeur_mobile_tab = "left"; //_webwinkelkeur_tooltip = true; //_webwinkelkeur_language = <webwinkel's standaard>; </script> <script async src="https://www.webwinkelkeur.nl/js/sidebar.js"></script> Vervolgens zijn er diverse instellingen, deze instellingen kun je eenvoudig wijzigen door in te loggen op https://dashboard.webwinkelkeur.nl en naar Promotie > Sidebar te gaan. Daar kun je o.a. configureren aan welke kant van het scherm de sidebar standaard wordt weergegeven en waar deze op een mobiele telefoon wordt weergegeven. De wijziging kan door caching niet direct zichtbaar zijn. Schoon je browser cache op om direct de wijziging te zien. [caption id="attachment_91068" align="aligncenter" width="1024"] Sidebar opties zijn online te configureren[/caption] Meertaligheid Heb je een PRO-pakket? Dan is de sidebar ook meertalig in te stellen. Dit kan door online een standaard taal te kiezen, of de instelling "Gebaseerd op URL" voor taal te gebruiken. Bij deze instelling zal de sidebar op basis van de eerste waarde achter de / de taal kiezen. Zo zal de sidebar op www.webwinkelnaam.nl/en/pagina.html in het Engels worden weergegeven en op www.webwinkelnaam.nl/de/pagina.html in het Duits. De taal in de code instellen kan met de variabele "_webwinkelkeur_language", je leest hierover meer onder het kopje "Instellingen overschrijven" op deze pagina. [caption id="attachment_91069" align="aligncenter" width="502"] De javascript integratie meertalig instellen[/caption] Link naar pop-up Naast de sidebar heb je ook de mogelijkheid om een Lightbox weergave van WebwinkelKeur binnen je eigen webwinkel op te roepen. Je kunt daarmee bijvoorbeeld beoordelingen tonen of jouw gemiddelde score weergeven binnen jouw eigen webwinkel. Dit doe je door een link te voorzien van de betreffende class. Het attribuut 'class' wordt in het programmeren gebruikt om te verwijzen naar een specifiek stuk code (de 'class') in een stylesheet, maar bijvoorbeeld ook in javascript om wijzigingen in HTML-elementen met een bepaalde klasse te kunnen realiseren. Hiervoor heeft WebwinkelKeur de classes webwinkelkeurPopup , webwinkelkeurReviews en webwinkelkeurAddReview beschikbaar gesteld. Vervang hierbij "#" met de URL van jouw ledenpagina. Link naar popup met overzicht webwinkelgegevens De volgende link geeft de pop-up weer met de bedrijfsgegevens en de gemiddelde waardering. Dit overzicht biedt de mogelijkheid om door te klikken naar de overige pagina’s. <a href="#" class="webwinkelkeurPopup">Wij zijn geverifieerd door WebwinkelKeur</a> Link voor weergeven klantbeoordelingen De volgende link geeft de pop-up weer voor het delen van een klantbeoordeling. Op deze manier kun je bezoekers eenvoudig wijzen op de mogelijkheid om een klantbeoordeling te plaatsen <a href="#" class="webwinkelkeurReviews">Bekijk reviews</a> Link voor plaatsen klantbeoordeling De volgende link geeft de pop-up weer met jouw klantbeoordelingen. De gebruiker kan hier eenvoudig doorklikken naar de pagina om een eigen ervaring te delen. <a href="#" class="webwinkelkeurAddReview">Hoe beoordeel je deze webwinkel?</a> Instellingen overschrijven Via ons dashboard kun je de standaard instellingen van de javascript configuratie instellen, we raden je dan ook aan om bij voorkeur de weergave van de sidebar middels ons dashboard te configureren. Wil je deze echter op een bepaalde pagina overschrijven, dan kan dit. Hiervoor kun je gebruik maken van diverse javascript variabelen. Wil je een bepaalde instelling voor elke pagina wijzigen, dan raden we aan dit niet via javascript te doen, maar via de instellingen op ons Dashboard. Variabel Waarde Standaard Beschrijving _webwinkelkeur_id Numeriek Verplicht De ID van de webwinkel waarvoor je de sidebar wilt weergeven. _webwinkelkeur_sidebar true of false true Activeert de sidebar. _webwinkelkeur_sidebar_position "left" of "right" "left" Aan welke kant van het scherm de niet-mobiele sidebar getoond moet worden. _webwinkelkeur_sidebar_top String met de hoeveelheid in pixels (bijv. "100") of een percentage (bijv. "20%") "300" De hoeveelheid offset vanaf de bovenkant van het scherm. _webwinkelkeur_sidebar_theme "dark" of "light" "dark" Het thema van de sidebar. _webwinkelkeur_mobile "top", "top_left", "top_right", "top_manual", "bottom", "bottom_left", "bottom_right", "bottom_manual" of "none" "bottom" Activeert de sidebar voor mobiele bezoekers, en zo ja, waar het tabblad geplaatst wordt. Wanneer de mobiele sidebar in de eerste instantie wordt weergegeven is alleen een klein tabblad zichtbaar. Door op het tabblad te klikken schuift de sidebar in het scherm en wordt meer informatie weergegeven. _webwinkelkeur_mobile_tab "left", "center" or "right" "left" Verandert de positie van de mobiele zijbalk, gebaseerd op de breedte van de tooltip. _webwinkelkeur_tooltip true of false true Activeert de tooltip. _webwinkelkeur_language De ISO-639-3 waarde van een van onze ondersteunde talen (bijv. "nld"), "url", "html" of "browser" <webwinkel's standaard> De taal van de sidebar en zijn popup. Naast het instellen van een specifieke taal, kun je ons ook laten bepalen welke taal het beste is a.d.v. de url ("url"), het language attribuut ("html") of de geprefereerde taal van de bezoeker ("browser"). Praktijkvoorbeeld Zelf testen hoe de WebwinkelKeur javascript integratie werkt? Dan kan eenvoudig via JSFiddle . Volledige documentatie Bekijk de volledige documentatie van onze mogelijkheden via deze pagina .
Verder lezenInstallatie module Magento
Integratie Magento module voor WebwinkelKeur Stap 1: Download onze plug-in via Github . Stap 2: Log vervolgens in op het 'Magento Administratie Paneel'. Stap 3: Ga naar 'Tabblad System' > 'Magento connect' > 'Magento ConnectManager'. Stap 4: Upload de '.tgz' file bij 'Direct package file' upload. Stap 5: Klik op 'Upload' om de extensie te installeren. Stap 6: Leeg voor de zekerheid de Magento cache, log uit en log opnieuw in. Stap 7: Ga naar 'Tabblad System' > 'Configuratie', kies bij de configuratie vervolgens voor 'WebwinkelKeur' > 'Configuration'. Stap 8: Je ziet nu het scherm zoals in onderstaande afbeelding. [caption id="attachment_2175" align="alignnone" width="600"] Configureer de WebwinkelKeur Magento module[/caption] Stap 9: De waardes die je kunt invullen voor de twee velden 'Webwinkel-ID' en 'API sleutel' kun je vinden door in te loggen binnen het WebwinkelKeur dashboard . Ga hiervoor naar het tabblad 'Installatie' > 'Selecteer software' > kies 'Magento'. In stap 8 zie je dan jouw webwinkel ID en API sleutel staan. Wanneer je deze waardes overneemt is de basis van de module gekoppeld. Je kunt nu vervolgens zelf instellen welke onderdelen van de module je wilt gebruiken. Stap 10: De WebwinkelKeur koppeling is nu gereed. Het is aanbevolen om eerst een test aankoop te doen en te kijken of hierbij geen fouten opduiken. Je kunt ook checken of alle bestaande afbeelding sliders nog werken.
Verder lezenInstallatie instructies CCV Shop HTML code plaatsen
Naast de CCV module kun je ons keurmerk materiaal makkelijk op jouw CCV webshop plaatsen. Deze pagina legt je stap voor stap uit hoe je de HTML code voor de review widget en/of de keurmerk banner eenvoudig op jouw webshop kunt plaatsen. Stap 1: Genereer de widget code via de Widget genereren wizard. Login binnen je WebwinkelKeur dashboard , klik op 'Installatie', Ga naar Stap 2. Lees voor een volledige uitleg " Widget code genereren ". Niet de widget plaatsen, maar wel het keurmerk logo? Kies dan het betreffende logo bij Stap 3 en kopieer de HTML code. Stap 2: Login binnen CCV Shop en ga naar 'Mijn webshop' > 'Instellingen > Lay-out' en kies daar onder het tabblad Webwinkel thema's . [caption id="attachment_2096" align="aligncenter" width="600"] Selecteer webwinkel thema's[/caption] Stap 4: Klik vervolgens op de knop ' Banners' bij het thema dat je momenteel gebruikt. [caption id="attachment_2097" align="aligncenter" width="222"] Klik op Banners[/caption] Stap 3: Kies een vensterset dat nog niet in gebruik is. In ons voorbeeld kiezen we voor Vensterset 2. Klik vervolgens op 'Toevoegen' - er opent zich nu een nieuw venster. Stap 4: Kies bij type voor HTML-banner. Er verschijnt nu een groot tekstveld. Stap 5: Plak nu de code zoals je deze gegenereerd hebt in de wizard van Stap 1 op de plek waar de widget moet verschijnen. [caption id="attachment_2095" align="aligncenter" width="600"] Plak de HTML code in dit venster[/caption] Stap 6: Ga weer naar 'Mijn webshop' > 'Instellingen' > ' Webwinkel thema's' en kies deze keer voor ' Venster indeling' . [caption id="attachment_2098" align="aligncenter" width="226"] We kiezen nu voor Venster indeling[/caption] Stap 7: Kies nu de plek waar je de widget (of banner) wilt weergeven. In het voorbeeld kiezen we voor Venster 1 in de rechter kolom. We kiezen daar onder 'Inhoud venster' voor de optie 'Banners vensterset 2'. Mocht je in stap 3 een andere vensterset hebben gebruikt, kies dan voor die vensterset. Stap 8: Klik nu onderaan de pagina op 'Toepassen'. De widget is nu direct zichtbaar op jouw webshop. Ook nog 1 van de banners plaatsen? Kopieer in stap 1 dan de HTML-code van de banner en plaats deze op dezelfde manier in een vrij 'Vensterset'. [caption id="attachment_2099" align="aligncenter" width="550"] In ons voorbeeld is de widget nu rechts zichtbaar op de webwinkel[/caption]
Verder lezenHTML code genereren voor WebwinkelKeur widget
De WebwinkelKeur widget maakt het mogelijk om de laatste klantervaringen + de gemiddelde klantwaardering weer te geven op jouw eigen webwinkel. Deze widget is middels een klein stukje javascript op vrijwel elke webwinkel te plaatsen. 1. Login op dashboard.webwinkelKeur.nl met je eigen persoonlijke logininformatie 2. Na het inloggen kom je op het Dashboard terecht. Kies hier in het menu links voor Installatie en klik vervolgens op Widget 3. Je komt nu op de pagina om de Widget code aan te maken. Doorloop hier alle stappen door zelf het uiterlijk en afmetingen van de widget te bepalen. Hierbij kunnen alleen leden met een PLUS account de hoofdkleur van de widget wijzigen. 4. Onderaan de pagina verschijnt staat een knop met 'ontvang code'. Zodra je hierop klikt ontvang je de unieke code voor de widget. Selecteer hierbij de gehele code in het tekstveld links naast de voorbeeld weergave en plak deze in de code van jouw webwinkel op de plek waar je wilt dat de widget moet verschijnen.
Verder lezen