Klantproject · E-commerce

Hoydi28 hazelnoten

Voor Hoydi28, een hazelnootmerk uit Giresun, bouwden we de webwinkel, een beheerpaneel dat op de telefoon te installeren is en de koppelingen voor betaling, verzending, e-facturatie, e-mail en Google daarachter. In het paneel werkt het AI-team van Collapssi: het schrijft blogartikelen, vertaalt de site naar nieuwe talen, plant de etalage en campagnes en schrijft conceptantwoorden op binnenkomende e-mails. Winkel en paneel zijn één applicatie; alle pagina's worden bij elke publicatie vooraf voor Google opgebouwd.

  • JavaScript (single-page app)
  • Supabase: PostgreSQL en Edge Functions
  • Netlify
  • Vooraf opgebouwde pagina's met Playwright
  • PWA en Web Push
  • iyzico
  • EDM e-factuur / e-archief
  • Yurtiçi Kargo en Sürat Kargo
  • Resend
  • Google Analytics 4, Search Console, Google Ads, Merchant Center
  • Google Places API
  • Claude API
  • OpenAI Images API
Startpagina van de winkel
Startpagina van de winkel
Talen
Turks, Engels en nieuwe talen volgens planning
Betaling
Kaart (iyzico), bankoverschrijving
AI
Een Collapssi-team van zeven en een advertentie-assistent
Koppelingen
Verzending, e-factuur, Google Ads, Analytics, Search Console

De schermafbeeldingen zijn gemaakt van een lokale kopie van de site en het beheerpaneel. Klantnamen, bestellingen, bedrijven en alle cijfers in de panelen zijn voorbeeldgegevens, niet de echte verkoop- of bezoekcijfers van de winkel. Klantnamen in de Google-reviews staan als initialen.

01

Winkel en productpagina's

De winkel werkt even zorgvuldig op telefoon en computer. Producten, categorieën en de paginaopbouw worden in het paneel aangepast; prijs- en tekstwijzigingen staan meteen online. De productpagina beantwoordt de vragen van een klant op één scherm.

  • Turkse en Engelse winkel; nieuwe talen gaan volgens een automatische planning open en bezoekers krijgen een vertaling in hun eigen taal aangeboden
  • Automatische labels: "Bestseller" voor de best verkochte producten van de laatste 60 dagen en "Veel bekeken" voor de meest bekeken, elke nacht bijgewerkt
  • Allergenenkaart: welke allergenen het product bevat, welke in sporen aanwezig kunnen zijn en wie het mag eten (glutenvrij, veganistisch enzovoort) als gekleurde labels
  • Een favorietenhartje en de vermelding "favoriet van N mensen"
  • Aantal kiezen direct op de productkaart; op de productpagina beweegt de prijs mee met aantal en verpakking, met waarschuwing bij de voorraadgrens
  • Cadeaumanden waarvan prijs en voorraad uit de producten erin worden berekend; klanten kunnen ook zelf een mand samenstellen
  • Cadeaubriefje, smaakkeuze voor köme en een "meld mij wanneer leverbaar"-verzoek
  • Een markering "alleen afhalen bij het busstation" voor producten die niet per koerier verstuurd kunnen worden
Productpagina: bestsellerlabel, favoriet en prijs
Productpagina: bestsellerlabel, favoriet en prijs
Allergeneninformatie en wie het mag eten
Allergeneninformatie en wie het mag eten
Winkel op de telefoon
Winkel op de telefoon
02

Accounts, favorieten en een rad van fortuin

Leden krijgen kleine verrassingen op de site. Klanten volgen hun bestelling stap voor stap, krijgen een e-mail als een favoriet product goedkoper wordt of weer op voorraad is, en draaien aan het rad voor korting.

  • Inloggen met Google in één tik in de hoek van de pagina, zonder nieuwe pagina, gevolgd door een welkomstgroet met emoji
  • Bewegende verzendstappen met emoji: bestelling ontvangen, in voorbereiding, onderweg (de vrachtwagen rijdt heen en weer), afgeleverd; met koeriersgebeurtenissen en een trackinglink
  • Favorieten: wie een bepaald aantal producten als favoriet bewaart, krijgt automatisch een persoonlijke kortingscode; een e-mail als een favoriet goedkoper wordt of weer leverbaar is
  • Rad van fortuin van Hoydi: de server bepaalt de uitslag en de kortingscode komt op het account
  • Hoydi Para: punten bij elke bestelling, beloning voor reviews, betalen met punten
  • Opgeslagen adressen en factuurgegevens; een 6-cijferige code per e-mail bij een vergeten wachtwoord
