Toggle sidebar

Widgets

Met een widget integreer je Mach3Cart direct op je eigen website. Klanten bestellen dan zonder je site te verlaten - de winkelwagen verschijnt als zwevend paneel of popup.

PRO-pakket vereist

"Voor widgets is het PRO-pakket vereist."

Widgets zijn alleen beschikbaar met het PRO-pakket. Zit je op een ander pakket? Open de checkout en kies Pakket om je pakket te bekijken of te wijzigen. Zie Upgraden of wijzigen.

De Basket Widget

"Op dit moment hebben we één widget genaamd Basket. Je kunt deze widget gebruiken om de winkelwagen op je website te tonen."

De Basket Widget is een zwevend paneel met je winkelwagen dat je op elke pagina van je eigen website kunt plaatsen. Klanten voegen producten toe, passen hoeveelheden aan en rekenen af - zonder dat ze je website verlaten.

Naar Widgets

Open je checkout en kies in de zijbalk onder Weergave voor Widgets.

Sectie 1 - Instellingen

Pas de widget aan aan je huisstijl.

Veld Opties Uitleg
Thema Licht / Donker De algehele kleurstelling van de widget.
Accent kleur Kleurenkiezer De kleur van knoppen en accenten.
Positie Linksonder / Rechtsonder Waar op de pagina het widget-paneel verschijnt.
Standaard taal Nederlands / Engels De beginnetaal van de widget.

Klik op Opslaan om je wijzigingen op te slaan. Je krijgt de melding "De wijzigingen zijn opgeslagen."

Test met Voorbeeld bekijken

Bovenaan de pagina zit de knop Voorbeeld bekijken. Die opent de widget in een nieuwe tab - zo zie je meteen hoe je instellingen eruit zien zonder eerst je eigen site aan te passen.

Sectie 2 - Implementatie

"Gebruik de Collection URL om producten op je website te tonen. Kopieer het script in de HEAD van je website om de Basket Widget toe te voegen."

Je hebt twee dingen nodig om de widget op je eigen website te laten werken.

1. Collection URL

De URL waar je website de productinformatie vandaan haalt. Te gebruiken door ontwikkelaars om producten dynamisch te tonen.

Het veld is alleen-lezen - klik op het kopieer-pictogram om de URL over te nemen.

2. Script

De code die je in de <head> van je eigen website plakt. Kopieer altijd het script uit het veld in Mach3Cart; daarin staan de echte waarden voor jouw checkout.

<script
    src=".../widgets/js/basket.js"
    data-company-token="..."
    data-company-id="..."
    defer
></script>

Ook dit veld is alleen-lezen met een kopieer-knop. Het voorbeeld hierboven laat alleen zien hoe het script eruitziet; gebruik voor je website altijd de complete code uit Mach3Cart.

Plaats het script in de HEAD

Plak het script in de <head> van elke pagina waarop de widget zichtbaar moet zijn. Plaats het script bij voorkeur in de algemene template van je website, zodat het op elke relevante pagina wordt geladen.

Hoe lanceer je de widget?

Ga in de zijbalk onder Weergave naar Widgets, stel thema, kleur, positie en taal in, en klik op Opslaan.

Kopieer het <script>-blok onder Implementatie.

Plaats het script in de <head>-sectie van je site. Een ontwikkelaar of webbouwer kan dit in de algemene template van je website plaatsen.

Bezoek je website - het widget-paneel verschijnt automatisch op de gekozen positie (linksonder of rechtsonder).
Hulp nodig?

De installatie vereist toegang tot de broncode, template-instellingen of het CMS van je website. Kun je daar zelf niet bij? Vraag je webbouwer om hulp - die weet hoe je een script in de HEAD plaatst.

Volgende hoofdstuk: Catalogus → Categorieën

Private Label