Online bestellen op uw eigen website

De widget ‘Online bestellen’ voegt het aannemen van bestellingen toe aan de website die u al heeft. U hoeft niets te verplaatsen of opnieuw op te maken: de widget leest de pagina's van uw website, plaatst er knoppen ‘In winkelwagen’ op en beheert de winkelwagen en het afrekenen over uw eigen opmaak heen.

Waar: Marketing → ‘Mijn website’ → kaart ‘Online bestellen’ → tandwiel. De installatiecode is dezelfde voor alle widgets, zie Mijn website.

Vier werkmodi#

Modus	Wat de bezoeker ziet	Wanneer kiezen
Eigen winkel	Knop ‘Bestellen’; bij een klik opent uw winkel met menu en winkelwagen over de pagina heen	Visitekaartje, landingspagina, blog — geen producten op de pagina's
Over de website heen	Onze knoppen ‘In winkelwagen’ direct in uw opmaak — op de productpagina en in de catalogus, winkelwagen in de hoek van het scherm	De website heeft al een productcatalogus, maar geen bestelproces (of een onhandig proces)
Knoppen vervangen	Hetzelfde plus de eigen ‘koop’-knoppen en de winkelwagen van de website zijn verborgen	U wilt dat alle bestellingen alleen via ons lopen
Volledige overname	De website ziet er onaangeroerd uit: de knoppen blijven de eigen knoppen, maar een klik voert het product naar onze winkelwagen, doorklikken naar de winkelwagen van de website opent de onze, en tellers en bedragen tonen onze cijfers	De winkel is al goed opgemaakt — u wilt het uiterlijk niet veranderen, maar bestellingen en prijzen moeten de onze zijn

De website scannen#

Alle modi behalve ‘eigen winkel’ werken met een sitemap: waar op uw pagina's de productnaam, prijs, afbeelding, eigen koopknop en eigen winkelwagen staan.

De scanner bouwt de kaart: geef het adres op en klik op ‘Website scannen’ — meestal 1–3 minuten. Binnenin:

Platformpresets — een kant-en-klare set selectors is er voor acht platformen: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. De scanner herkent via de vingerafdruk ook Ecwid, Squarespace en Wix, maar daar is geen preset voor — de kaart wordt gebouwd met AI-analyse;
AI-analyse van de opmaak — voor zelfgebouwde websites en niet-standaard thema's;
Controle van elke gevonden selector op echte pagina's; de gegevens worden vergeleken met de microdata van het product. Een ongecontroleerde selector komt niet in de kaart — liever minder knoppen dan een knop op de verkeerde plek.

Het resultaat toont: het bepaalde platform, het aantal gescande pagina's, een voorbeeld van een herkend product en apart — de productpagina en de cataloguskaarten. De kaart wordt toegepast met een knop en samen met de instellingen van de widget opgeslagen. Is de website veranderd — scan gewoon opnieuw.

Knoppen plaatsen en vormgeving#

Dit stelt u in op lay-outs met een live preview — een typische productpagina en de catalogus:

Knop op de productpagina: onder de prijs, naast de eigen knop van de website, zwevend onderaan het scherm of uitgeschakeld (het belangrijkste scenario van ‘volledige overname’ — er is geen eigen knop, de gast klikt op de eigen knop);
Knop in de cataloguskaart: over de kaart heen, onder de kaart of uitgeschakeld;
Winkelwagenknop: in elk van de vier hoeken van het scherm;
Kleur van de knoppen en tekst (‘In winkelwagen’, ‘Bestellen’, eigen tekst) — de tekst kunt u apart instellen voor elke taal van uw website.

Eigen prijzen#

Een aparte schakelaar: de widget rekent de prijs van uw website om naar de eigen prijs en toont die aan de gast — op de productpagina, in de catalogus en in de winkelwagen.

Basisregel voor alle producten: percentage, opslag in valuta, beperkingen ‘niet lager / niet hoger’ en afronding (op een heel getal, staart …9, centen .99, ronde tientallen …0, veelvoud van 10/50/100).
Gerichte overschrijvingen op paginadres, naam of artikelnummer: eigen prijs, eigen regel, andere naam in de winkelwagen of ‘niet meer te koop’ — dan wordt de knop niet geplaatst.
Weergaveopties: oude prijs doorgestreept naast de nieuwe, een tekst als ‘actieprijs’, een eigen valutatekst, extra plekken met prijzen (sticky paneel, blok ‘soortgelijke producten’). Het hertekenen van prijzen direct in de opmaak van de website kunt u ook uitschakelen: de gast ziet de prijs van de website, maar in de winkelwagen komt uw prijs.
In het account is er een preview ‘was → wordt’ op een voorbeeldprijs van uw website.

