FAQ Categoriearchief
WebwinkelKeur Javascript integratie Google Tag Manager
Installatie van onze sidebar middels Google Tag Manager kan handig zijn wanneer je het laden van externe scripts overzichtelijk binnen Google Tag Manager wilt regelen. Tevens is het een oplossing voor elke webshop software die een Google Tag Manager ondersteuning biedt, maar geen andere mogelijkheden tot het plaatsen van Javascript code. Maak je gebruik van deze optie, zorg er dan voor dat onze javascript code niet nogmaals geladen wordt door een eventuele module. WebwinkelKeur Javascript integratie We gaan er in deze uitleg vanuit dat je al gebruik maakt van Google Tag manager en deze al juist binnen jouw webshop hebt geïnstalleerd. In deze uitleg maken we gebruik van de Engelstalige interface, de exacte opties kunnen iets anders heten afhankelijk van de taal van je GTM account. Stap 1: Allereerst log je in op je Google Tag manager account en klik je op de container welke gebruikt wordt binnen jouw webshop. [caption id="attachment_62578" align="aligncenter" width="790"] Kies de juist container[/caption] Stap 2: We gaan nu de code voor WebwinkelKeur toevoegen aan de container. Klik hiervoor in het menu links op 'Tags' en klik vervolgens op de knop 'New' om een nieuwe tag aan te maken. Stap 3: Bovenaan staat nu de tekst 'Untitled Tag' - klik hier op om deze te bewerken en verander de naam naar 'WebwinkelKeur javascript' . Stap 4: Klik vervolgens op 'Tag Configuration' , er opent zich nu een scherm, scroll naar onderen en onder het kopje 'Custom' voor ' aangepaste HTML ' om je eigen code in te voeren. Stap 5: Er verschijnt nu een venster om je HTML code in te voeren. Kopieer hierin de javascript code welke je vind in jouw dashboard onder 'Installatie' -> 'Sidebar'. [caption id="attachment_62574" align="aligncenter" width="787"] De Javascript code ingesteld via GTM[/caption] Stap 6: Klik vervolgens onderaan op 'Triggering' . Kies daarna in het venster wat verschijnt voor 'All Pages' . [caption id="attachment_62575" align="aligncenter" width="725"] Stel 'Triggering' in op 'All pages' zodat de sidebar op alle pagina's van je webwinkel verschijnt.[/caption] Stap 7: Kies nu bovenaan voor 'Save' om de code op te slaan en daarna op ‘Verzenden’ Stap 8: Klik vervolgens bovenaan je scherm op ' Publish' om je wijzigingen naar je webshop te publiceren. Er verschijnt dan een scherm waar je een naam voor de wijziging kunt opgeven, dit kun je leeg laten en op ‘Doorgaan’ klikken. Hierna kun je verder met de volgende stap (Google tag manager koppelen aan Mijnwebwinkel). Deze gehele uitleg nakijken? Bekijk dan onze video op Youtube .
Verder lezenInstallatie module Opencart
Integratie Opencart module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Opencart te installeren. Stap 1: Download de module vanaf OpenCart.com Stap 2: Upload de bestanden in de map src/ naar de webserver (we raden een backup van jouw webshop aan alvorens installatie). Stap 3: De module kan nu worden ingeschakeld in de administratieinterface. Stap 4: Vul jouw webwinkel ID en API key in en configureer de module (deze gegevens zijn te vinden via ons Dashboard > Installatie). Stap 5: Het aanvragen van de uitnodigingen gebeurt automatisch zodra iemand je site bezoekt. Je kunt wel alsnog de cronjob wilt instellen zodat deze niet afhankelijk is van bezoekers aan de site, maar in de praktijk is dit niet noodzakelijk. Wil je wel een cronjob instellen, zorg dan dat de volgende url periodiek wordt aangeroepen https://www.uw-webwinkel.nl/index.php?route=module/webwinkelkeur/cron Stap 6: Test jouw webshop goed na installatie en controleer of er geen conflicten zijn met andere (javascript)codes. Stap 7: Maak je gebruik van reviewverzoeken, kijk dan in het WebwinkelKeur dashboard onder "Uitnodigingen beheren" of er geen foutmeldingen zijn en of uitnodigingen juist worden verstuurd.
Verder lezenInstallatie module Prestashop
Integratie Prestashop module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Prestashop te installeren. Stap 1: Download de PrestaShop module. Stap 2: Upload de ZIP via de online beheer interface van Prestashop, klik hiervoor op 'Modules & Services' en kies rechtsboven voor 'Module toevoegen'. Upload daarna de via WebwinkelKeur gedownloade ZIP. We raden het aan om een backup van jouw webshop te maken alvorens installatie. Stap 3: De module kan nu worden geïnstalleerd in de administratieinterface. Stap 4: Vul je webwinkel ID en API key in en configureer de module (deze gegevens zijn te vinden onderaan de pagina met banner materiaal). Stap 5: Test jouw webshop goed na installatie en controleer of er geen conflicten zijn met andere (javascript)codes. Plaats minimaal een testbestelling om het te controleren. Stap 6: Verstuur je automatisch uitnodigingen? Kijk dan op je WebwinkelKeur dashboard onder "Uitnodigingen beheren" of er geen foutmeldingen zijn en of uitnodigingen juist worden verstuurd.
Verder lezenInstallatie module Wordpress / WooCommerce
Integratie Wordpress / WooCommerce module voor WebwinkelKeur Stap 1: Ga naar je WordPress Admin Panel (inloggen kan vaak via naamwebwinkel.nl/wp-admin/ ) Stap 2: Klik op 'Plugins' > 'Nieuwe plugin'. Stap 3: Type in het zoekveld 'WebwinkelKeur' in > klik op 'Plugin zoeken' en je zal de WebwinkelKeur module vinden. Stap 4: Klik bij de WebwinkelKeur plugin op 'Nu installeren'. Je krijgt nu de vraag of je deze echt wil installeren, bevestig dit. Stap 5: Afhankelijk van je hosting wordt de plugin nu direct geïnstalleerd. Soms wordt er gevraagd jouw FTP gegevens in te vullen. Deze worden door jouw webhost beschikbaar gesteld. Mocht dit niet werken of mocht je de plugin liever handmatig installeren, dan is deze te downloaden via Wordpress.org. Stap 6: Je krijgt nu de melding dat de plugin is geïnstalleerd. Klik vervolgens op 'Plugin activeren'. Stap 7: De plugin opties zijn nu beschikbaar onder 'Plugins' > 'WebwinkelKeur'. Vul je persoonlijke webwinkel ID + API code in. Deze gegevens vind je onder 'Keurmerk plaatsen' na inloggen op je WebwinkelKeur account. Stap 8: Selecteer vervolgens op je de sidebar weer wilt geven en selecteer of je klanten wil uitnodigen tot het delen van ervaringen. Het aantal reviewverzoeken dat je per maand kunt versturen hangt af van het door jouw gekozen WebwinkelKeur pakket. Stap 9: Test jouw webshop goed na installatie en controleer of er geen conflicten zijn met andere (javascript)codes. Dit doe je door zelf een testorder te plaatsen en daarbij te controleren of er niets mis gaat. Controleer ook of bijvoorbeeld afbeeldingsliders nog zonder problemen werken. Stap 10: Meer instellingen waaronder de weergave van de sidebar of de inhoud van de reviewverzoeken zijn via het WebwinkelKeur dashboard te configureren.
Verder lezenInstallatie module Drupal
Integratie Drupal module voor WebwinkelKeur Deze uitleg is bedoeld om de Drupal module te installeren. Stap 1: Download de Drupal module Stap 2: Upload de map webwinkelkeur/ naar de map sites/all/modules/ op je server. Stap 3: Navigeer naar de pagina 'Modules' binnen de Drupal-installatie. Stap 4: Activeer de gewenste modules onder het kopje 'WebwinkelKeur'. Stap 5: Navigeer naar de pagina 'Instellingen' ('Configuration') en loop de instellingen van de verschillende modules na. Stap 6: Vul je persoonlijke webshop ID + API code in. Deze gegevens vind je onderaan de pagina 'Keurmerk plaatsen' na inloggen op je webwinkelkeur.nl. Stap 7: Je moet je instellingen opslaan voordat de sidebar wordt getoond. Stap 8: Controleer de werking van je webshop door een testbestelling te plaatsen.
Verder lezenInstallatie module myShop
Integratie myShop module voor WebwinkelKeur Stap 1: Login op dashboard.webwinkelKeur.nl met je eigen persoonlijke login. Stap 2: Na het inloggen kom je op het Dashboard terecht. Kies hier in het menu links voor 'Installatie'. Stap 3: Volg de installatie wizard totdat je in stap 2 aan komt voor de widget of in stap 3 voor de banners (logo). In dit voorbeeld installeren we de bannercode uit stap 3 van de installatie wizard. Stap 4: Na het kiezen van het materiaal dat je wilt plaatsen op je webshop, verschijnt er een HTML code. Selecteer deze code met je muis en kopieer deze code. Stap 5: Log nu in op je MyShop omgeving . Stap 6: Klik in het menu van MyShop links op de naam van je webwinkel (zie de afbeelding). Stap 7: Ga naar 'Pagina selecteren' en klik op 'Homepagina'. Je krijgt nu onderstaand scherm te zien: Stap 8: Klik op 'Tekst' en sleep deze naar het menu (zie de rode pijl). Vervolgens dubbelklik op het tekstblok (of je kiest voor het potloodje 'aanpassen'). Stap 9: Je krijgt nu onderstaand scherm te zien, klik op 'Broncode'. Stap 10: Voer de broncode in en sla deze op. Klik vervolgens opnieuw op 'Broncode' (het tekstblok wordt nu weer blanco) en verlaat het scherm. Wil je een andere widget of banner uitproberen? Ga dan naar het tabblad 'Promotie' en klik op 'Widget' of 'Banners'. Hier vind je verschillende versies met hun eigen HTML-code.
Verder lezenInstallatie module Luondo
Integratie Luondo module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Luondo te installeren. Stap 1: Login op jouw Luondo account. Stap 2: Activeer de Luondo module door te kiezen voor 'Instellingen' en vervolgens te kiezen voor 'Externe websites'. Klik hierna op keurmerken en kies voor WebwinkelKeur door op het logo te klikken. Stap 3: Zet een vinkje bij 'Webwinkelkeur plugin activeren'. Stap 4: Vul je persoonlijke webwinkel ID + API code in. Deze gegevens vind je onder 'Installatie' > 'Wizard' na inloggen op je WebwinkelKeur dashboard. Stap 5: Vul de overige opties naar wens in. Klik op Opslaan om de aanpassingen te verwerken. Stap 6: Test je webshop goed na installatie en controleer of er geen conflicten zijn met andere (javascript)codes binnen jouw webshop. Dit doe je door zelf een testorder te plaatsen en daarbij te controleren of er niets mis gaat. Controleer ook of bijvoorbeeld afbeeldingsliders nog zonder problemen werken. Stap 7: We raden je aan om ook de WebwinkelKeur widget te plaatsen.
Verder lezenInstallatie module Shoppagina
Integratie Shoppagina module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Shoppagina te installeren. Stap 1: Login op jouw Shoppagina webshop. Stap 2: Ga naar 'Bewerk mijn webshop'. Stap 3: Klik in het linkermenu op 'Externe koppelingen', kies vervolgens bij 'Klantervaring voor WebwinkelKeur'. Stap 4: Zet koppeling ingeschakeld op 'Ja'. Vul je persoonlijke webwinkel ID + API wachtwoord in. Deze gegevens vind je onder 'Wizard' in het tabblad 'Installatie' na het inloggen op het WebwinkelKeur dashboard. Stap 5: Vul de overige opties naar wens in. Stap 6: Vergeet bovenaan het tabblad 'Keurmerk plaatsen' niet om ook de sidebar te activeren. Klik op 'Opslaan' om de aanpassingen te verwerken. Stap 7: Test eventueel de koppeling door een bestelling te plaatsen en deze op 'Betaald' en 'Verzonden' te zetten. Log vervolgens in op WebwinkelKeur en kijk bij 'Uitnodigingen' of de uitnodiging ook ingepland staat om verzonden te worden. Stap 8: Plaats naast de koppeling ook aanvullend materiaal voor een betere conversie en activeer de rich-snippets.
Verder lezenInstallatie module Shoptrader
Integratie Shoptrader module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Shoptrader te installeren. Stap 1: Login op je Shoptrader account. Stap 2: Ga naar 'Add-ons' en klik op 'WebwinkelKeur' (kan in de categorie Keurmerken gevonden worden). Stap 3: Activeer de WebwinkelKeur add-on. Stap 4: Ga naar 'Configuratie' > 'Configuratie Add-ons'. Stap 5: Kies 'WebwinkelKeur'. Stap 6: Vul je webwinkel ID _______ en API code ____________ in. Stap 7: Configureer verder de module naar je wensen. Stap 8: Test de installatie uitvoerig en check vooral de incompatibiliteit met bestaande (JavaScript) code. Het is aanbevolen een testaankoop te doen en te kijken of hierbij geen fouten opduiken. Je kunt ook checken of alle bestaande afbeelding sliders nog werken. Stap 9: Je kunt 'Beheer uitnodigingen' raadplegen om te verifiëren dat uitnodigingen verzonden worden. Stap 10: Wil je gebruik maken van de review widget, dan dien je de code van het javascript te kopiëren naar een tekstbestand en dit bestand moet je mailen naar vragen@shoptrader.nl met een duidelijke beschrijving waar je de widget in de webshop wilt tonen.
Verder lezenInstallatie module Zen-Cart
Integratie Zen-Cart module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Zen-Cart te installeren. Stap 1: Download de module via de Zen-Cart website. Stap 2: Upload de inhoud van de map 'Includes' naar jouw includes map van je Zen-Cart installatie. Stap 3: Open het bestand includes/modules/pages/checkout_success/header_php.php en pas rond regel 108 de configuratie aan met jouw persoonlijke WebwinkelKeur ID en WebwinkelKeur API key. Deze gegevens vind je onder 'Keurmerk plaatsen' na inloggen op je WebwinkelKeur account . Stap 4: Pas eventueel het aantal dagen aan waarna de klant de uitnodiging krijgt. Standaard staat deze op 10 dagen na het plaatsen van de bestelling. Stap 5: Test de koppeling en de werking van de webshop door een bestelling te plaatsen. Log vervolgens in op WebwinkelKeur en kijk bij 'Uitnodigingen' of de uitnodiging ook ingepland staat om verzonden te worden. Onderstaand de code waar de Zen-Cart module geconfigureerd mee kan worden
Verder lezenInstallatie module Shopify
Integratie Shopify module voor WebwinkelKeur Volg onderstaande stappen om de WebwinkelKeur module bij Shopify te installeren. Stap 1: Klik op deze link om naar onze app in de Shopify app store te gaan en klik op Installeren (Als je je al bij ons hebt geregistreerd is de app gratis). Stap 2: Vul je persoonlijke webwinkel ID + API code in. Deze gegevens vind je onder "Installatie > Automatische reviews" na het inloggen op je WebwinkelKeur dashboard. Stap 3: Vul de overige opties na eigen voorkeur in, vergeet geen vinkje te zetten bij 'Sidebar weergeven' als je de WebwinkelKeur sidebar wilt gebruiken. Stap 4: Test jouw webshop goed na installatie en controleer of er geen conflicten zijn met andere (javascript)codes. Dit doe je door zelf een testorder te plaatsen en daarbij te controleren of er niets mis gaat. Controleer ook of bijvoorbeeld afbeeldingsliders nog zonder problemen werken. Stap 5: Optioneel kun je ook de WebwinkelKeur widget plaatsen. [video width="1960" height="1056" mp4="https://www.webwinkelkeur.nl/wp-content/uploads/2016/09/Installatie-Shopify-module.mp4" poster="https://www.webwinkelkeur.nl/wp-content/uploads/2016/09/installatie-poster-1.png"][/video]
Verder lezenInstallatie module Joomla 2.5-3 / Virtuemart / Hikashop
Integratie Joomla / Virtuemart / Hikashop module voor WebwinkelKeur De Joomla / Virtuemart / Hikashop module kun je eenvoudig installeren door middel van de volgende stappen. Stap 1: Download de Joomla/Virtuemart/Hikashop module. Stap 2: Maak indien mogelijk een backup van jouw webshop. Stap 3: Open de Joomla administratieinterface. Stap 4: Ga naar 'Extensiebeheer' in het menu 'Extensies'. Stap 5: Kies bij 'Pakketbestand' het bestand 'pkg_webwinkelkeur.zip'. Stap 6: Klik op 'Uploaden & installeren'. Stap 7: Ga naar 'WebwinkelKeur' in het menu 'Componenten' en configureer de module. Stap 8: Controleer of de sidebar op je site wordt getoond. Stap 9: Controleer de werking van je webshop door een testbestelling te plaatsen. Integratie H ikashop Gebruik jij Hikashop? De nieuwste versie van onze module ondersteunt ook Hikashop. We detecteren automatisch of je Hikashop en/of Virtuemart gebruikt. Veel voorkomende problemen: Bestellingen moet de status 'Shipped' krijgen. Wil je de uitnodiging al versturen bij de status 'Confirmed', dan is een kleine aanpassing in de code noodzakelijk. Zowel de component als de plugin moeten actief zijn voor een goede werking. [caption id="attachment_23438" align="aligncenter" width="795"] Voorbeeld van de configuratie van de Virtuemart / Joomla component[/caption] De module is ontwikkeld voor Joomla versie 2.5 en VirtueMart versie 2, maar werkt ook foutloos bij Joomla versie 3.4.8 en Virtuemart 3.0.12. De Hikashop plugin is getest op HikaShop Business: 2.6.1.
Verder lezen