Mijn account: verzendstappen met emoji
Mijn account: verzendstappen met emoji
Favorieten en de beloningsbalk
Favorieten en de beloningsbalk
Rad van fortuin van Hoydi
Rad van fortuin van Hoydi
03

Google-reviews komen vanzelf binnen

De Google-reviews van de twee vestigingen worden elke ochtend automatisch opgehaald en op de site in een bewegende strook getoond. Klanten van wie de bestelling is afgeleverd, wordt vriendelijk om een Google-review gevraagd.

  • De Google Bedrijfsprofiel-reviews van de winkels Merkez en Aksu worden elke ochtend via de Places API bijgewerkt, net als de score en het aantal reviews
  • Een bewegende reviewstrook met filter per winkel
  • Leden met een afgeleverde bestelling zien één keer het venster "Is uw bestelling aangekomen?"; met één tik opent de reviewpagina van de winkel bij Google
  • Er hangt geen kortingscode aan, want Google verbiedt beloningen voor reviews; productreviews op de site leveren Hoydi Para op
Google-reviews in een bewegende strook
Google-reviews in een bewegende strook
Na de levering om een Google-review vragen
Na de levering om een Google-review vragen
04

Betaling en bestelproces

Bij kaartbetalingen rekent de server het bedrag opnieuw uit; klopt het niet met het bedrag in de browser, dan start de betaling niet. Prijzen, acties, kortingscodes en verzending volgen zo één set regels.

  • Kaartbetaling met het betaalformulier van iyzico in een venster binnen de site, met 3D Secure
  • Na bevestiging van de betaling wordt de bestelling "Nieuw" en worden Hoydi Para en kortingscode verrekend; sluit de klant de pagina, dan controleert een geplande taak het resultaat
  • Bankoverschrijving met de bankgegevens op de afrekenpagina en na de bestelling
  • Provincie en district voor het afleveradres kiest de klant uit een lijst (81 provincies, 973 districten)
  • Factuurgegevens na de bestelling voor particulieren en bedrijven, met controle van de nummers
  • Automatische e-mails: bestelling ontvangen, verzonden met trackinglink, afgeleverd
Afrekenpagina
Afrekenpagina
05

Een AI-team in het paneel: Collapssi

Op het tabblad Collapssi in het paneel werken zeven AI-teamleden die elk uur hun werk voor Hoydi28 nalopen. Ieder heeft een eigen taak, een mascotte waarvan de stemming verandert en een tekstballon. Niemand verandert iets zonder goedkeuring: artikelen, etalage, campagnes en e-mailantwoorden wachten op de eigenaar.

  • ✍️ Elif (contentschrijver): schrijft op de gekozen dagen blogartikelen en kent de producten en eerdere artikelen; markeert een artikel met een waarschuwing als iets tegen de regels ingaat
  • 🌍 Deniz (vertaler): vertaalt product-, blog- en paginateksten die in het Turks zijn ingevoerd naar het Engels; opent nieuwe talen zoals Duits, Russisch en Arabisch volgens een automatische planning en zet elke taal online zodra de vertaling klaar is
  • 🎨 Arda (beeldontwerper): tekent bij elk blogartikel passende beelden, die tussen de tussenkoppen komen
  • 📐 Selin (siteontwerper): stelt etalagewijzigingen voor op basis van klikken en verkoop; maakt vóór feestdagen een banner, slide en productlijst voor die dag, die vooraf te bekijken is, na goedkeuring op de dag zelf online gaat en daarna verdwijnt
  • 📅 Emre (campagneplanner): plant de komende weken: kortingscodes, tijdelijke kortingen, e-mails aan abonnees, blogonderwerpen voor Elif, etalageverzoeken voor Selin; elk onderdeel wordt apart goedgekeurd
  • ✉️ Zeynep (e-mailassistent): leest elke binnenkomende e-mail samen met de bestellingen en het bedrijfsdossier van de afzender, zoekt bedrijven op internet op en schrijft een conceptantwoord; stelt opvolgmails voor aan groothandelsleads
  • 🧭 Kerem (teamleider): de eigenaar chat met hem; Kerem laat het juiste teamlid de correctie doen en maakt van voorkeuren "vanaf nu" vaste regels
  • De basisregels liggen vast: geen verzonnen feiten, gezondheidsclaims of prijzen; elk teamlid heeft een maandelijks werkquotum
