11. Widgets gebruiken in de nieuwe UI

PRO-pakket vereist

Widgets, waaronder de Basket Widget, zijn beschikbaar met het PRO-pakket. Zie je een upgrade-melding, dan past de functie niet bij het pakket van de actieve checkout.

Met widgets kun je Mach3Cart verbinden met je eigen website. De belangrijkste widget is de Basket Widget: een winkelwagen die op je website zichtbaar is en gekoppeld is aan één specifieke checkout.

Wat is verbeterd?

De widgetpagina is duidelijker ingericht. Je ziet op één plek:

  • welke checkout bij de widget hoort;
  • welke instellingen beschikbaar zijn;
  • welke code je met je webbouwer kunt delen;
  • hoe de widget eruitziet in de preview;
  • wanneer een pakketupgrade nodig is.

Dat maakt het makkelijker om de juiste widgetinformatie te gebruiken, vooral als je met meerdere checkouts werkt.

Waar vind je widgets?

Open de juiste checkout en kijk in de zijbalk onder Weergave bij Widgets.

Elke checkout heeft eigen widgetinstellingen en eigen implementatiecode. Gebruik dus altijd de code van de checkout waar klanten bestellen.

Onderdelen op de widgetpagina

Onderdeel Waarvoor gebruik je dit?
Collection URL Technische URL voor ontwikkelaars of dynamische productweergave.
Script Code die je webbouwer in de website of template plaatst.
Thema Lichte of donkere weergave.
Accentkleur Kleur voor knoppen en accenten.
Positie Links- of rechtsonder op de website.
Standaardtaal Taal waarin de widget opent.
Preview Bekijken hoe de widget eruitziet.

Script gebruiken

  1. Open de juiste checkout.
  2. Ga naar Weergave en kies Widgets.
  3. Stel thema, kleur, positie en taal in.
  4. Sla de instellingen op.
  5. Kopieer het script onder Implementatie.
  6. Deel het script met je webbouwer of plaats het in de template van je website.
Voor webbouwers

Plaats altijd het echte script uit Mach3Cart. Gebruik voorbeeldcode uit documentatie niet als vervanging voor de code van je eigen checkout.

Twee voorbeelden

Widget op de hele website

Je webbouwer plaatst het script in de algemene header of template. De widget verschijnt dan op pagina's waar die template wordt geladen.

Widget op specifieke pagina's

Wil je de widget alleen bij producten, tickets of bestelinformatie tonen, dan kan je webbouwer het script alleen op die pagina's laden.

Widgets horen bij PRO. Open Pakket binnen de checkout om het actieve pakket te bekijken.

Bekijk of het script uit de juiste checkout komt, op de juiste pagina staat en door je website of browser geladen mag worden.

Werk je met meerdere checkouts, gebruik dan per website of verkoopstroom de widgetcode van de juiste checkout.