Samenvatting
De Basket Widget is een zwevend paneel met de winkelwagen van Mach3Cart, dat je op je eigen website zet. Je klant bestelt dan zonder je website te verlaten. De widget vraagt bij Mach3Cart het pakket .
Je stelt de widget in Mach3Cart in en kopieert daar het script. In Mach3Blocks plak je dat script in het veld Head, en daarna publiceer je je website.
Aan onze kant is dat de hele handeling. Er is geen scherm en geen instelling voor Mach3Cart, dus het script doet al het werk.
Wanneer gebruik je dit?
Je gebruikt dit als je klanten op je eigen website moeten kunnen bestellen zonder de site te verlaten. Dat is het verschil met een gewone knop naar een verkooplink, want daarbij vertrekt je bezoeker.
Je gebruikt het ook als je meer verkoopt dan één aanbod en je bezoeker onderweg zijn winkelwagen moet zien. Het paneel loopt dan mee over je pagina's.
Wil je de producten juist zelf vormgeven op een pagina, dan is dit niet de route. Lees dan Productfeed. Alle drie de routes staan naast elkaar in Mach3Cart.
De twee routes gaan wel samen. Je kunt de widget gebruiken naast de productfeed, of naast links die je zelf naar Mach3Cart legt.
Hoe werkt dit in Mach3Blocks?
Aan onze kant gebeurt precies één ding. De inhoud van het veld Head wordt bij het publiceren in de kop van elke pagina gezet, en dus ook jouw widgetscript.
Dat veld bestaat op twee niveaus: voor de hele website, en voor één pagina. Beide staan op het eerste tabblad van een code-pop-in; lees Code-instellingen.
Je opent die pop-in op twee plekken. Vanuit je websiteoverzicht kies je Code-instellingen in het meer-menu. Ben je al in je website, dan staat hetzelfde menu-item naast Instellingen.
De twee niveaus komen achter elkaar te staan en niet in de plaats van elkaar. Zet je het script op beide plekken, dan staat het twee keer in de kop van die ene pagina.
Opslaan zet je script klaar. Publiceren zet het op je website, dus zonder die laatste stap ziet je bezoeker niets.
Wat je in Mach3Cart instelt
Het widgetscherm staat onder Weergave, binnen de checkout waar je klanten bestellen. Er is op dit moment één widget, en die heet Basket.
Vier instellingen bepalen hoe het paneel eruitziet en in welke taal het opent.
| Instelling | Wat je kiest | Bijzonderheden |
|---|---|---|
| Thema | Licht of Donker | De algehele kleurstelling van het paneel |
| Accent kleur | Een kleur uit de kleurenkiezer | Geldt voor de knoppen en de accenten |
| Positie | Linksonder of Rechtsonder | Bepaalt waar het paneel op je pagina verschijnt |
| Standaard taal | Nederlands of Engels | De taal waarin het paneel opent |
Onder die instellingen staat Opslaan. Daarna verschijnt de melding "De wijzigingen zijn opgeslagen."
Bovenaan het scherm staat Voorbeeld bekijken. Die knop opent het paneel in een nieuw tabblad, zonder dat je je eigen website aanpast.
Het script zelf staat in het vlak Implementatie. Dat veld is alleen-lezen en heeft een kopieerknop, dus je typt het nooit over.
Stappenplan
Twee delen, in twee omgevingen. Je begint in Mach3Cart, want zonder script valt er in Mach3Blocks niets te plakken.
Het script ophalen in Mach3Cart
- Open de checkout waar je klanten bestellen.
- Kies onder Weergave het scherm Widgets.
- Stel het thema, de kleur, de positie en de taal in.
- Klik op Opslaan.
- Kopieer het script uit het vlak Implementatie.
Het script op je website zetten
- Open je websiteoverzicht in Mach3Blocks.
- Kies Code-instellingen in het meer-menu op de rij van je website.
- Open het tabblad Head.
- Plak het script in het schrijfvlak.
- Klik op Opslaan.
- Publiceer je website.
Ben je al in je website, kies dan Code-instellingen in het menu naast Instellingen.
Wil je het paneel op één pagina, kies dan Code-instellingen in het meer-menu op de rij van die pagina.
Controleer daarna de gepubliceerde pagina. De voorvertoning kan ook, want die laadt hetzelfde veld.
Voorwaarden en rechten
Aan de kant van Mach3Cart heb je het pakket PRO nodig. Staat je checkout op een ander pakket, dan zie je op het widgetscherm een melding over upgraden.
Aan onze kant heb je één recht nodig.
| Recht | Waarvoor |
|---|---|
| Publiceren | Je website live zetten, zodat het script in de pagina's komt |
Voor de code-pop-ins zelf is geen recht nodig. Wie je website of je pagina kan openen, kan het veld Head ook lezen en vullen.
Het recht Code toegang hoort bij de Themacode, en dat is een ander scherm; lees Code-instellingen.
Voor Mach3Cart zelf is er geen recht in Mach3Blocks, want er is niets om te toetsen.
Gevolgen en beperkingen
Het script staat na het publiceren in de kop van elke pagina die het veld meekrijgt. Je bezoeker ziet daar een pictogram van de winkelwagen, en opent daarmee het paneel op de gekozen positie.
| Wat | Wat je merkt |
|---|---|
| De editor | Toont dit script niet, want de editor laadt het veld niet |
| De voorvertoning | Toont het wel, dus je kunt testen zonder te publiceren |
| Scripts asynchroon laden | Raakt dit script niet; lees Scripts asynchroon laden |
| Een cookieblok | Houdt dit script niet tegen; lees Cookieblok |
| Een presentatie | Werkt gewoon, want ook daar bestaat het veld Head |
Die vierde regel is de belangrijkste van de vijf. Wat in het veld staat, gaat zonder enige cookievoorwaarde de pagina in, anders dan een trackingcode.
Wat het script daarna bij je bezoeker doet, gebeurt in Mach3Cart en niet bij ons. Voor die vraag ga je naar de documentatie van dat product.
Als het niet lukt
Zie je op het widgetscherm een melding over upgraden, dan past de widget niet bij het pakket van die checkout. Open Pakket binnen de checkout en controleer het actieve pakket.
Zie je het paneel niet op je website, loop dan drie dingen na. Komt het script uit de juiste checkout, staat het in het juiste veld, en is je website daarna gepubliceerd?
Zie je het paneel niet in de editor, dan klopt dat. Bekijk de voorvertoning of de gepubliceerde pagina.
Laadt je pagina het paneel dubbel, dan staat het script zowel bij de website als bij die pagina. Haal het op één van de twee plekken weg.
Kun je de code-pop-in niet openen, kijk dan of je gebruiker wel bij die website mag. Voor de pop-in zelf is geen recht nodig.