Chat met teamleider Kerem en vaste regels
Chat met teamleider Kerem en vaste regels
Elif, Deniz en Arda
Elif, Deniz en Arda
Selin, Emre en Zeynep
Selin, Emre en Zeynep
Een feestdagetalage en een campagneplan die op goedkeuring wachten
Een feestdagetalage en een campagneplan die op goedkeuring wachten
06

Beheerpaneel

De eigenaar beheert het hele bedrijf vanuit één paneel dat als app op de telefoon wordt geïnstalleerd; bij elke nieuwe bestelling komt er een melding en het app-icoon toont het aantal openstaande bestellingen.

  • Dashboard: omzet van vandaag, voortgangsbalken van de doelen, status van het Collapssi-team, verkoop van de laatste 14 dagen, verdeling per categorie
  • Bestellingen: standaard die van vandaag, dag voor dag bladeren, filters voor status en factuur; bestellingen uit advertenties en nieuwe klanten krijgen een label
  • Selecteren en in bulk werken: geselecteerde bestellingen afdrukken, factureren of hun status wijzigen
  • Verzendbon op A5 (A4 en een labelprinter van 10×15 kunnen ook); afgedrukte bestellingen gaan vanzelf naar "In voorbereiding", cadeaubriefjes komen op een aparte kaart
  • Paneelgebruikers en rollen; een code per e-mail bij inloggen vanaf een nieuw apparaat
  • Paginabouwer: blokken toevoegen en ordenen, met voorbeeld voor computer, tablet en telefoon
  • Vensters binnen de site in plaats van de bevestigingsvakken van de browser; op de telefoon een bovenbalk, een menu dat van links inschuift en een tabbalk onderaan
Dashboard van het beheerpaneel
Dashboard van het beheerpaneel
Bestellingen
Bestellingen
Beheerpaneel op de telefoon
Beheerpaneel op de telefoon
07

Doelen, Analytics en Search Console

Verkoopdoelen lopen vol als een quotum en de gegevens van Google komen in het paneel. Bovenaan de rapporten geeft de Collapssi-mascotte commentaar: blij als het goed gaat, verbaasd als het achteruitgaat, met een voorstel wat er te doen valt.

  • Doelen: de verkoopperiodes van de oude site dienen als referentie; balken voor omzet, bestellingen en verkochte stuks lopen vol, met een markering "hier zouden we vandaag moeten zijn" en een prognose voor het einde van de periode
  • Bezoekers (Google Analytics 4): bezoeken, conversie naar bestellingen, kanalen, apparaten, steden, meest bekeken producten
  • Google-zoekresultaten (Search Console): klikken, vertoningen, klikratio, gemiddelde positie, zoekopdrachten en pagina's
  • Rapport over verkoop en kosten, WhatsApp-klikken
  • Wekelijkse rapportmail: elke vrijdagochtend een samenvatting met grafieken (omzet, advertenties, nieuwe leden, bestsellers, taken), opgesteld door Collapssi
Doelen en de Collapssi-mascotte
Doelen en de Collapssi-mascotte
Bezoekers (Google Analytics)
Bezoekers (Google Analytics)
Google-zoekresultaten (Search Console)
Google-zoekresultaten (Search Console)
08

Google Ads en een AI-advertentie-assistent