⚠️ Het overschrijven is visueel: de backend van uw website weet niets van de nieuwe prijs. Daarom hebben eigen prijzen alleen zin samen met overname van de bestelling — anders plaatst een gast die op een overgebleven eigen knop klikt een bestelling tegen de oude prijs, buiten u om. In de modus ‘Volledige overname’ staan eigen prijzen standaard aan, en de beheeromgeving waarschuwt als u ze aanzet zonder overname.

Wat er gebeurt na een bestelling#

De gast legt producten in de winkelwagen, opent die en plaatst de bestelling — naam, telefoon, bezorging of afhalen met adres, opmerking. De bestelling komt binnen in het gedeelte ‘Bestellingen’ van het account, net als bestellingen van de winkel, de kassa en aggregators: dezelfde statussen, meldingen, afdrukken en doorsturen naar de keuken. Er is geen aparte ‘widget-inbox’. Elke regel van een bestelling komt met een link naar de pagina van uw website waar het product in de winkelwagen is gelegd, — de operator ziet wat er precies is besteld.

Al het overige rond online bestellen stelt u daar in, in de modal van de widget: die is opgebouwd als een accordeon met de secties ‘Widget op uw website’, ‘Bestellingen aannemen’, ‘Bezorging en afhalen’, ‘Betaling’, ‘Afrekenen’ en ‘Fiscalisatie van bonnen’ — dezelfde formulieren als in de overeenkomstige gedeelten van het account, op één plek verzameld.

Knop „Melden wanneer op voorraad”#

Een tweede, aparte tag van dezelfde widget — voor de pagina van een uitverkocht product op uw website. Een gast klikt op de knop, laat een e-mailadres achter, bevestigt dit via de link in de e-mail en ontvangt één e-mail wanneer het product weer op voorraad is; in de bevestigingsmail staat naast „bevestigen” ook „weigeren”. De meldingen worden verstuurd door hetzelfde mechanisme als bij het abonnement „melden wanneer op voorraad” op onze winkel — er wordt geen tweede aangemaakt.

Zo sluit u het aan: open in het venster met instellingen voor online-bestellingen de kaart „🔔 Melden wanneer op voorraad”, kies een product en, indien beschikbaar, een variant uit uw gepubliceerde catalogus — de generator stelt de code samen. Plaats op de productpagina een knop met het attribuut data-cenaly-stock="<product>" (een kant-en-klaar voorbeeld staat in dezelfde kaart) en voeg één keer de tag stock/v1.js in. De loader weegt minder dan een kilobyte en kan precies één ding — wachten op een klik; het abonnementsformulier, de woordenboeken en het verzenden komen als apart bestand pas bij een actie van de gast.

Wat u moet weten:

Een product wordt handmatig gekoppeld. Een vreemde catalogus matchen we niet en voorraad van een vreemde pagina lezen we niet: „weer op voorraad” betekent voorraad in uw catalogus bij ons, hetzelfde als wat onze winkel ziet. Een product dat niet in de gepubliceerde catalogus van de vestiging staat, accepteert de knop niet.
Een abonnement wordt per e-mail bevestigd (double opt-in): vóór de klik op de link in de e-mail worden er geen berichten over voorraad verstuurd.
Een abonnement reserveert geen product. De melding wordt verstuurd bij terugkeer op voorraad in onze catalogus. In de huidige versie wordt één e-mailadres één keer per product meegeteld: een herhaald abonnement op een andere variant van hetzelfde product vervangt de al gekozen variant niet.
Bij een strikte CSP alleen met nonce opent het abonnementsformulier voorlopig niet zonder aanvullende toestemming voor CDN-scripts of een passend 'strict-dynamic'-beleid: details staan in „Mijn website”.
Dit is geen uniforme tag. De knop „Melden wanneer op voorraad” wordt niet door de uniforme loader van „Mijn website” opgehaald — die heeft een eigen tag en eigen markup op de pagina, omdat hij alleen staat waar u hem plaatst.

Beperkingen#

