Mach3Cart integreren op je website
Mach3Cart hoeft meestal niet technisch ingebouwd te worden in je website. In veel gevallen plaats je een knop, verkooplink, bestellijstlink of Mach3blocks-widget waarmee klanten vanuit jouw website naar de Mach3Cart-checkout gaan.
Praktijkvoorbeeld: Een ondernemer verkoopt een digitale receptenbundel. Op de productpagina van zijn eigen website komt een knop Bestel de bundel die naar de Mach3Cart-verkooplink gaat. Als hij meer producten overzichtelijk wil tonen, kan hij Mach3blocks gebruiken.
Stap 1 - Kies de integratievorm
- Actie: Bepaal of je een verkooplink, knop, bestellijstlink of Mach3blocks-widget gebruikt.
- Locatie: Buiten Mach3Cart, bij je websiteplan.
- Waarom: De vorm moet passen bij hoeveel je verkoopt en hoeveel controle je op je website wilt. Een losse knop is vaak genoeg voor één product. Mach3blocks is logischer als je Mach3Cart-inhoud als blok/widget op je website wilt tonen.
- Voorbeeld: Voor één receptenbundel kies je een knop naar de verkooplink. Voor meerdere producten kies je een bestellijstlink of, als dit voor jouw inrichting beschikbaar is, een Mach3blocks-widget.
- Resultaat: Je weet welke route je op je website gaat plaatsen.
Stap 2 - Kopieer de juiste Mach3Cart-link
- Actie: Kopieer de verkooplink, productlink, bestellijstlink of widgetinformatie vanuit Mach3Cart.
- Locatie: Mach3Cart → Producten, Links/widgets of de plek waar jouw checkout de verkooplink of Mach3blocks-informatie toont.
- Waarom: Een handmatig overgetypte link geeft snel fouten. Gebruik daarom altijd de link of informatie die Mach3Cart zelf geeft.
- Voorbeeld: De beheerder kopieert de verkooplink van Receptenbundel voorjaar vanuit het link-icoon. Als hij Mach3blocks gebruikt, kopieert hij de bijbehorende widget- of blokinformatie uit Mach3Cart.
- Resultaat: Je hebt de exacte link of widgetinformatie die je op je website gaat gebruiken.
Stap 3 - Test de link los
- Actie: Open de Mach3Cart-link eerst buiten je website in een privévenster.
- Locatie: Browser → privévenster.
- Waarom: Als de link los al niet werkt, heeft aanpassen op je website geen zin.
- Voorbeeld: De verkooplink opent direct de receptenbundel met juiste naam, prijs en bestelknop.
- Resultaat: De Mach3Cart-link zelf werkt voordat je hem op je website plaatst.
Stap 4 - Maak een knop of blok op jouw website
- Actie: Voeg op jouw website een knop, tekstlink, HTML-blok of Mach3blocks-widget toe.
- Locatie: Jouw website → pagina bewerken → plek waar je content, knoppen, links, HTML of widgets kunt plaatsen.
- Waarom: Een zichtbare knop of blok is voor klanten duidelijker dan een losse lange URL.
- Voorbeeld: Knoptekst: Bestel de receptenbundel. Bestemming: de Mach3Cart-verkooplink. Gebruik je Mach3blocks, dan plaats je het Mach3blocks-blok of de widget op de productpagina.
- Resultaat: Je website heeft een duidelijke ingang naar Mach3Cart.
Stap 5 - Plaats context rond de knop of widget
- Actie: Zet boven of naast de knop of widget wat de klant koopt, wat het kost en wat er na klikken gebeurt.
- Locatie: De websitepagina waar je de Mach3Cart-link of Mach3blocks-widget plaatst.
- Waarom: Klanten klikken sneller als ze weten wat ze krijgen en waarom ze naar Mach3Cart gaan.
- Voorbeeld: Tekst: “Je bestelt via onze beveiligde Mach3Cart-checkout. Na betaling ontvang je een bevestiging per e-mail.”
- Resultaat: De knop of widget staat niet los, maar in begrijpelijke context.
Stap 6 - Laat de link openen zoals gewenst
- Actie: Kies of de knop in hetzelfde tabblad of in een nieuw tabblad opent en test dat bewust.
- Locatie: Linkinstelling binnen jouw website of ander Content Management Systeem.
- Waarom: Een nieuw tabblad kan handig zijn, maar is niet altijd nodig. Consistentie voorkomt verwarring.
- Voorbeeld: De productpagina opent de Mach3Cart-checkout in hetzelfde tabblad zodat bestellen op mobiel eenvoudig blijft.
- Resultaat: Het klikgedrag voelt logisch voor klanten.
Stap 7 - Test mobiel
- Actie: Open je website op mobiel en klik de knop, link of Mach3blocks-widget.
- Locatie: Mobiele browser.
- Waarom: Veel klanten bestellen via telefoon; knoppen en widgets kunnen mobiel anders uitvallen.
- Voorbeeld: De knop staat goed zichtbaar onder de producttekst en opent de checkout zonder horizontaal scrollen.
- Resultaat: Mobiele bezoekers kunnen bestellen.
Stap 8 - Controleer na publicatie
- Actie: Publiceer de websitepagina en test de live knop, link of widget vanaf de publieke URL.
- Locatie: Live website, niet alleen preview.
- Waarom: Preview werkt soms anders dan de gepubliceerde pagina.
- Voorbeeld: Na publiceren opent
voorbeeld.nl/receptenbundelde knop correct naar Mach3Cart. Als je Mach3blocks gebruikt, controleer je of het blok zichtbaar is en naar de juiste checkout leidt. - Resultaat: Je integratie werkt live voor klanten.
Welke optie past?
| Situatie | Beste start |
|---|---|
| Eén aanbod | Verkooplink als knop |
| Meerdere producten | Bestellijstlink of productoverzicht |
| Je wilt Mach3Cart-inhoud als blok/widget tonen | Mach3blocks |
| Je gebruikt een ander Content Management Systeem | Knop, tekstlink, HTML-blok of beschikbare widgetplek binnen jouw website |
| Drukwerk/offline | Verkooplink + QR-code |
Probleemoplossing
- Knop opent 404: kopieer de verkooplink opnieuw uit Mach3Cart.
- Klant ziet oude pagina: publiceer je website opnieuw of controleer caching binnen jouw website.
- Link opent verkeerde product: controleer productlink en checkoutnaam.
- Mach3blocks-widget verschijnt niet: controleer of je de juiste widgetinformatie hebt gebruikt en of jouw website widgets/HTML-blokken toestaat.
- Op mobiel ziet het er rommelig uit: verplaats de knop of widget hoger op de pagina en test opnieuw.