Google Ads-gegevens komen elk uur in het paneel via een script in het account. De AI-assistent schrijft dagelijks een samenvatting en doet voorstellen; in het advertentieaccount verandert niets zonder goedkeuring van de eigenaar.

  • Rapporten per campagne, advertentiegroep, zoekwoord, zoekterm en, bij Shopping-advertenties, per product
  • Bestellingen uit advertenties worden apart geteld en tegen de uitgaven afgezet
  • Voorstellen: uitsluitingszoekwoorden, nieuwe zoekwoorden, budgetten, maximale kosten per klik, nieuwe advertentieteksten; goedgekeurde taken worden bij de volgende run van het script uitgevoerd
  • Veiligheidsgrenzen: het maximale totale dagbudget en de biedrange worden op drie plekken gecontroleerd
  • Het script werkt zichzelf bij: een loader die één keer in het Google Ads-account wordt geplakt, haalt de eigenlijke code van de site
  • De productfeed voor Merchant Center wordt bij elke publicatie bijgewerkt; conversietag en Google-toestemmingsmodus zijn ingericht
AI-advertentie-assistent en voorstellen die op goedkeuring wachten
AI-advertentie-assistent en voorstellen die op goedkeuring wachten
09

E-mail en achtergelaten winkelmanden

De bedrijfsmail zit in het paneel. Automatische e-mails dragen het ontwerp van het merk, en een klant die producten in de winkelmand liet liggen, krijgt met één tik een herinnering.

  • Inbox: gesprekken, sterren, archief, labels, uitstellen, concepten en gepland verzenden; meerdere bedrijfsadressen
  • Achtergelaten winkelmanden: wie producten toevoegde maar niet bestelde, en de producten die het vaakst blijven liggen; herinneren per e-mail en WhatsApp
  • Campagnemails aan abonnees: inschrijving met uitdrukkelijke toestemming, een kortingsvak en een afmeldlink in elke e-mail
  • E-mails voor feestdagen: op dagen als Moederdag, religieuze feestdagen en Oudjaar gaan automatisch een felicitatie en een kortingscode voor die dag uit
  • E-mails bij bestelling, verzending en levering; prijs- en voorraadmeldingen voor favoriete producten
Achtergelaten winkelmanden en herinneringen
Achtergelaten winkelmanden en herinneringen
10

Groothandelsklanten vinden

Cafés, hotels, notenwinkels en bedrijven die relatiegeschenken kopen, worden via Google Maps gevonden en in het paneel gevolgd als een verkooptrechter.

  • Bedrijven vinden: zoeken op Google Maps per type en stad; heeft een bedrijf een website, dan wordt het e-mailadres daar gevonden
  • Een introductiereeks van drie e-mails per bedrijfstype: op werkdagen, met een daglimiet en een afmeldlink in elke e-mail; de reeks stopt zodra het bedrijf antwoordt
  • Bedrijfskaart: gesprekken, monsters, offertes en bestellingen brengen de fase verder; de hele geschiedenis op één scherm
  • Aankondigingen: nieuwe producten en acties met productkaarten aan bedrijven melden
  • Een vaste groothandelsprijslijst voor iedereen, klaar om af te drukken; groothandelsaanvragen van de site komen vanzelf in de bedrijvenlijst
Groothandel: bedrijven en e-mailreeksen
Groothandel: bedrijven en e-mailreeksen
11

Verzending, e-facturatie en andere koppelingen

De koppelingen draaien in functies op de server; geheime sleutels komen niet in de browser. Facturen en zendingen worden vanaf de bestelkaart aangemaakt en hun status werkt zichzelf bij.

  • Koppeling met Yurtiçi Kargo en Sürat Kargo klaar: zending met één tik aanmelden, een Code 128-referentiebarcode op de verzendbon, statuscontrole elke twee uur
  • e-factuur en e-archief via EDM Bilişim: e-factuur als de koper daarvoor geregistreerd is, anders e-archief; facturen voor alle bestellingen in de lijst in één keer
  • Kortingen uit kortingscodes, acties en Hoydi Para worden naar verhouding over de factuurregels verdeeld
  • Meldingen van nieuwe bestellingen via Web Push; het app-icoon toont het aantal openstaande bestellingen
  • Inloggen met Google; inloggen met Apple staat klaar
Verzendbon op A5 met de referentiebarcode van de koerier
Verzendbon op A5 met de referentiebarcode van de koerier

Denkt u aan een vergelijkbaar project?

Vertel ons wat u nodig hebt; samen bepalen we scope, planning en kosten. Het eerste gesprek is gratis.

Vertel ons over uw project