De scanner leest server-side HTML. Als de catalogus volledig door JavaScript wordt gerenderd, worden productpagina’s mogelijk niet gevonden — dan werkt de modus „Eigen winkel”.
Producten in de winkelwagen worden van de pagina’s van uw website gehaald, niet uit de catalogus in het account: de widget leest naam en prijs van de pagina zelf (en herberekent indien nodig volgens uw prijsregel). De catalogus hoeft daarvoor niet naar ons te worden overgezet — maar voorraad in het account wordt bij zulke bestellingen ook niet afgeboekt.
In de winkelwagen van de widget kunt u betaling bij levering of online betaling kiezen, als voor de vestiging een ondersteunde provider is ingesteld. Na het aanmaken van de bestelling gaat de gast naar de pagina van de provider; de widget zelf accepteert geen kaartgegevens. Als het voorbereiden van de betaling niet is gelukt, kunt u deze voor een al aangemaakte bestelling opnieuw proberen.
In de modus „Knoppen vervangen” worden de eigen knoppen visueel verborgen; als er op de website een andere route naar afrekenen is (bijvoorbeeld een directe link naar een externe winkelwagen), moet u die zelf verwijderen — of overstappen op de modus „Volledige overname”, die zulke overgangen overneemt.

Problemen oplossen#

Er staan geen knoppen „In winkelwagen” op de website.

Tag niet gevonden — klik op „Installatie controleren” in het gedeelte „Mijn website”. „Geen code” — de tag is niet ingevoegd of staat niet op alle pagina’s van de template; „code van een andere vestiging” — in de tag staat een vreemd data-domain. Als de tag via Google Tag Manager is ingevoegd, ziet de controle hem niet — bekijk de website dan met eigen ogen.
Wijzigingen zijn niet doorgekomen — widgetbestanden worden via CDN geleverd met een cache van 5 minuten: wacht even en vernieuw de pagina met cache wissen.
Sitemap is niet opgebouwd of niet toegepast — in modi anders dan „eigen winkel” worden knoppen op basis van de sitemap geplaatst: scan de website en pas het resultaat toe.
De scanner heeft geen productpagina’s gevonden — hij leest server-side HTML; als de catalogus volledig door JavaScript wordt gerenderd, schakel dan over op de modus „Eigen winkel”.
De knop op de productpagina is uitgeschakeld in de plaatsingsinstellingen — dat is de bedoeling in het scenario „volledige overname”, waarbij de gast op de eigen knop van de website klikt.

De winkelwagenknop is verdwenen. Controleer de gekozen schermhoek in de plaatsingsinstellingen; als de multiknop is ingeschakeld en in de waaier ervan het item „Bestellen” staat, wordt de eigen knop van de widget bewust uitgeschakeld.

Knoppen staan op de verkeerde plek of zijn verdwenen na een website-update. De opmaak is gewijzigd — klik op „Opnieuw scannen”: de plaatsingsinstellingen blijven daarbij behouden.

Prijzen op de pagina zijn niet gewijzigd. Het hertekenen van prijzen direct in de markup van de website kan via een instelling worden uitgeschakeld — dan ziet de gast de prijs van de website, maar gaat uw prijs mee in de winkelwagen. Controleer ook of de prijsregel is ingeschakeld en of er voor dit product geen specifieke overschrijving is.

Een gast heeft een bestelling op de website geplaatst, maar de bestelling staat niet in het account. Waarschijnlijk is de bestelling buiten ons om gegaan — via een overgebleven eigen knop of een directe link naar de winkelwagen van de website. Dit is op te lossen met de modus „Knoppen vervangen” of „Volledige overname”.

De prijs in de bestelling klopt niet. Het herschrijven van prijzen is visueel: de backend van uw website weet er niets van. Eigen prijzen kunt u beter alleen inschakelen samen met overname van de bestelling — anders wordt een deel van de bestellingen tegen de oude prijs buiten u om geplaatst.

Gerelateerde secties#

Mijn website — installatiecode en de overige widgets
Bestellingen — wat er daarna met een bestelling gebeurt
Webwinkel — als u een volledige winkel nodig hebt

Veelgestelde vragen#

Moet u de catalogus naar ons overzetten? Nee. De widget werkt met producten rechtstreeks op de pagina's van uw website — de namen en prijzen leest hij daaruit. Een catalogus in uw account is nodig als u voorraadbeheer, analyses per artikel en onze winkel wilt: overzetten kan via import op basis van het adres van de website of met een bestand — zie AI-import van catalogus en Webwinkel.

Wat als de website is veranderd? Klik op „Opnieuw scannen” — de kaart wordt bijgewerkt, de plaatsingsinstellingen blijven bewaard.

Verpest de widget uw lay-out? De knoppen worden ingevoegd op de gevonden plekken in uw opmaak, het uiterlijk is instelbaar; de winkelwagen en het afrekenen openen over de pagina heen en raken uw opmaak niet aan.