Black Friday en Kerstmis komen eraan, en het klaarmaken van een webwinkel vergt veel meer dan alleen producten en aanbiedingen. De banner op de startpagina verandert, de productpresentatie wordt bijgewerkt, er komt een nieuwe aanbiedingsrubriek bij, en zodra de uitverkoop voorbij is, wordt de hele pagina opnieuw ingericht voor de volgende lancering. Een AI-assistent voor e-commerce kan je veel van dat repetitieve werk uit handen nemen. Athena, de in Shoplazza ingebouwdeAI-operationsagent, verzorgt al het winkelontwerp, productbeheer en marketing. De nieuwste update voegt AI-ontwerp voor webwinkels toe: je beschrijft de wijziging in de chat, en Athena bouwt of bewerkt de pagina binnen je bestaande thema.
Om te begrijpen waarom deze update belangrijk is, helpt het om te kijken wat het vernieuwen van een webwinkel voor de meeste verkopers eigenlijk inhoudt.
Stel dat je een promotiesectie op je startpagina wilt. Eerst moet je je thema doorzoeken op zoek naar een kaart-sjabloon dat past. Als er geen geschikt sjabloon is, geef je een opdracht aan een ontwikkelaar, en tegen de tijd dat het werk klaar is, is de uitverkoopdatum al bijna verstreken. Zelfs het wijzigen van de kleur van één knop betekent dat je het juiste onderdeel moet vinden, het instellingenpaneel moet openen en een lange lijst met opties moet doorlopen. Wanneer de uitverkoop eindigt, moeten die onderdelen worden verborgen of hersteld, en begint de hele cyclus opnieuw voor de volgende campagne.
Op zich is geen van deze taken moeilijk. Het probleem is dat ze zich herhalen en tijd opslokken die je liever zou besteden aan het inkopen van producten, het plaatsen van advertenties en het praten met klanten.
De update richt zich op vier gebieden, en bij elk daarvan vind je hieronder een voorbeeldprompt die je kunt aanpassen voor je eigen winkel.
Black Friday komt eraan en je wilt een aftelling boven je populaire producten om een gevoel van tijdelijke aanbieding te creëren. Je thema heeft hier geen sjabloon voor. Beschrijf wat je wilt:
"Voeg een Black Friday-aftelkaart toe boven de lijst met populaire producten op de startpagina. Geef deze de titel BLACK FRIDAY SALES, pas de stijl aan die van het huidige thema en zorg ervoor dat de tijdelijke aanbieding goed opvalt."
Athena maakt op basis van die beschrijving een aangepaste themakaart. Een productvergelijkingstabel of een blok met merkhighlights werkt op dezelfde manier. De kaart is geen eenmalig resultaat, en dankzij een paar details is deze herbruikbaar:
Voor nieuwere verkopers betekent dit dat je niet hoeft te leren hoe een thema is opgebouwd of hoeft te wachten op de planning van een ontwikkelaar. Als je de sectie kunt beschrijven, kun je erover beschikken.
Soms komt het idee niet van jou. Een ontwerper stuurt een mockup voor een campagnegedeelte, of je ziet een kleurenpalet en lay-out die je mooi vindt bij een andere winkel. Stuur de afbeelding naar Athena samen met je vereisten:
"Gebruik deze mock-up om een sectie ‘TOP AANBIEDINGEN’ op de startpagina te maken. Maak drie kaarten, die elk één product tonen en doorverwijzen naar de bijbehorende productpagina. Zorg dat de kleuren, lay-out, knoppen en het rode kortingspictogram in de rechterbovenhoek exact overeenkomen. Verander de stijl niet."
Athena leest de lay-out, kleuren en inhoudsstructuur uit de afbeelding en vult de kaart vervolgens met echte producten uit je winkel. Er zijn een paar dingen die je moet weten voordat je dit probeert:
Om een mooi ontwerp in je eigen winkel te krijgen, heb je geen ontwerp- of programmeervaardigheden meer nodig. Als je een referentieafbeelding hebt die je wilt uitproberen, log dan in op je Shoplazza-beheerderspaneel en stuur deze naar Athena.
In de dagelijkse praktijk bestaat het meeste werk in een winkel uit kleine aanpassingen in plaats van nieuwe secties. Vroeger moest je, om de kleur van een knop of een lay-out te wijzigen, de betreffende sectie zoeken, het instellingenpaneel openen, de juiste optie vinden en alles handmatig aanpassen. Nu kun je Athena openen vanuit de thema-editor, het gebied selecteren dat je wilt wijzigen en aangeven wat je wilt. Bijvoorbeeld, nadat je de ‘NIEUW BINNEN’-carrousel op je startpagina hebt geselecteerd:
"Pas de stijl van de 'NEW IN'-carrousel aan, zodat deze past bij de minimalistische, redactionele uitstraling van het thema. Gebruik een gebroken witte achtergrond en verwijder de afgeronde hoeken, kortingspictogrammen en witte zwevende kaarten. Toon productnamen en prijzen als kleine, gewone tekst, links uitgelijnd onder elke afbeelding, zonder kaders of schaduwen. Verplaats de pijltjes naar de rechterkant van de titel, op dezelfde regel als ‘NEW IN’.”
Zo gaat Athena te werk bij een dergelijke bewerking:
De oude routine van het één voor één zoeken, openen, doorzoeken en bewerken van instellingen wordt vervangen door het beschrijven van het gewenste resultaat. In de praktijk verandert de thema-editor in een interface waarmee je kunt praten.
Een mooi ogende pagina is slechts de eerste stap. Deze moet ook je echte producten duidelijk weergeven en een reden geven om ze te kopen.
Neem bijvoorbeeld een verkoper van woninginrichting die zich richt op de Amerikaanse markt. Ze hebben zojuist een partij banken, salontafels en staande lampen in de aanbieding gezet en willen deze op de startpagina onder de aandacht brengen, terwijl ze kopers laten zien hoe de meubels er samen uitzien in een echte woonkamer. Ze zouden tegen Athena kunnen zeggen:
"Maak onder de sectie ‘Populaire producten’ op de startpagina een kaart met links een afbeelding en rechts de producten. Toon de woonkamermeubels aan de rechterkant, genereer links een afbeelding van een woonkamer met die producten en schrijf de tekst in het Engels."
Athena werkt op basis van de product- en collectie-informatie die al in je winkel aanwezig is. In dit voorbeeld doet het drie dingen:
Shoplazza heeft jarenlang ervaring op het gebied van grensoverschrijdende e-commerce, en dat zie je terug in Athena. Productafbeeldingen, marketingcontent en paginaontwerp zijn in één workflow geïntegreerd, zodat elke productkaart er goed uitziet en ook een daadwerkelijk verkoopdoel dient.
De grootste zorg voor de meeste verkopers is niet of AI het werk wel aankan. Het is de vraag of een slechte bewerking live gaat voordat iemand dit kan tegenhouden.
Athena slaat elke ontwerpwijziging eerst op in je themakoncept, zodat er niet meteen iets in de live-winkel wordt aangepast. Je kunt een voorbeeld van het resultaat bekijken, blijven aanpassen of de onderdelen die je niet bevallen ongedaan maken, en pas publiceren als je er tevreden mee bent. Athena zorgt voor de uitvoering, en jij behoudt de controle over het eindresultaat.
Dat maakt het ook makkelijker om het piekseizoen in goede banen te leiden. Je kunt vóór de uitverkoop een promotiekaart toevoegen, de marketingsectie verbergen zodra deze is afgelopen en de productweergave bijwerken wanneer er nieuwe artikelen binnenkomen. Deze kleine, terugkerende ontwerptaken kun je aan Athena overlaten, waardoor je meer tijd overhoudt voor productbeheer, campagnes en merkopbouw.
Van Black Friday tot de lancering van nieuwe producten, en van kleine aanpassingen aan pagina’s tot een volledige merkvernieuwing: de ontwerpbehoeften van een winkel veranderen voortdurend. De nieuwe ontwerpmogelijkheden van Athena omvatten vier stappen in die cyclus: het genereren van aangepaste secties, het bouwen van kaarten op basis van een ontwerpreferentie, het bewerken van elk geselecteerd gebied via chat en het creëren van scèneweergaven op basis van echte producten. Omdat elke wijziging als concept wordt opgeslagen en pas wordt gepubliceerd nadat je deze hebt bevestigd, verloopt het proces sneller en is het ook betrouwbaarder.
Om in de praktijk te testen hoe een AI-assistent voor e-commerce het ontwerp van een online winkel kan ondersteunen, kies je één repetitieve taak uit je volgende campagne, zoals een promotiebanner of een productpresentatie. Log vervolgens in op je Shoplazza-beheerderspaneel en beschrijf het gewenste resultaat aan Athena.
Het omvat vier dingen. Athena kan op basis van een schriftelijke beschrijving een thema-kaart op maat maken en een ontwerpmodel of referentieafbeelding omzetten in een bewerkbare kaart. Je kunt ook een gebied in de thema-editor selecteren en dit via de chat aanpassen. Bovendien kan Athena je product- en collectie-informatie gebruiken om scèneafbeeldingen en teksten te genereren in de taal van je doelmarkt.
Nee. Je beschrijft het gedeelte, de stijl of de wijziging die je wilt in gewone taal, of stuurt een referentieafbeelding, en Athena maakt of bewerkt het voor je. Je hoeft geen sjabloon te zoeken, code te schrijven of door een instellingenpaneel te bladeren. Het is een goede oplossing als je nog niet zo lang een winkel runt en geen ontwikkelaar tot je beschikking hebt.
De voorbeelden in dit artikel volgen een vergelijkbaar patroon. Ze geven aan waar de wijziging op de pagina moet plaatsvinden, wat er moet worden weergegeven, welke stijl moet worden gevolgd en wat ongewijzigd moet blijven. Wanneer je iets bewerkt dat al bestaat, selecteer dan eerst dat gebied in de thema-editor, zodat Athena alleen dat deel wijzigt. Je kunt altijd meer details toevoegen in vervolgberichten.
Nee. Alle ontwerpwijzigingen worden eerst opgeslagen in je themakoncept, zodat je live-winkel hetzelfde blijft totdat je anders beslist. Je kunt een voorbeeld van het resultaat bekijken, het aanpassen of ongedaan maken, en het vervolgens publiceren zodra je tevreden bent.
Ja. Aangepaste kaarten van Athena worden opgeslagen in de groep ‘Door AI gegenereerd’ van je huidige thema, en je kunt ze aan andere pagina’s toevoegen wanneer je ze nodig hebt. Ze blijven ook behouden na een thema-upgrade, dus een promotielay-out die dit seizoen goed werkte, kun je het volgende seizoen weer gebruiken.
Ja. Wanneer Athena een displaykaart maakt, kan het de marketingtekst schrijven in de taal van je doelmarkt. In het voorbeeld van woninginrichting vraagt de instructie om een Engelse tekst, en Athena koppelt deze aan een sfeerfoto en je echte producten. Je kunt in de instructie aangeven welke taal je wilt.