Speed Cart Documentation

Hier krijg je twee sjablonen - Standaard & Elegant. Je kunt naar wens kiezen.

Op het door jou gekozen sjabloon kun je elk kleurenpalet toepassen.

Op het door jou gekozen kleurenpalet kun je Achtergrondkleur, Accentkleur en Tekstkleur aanpassen naar wens.

Welk sjabloon of kleurenpalet u ook kiest, u kunt de knop aanpassen. U kunt de knopradius, knopkleur, kleur van de knoptekst en kleur van de knop bij hoveren wijzigen.

Je kunt naar behoefte een aangepaste sectie toevoegen.
Klik op de knop Sectie toevoegen

Er zijn een beperkt aantal soorten voor het maken van nieuwe secties -

• Aangepast HTML
• Tekst/Bericht
• Afbeeldingbanner
• Spatier
  

Je kunt ze maken zoals je nodig hebt.

Er zijn enkele standaardsecties. Je kunt ze in een andere volgorde zetten, behalve de verplichte secties. Je kunt ook aangeven welke secties worden weergegeven of niet.

Er zijn drie soorten titelvarianten -
1. Alleen tekst
2. Tekst met cijfer
3. Alleen icoon

De eerste twee varianten zijn bijna hetzelfde. De variant Tekst met cijfer maakt het mogelijk om het aantal artikelen in de winkelwagen weer te geven bij de titeltekst

Als u de variant Alleen icoon kiest, verschijnt er alleen een icoon als kop in plaats van tekst.

Je kunt het icoon om het winkelwagenscherm te sluiten instellen.

Schakel de aankondigingsbalk in of uit met de knop Inschakelen/Uitschakelen.

Pas de achtergrond van de aankondigingsbalk aan om op te vallen of bij je thema te passen.
Stel de Timer (min:sec) in om aan te geven hoe lang producten voor de klant zijn "gereserveerd".

Gebruik het dropdownmenu Wanneer het afloopt om te bepalen of de app de aftelling moet herhalen, de aftelling moet verbergen of het item moet verwijderen wanneer de tijd is verstreken.

Pas de tekst aan die aan klanten wordt getoond (bijv. "Je producten zijn gereserveerd voor {Timer} minuten!").
Gebruik de variabele {timer} in je tekst om de live aftelling weer te geven.

Klik op het vertaalicoon naast tekstvelden om gelokaliseerde inhoud te verstrekken voor elke taal die actief is in je winkel (bijv. Spaans).
De interface identificeert je Primaire gepubliceerde taal en toont welke vertalingen momenteel "Niet gepubliceerd" of "Gepubliceerd" zijn.

Pas de Lettergrootte aan met de schuifregelaar en stel een specifieke Letterkleur en Kleur van de timer in voor betere leesbaarheid.

Gebruik de knop Uitschakelen/Inschakelen om de beloningsfunctie in je winkelwagenlade snel aan of uit te schakelen.

De app biedt een handige "Korting aanmaken"-knop die rechtstreeks linkt naar de automatische kortings- of verzendregels van Shopify, zodat de beloning die in de winkelwagen is beloofd, bij het afrekenen wordt toegepast.

Gebruik de kleurkiezers om de voortgangsbalk af te stemmen op het kleurenpalet van uw merk.

Een vervolgkeuzemenu om de visuele stijl van de balk te selecteren (Regulier of Meerdere delen).

Pas de felicitatiemelding aan die aan klanten wordt getoond zodra ze alle beschikbare beloningsniveaus hebben ontgrendeld (bijv. "Gefeliciteerd! Je hebt alle beloningen voltooid").

Wanneer Automatische valuta-omzetting inschakelen is ingeschakeld, gebruikt de app Shopify Markets-gegevens om de prijsdrempels voor beloningen weer te geven in de lokale valuta van de klant op basis van actuele wisselkoersen.

Beloningsicoon weergeven: Een selectievakje om de zichtbaarheid van iconen naast elke beloningsstap te schakelen.
Type beloning: Selecteer in het vervolgkeuzemenu of de beloning een Korting of Verzending is.
Beschrijving beloning & minimumbedrag: Geef de naam van de actie op (bijv. "10% korting") en het minimumbedrag dat in de winkelwagen vereist is om de actie te activeren.
Dynamische voortgangsboodschap: Pas de tekst aan die wordt weergegeven voordat een beloning is behaald. Je kunt de tijdelijke aanduiding min_ammount gebruiken om klanten dynamisch te laten zien hoeveel ze nog meer moeten uitgeven om de actie te ontgrendelen.
Stapbeheer: Je kunt een stap verwijderen om een mijlpaal te verwijderen of op Nieuwe stap toevoegen klikken om een meerstaps beloningsladder te maken.

Klik op het vertaalicoon naast tekstvelden om een pop-up te openen waarin u gelokaliseerde versies van uw berichten kunt invoeren.
Het systeem identificeert uw primaire gepubliceerde taal (bijv. Engels) en stelt u in staat om vertalingen voor andere talen van de webshop (bijv. Spaans) in te voeren.

Schakel de hele upsell-sectie met één klik aan of uit met de statusknop bovenaan het paneel.

In dit gedeelte kunt u de status van de winkelwagen bepalen die de aanbieding activeert:

• Upsell met producten in de winkelwagen: Toont aanbiedingen wanneer een klant al artikelen aan de winkelwagen heeft toegevoegd.
• Upsell voor een lege winkelwagen: Toont specifieke aanbevelingen nog voordat een klant het eerste artikel heeft toegevoegd, om de winkelervaring op gang te helpen.

Wanneer je het type Shopify AI Recommendation selecteert, maakt de app gebruik van de gegevens van Shopify om automatisch de meest relevante artikelen voor te stellen.

Maximaal aantal producten om weer te geven: In dit veld kun je een specifiek limiet instellen (bijv. 5 producten) voor het aantal AI-aanbevelingen dat tegelijkertijd wordt weergegeven, zodat de winkelwagenlade overzichtelijk en georganiseerd blijft.

Aanbevelingsalgoritme: Je kunt kiezen uit twee AI-strategieën:

• Gerelateerd: Stelt artikelen voor die vergelijkbaar zijn met wat er momenteel in het winkelmandje zit.
• Vaak samen gekocht: Stelt artikelen voor die vaak samen met de inhoud van het winkelmandje worden gekocht.

Het type Handmatige Upsell geeft u volledige controle over precies welke producten aan uw klanten worden aanbevolen, in plaats van afhankelijk te zijn van geautomatiseerde algoritmen.

Wanneer je klikt om een handmatige upsell toe te voegen of te bewerken, verschijnt er een gedetailleerd configuratiewerkvenster:

Selectie van de trigger:

• Alle producten: Selecteer dit om de upsell-artikelen te tonen, ongeacht wat er aan de winkelwagen wordt toegevoegd.
• Specifieke producten: Selecteer dit om de upsell alleen te activeren wanneer een klant een bepaald artikel aan de winkelwagen toevoegt.

Conditionele upselling stelt u in staat om complexe, op regels gebaseerde logica in te stellen om automatisch specifieke producten te tonen op basis van het winkelmandje of profiel van de klant.

Logicaregels: Bepaal wanneer aan de voorwaarden wordt voldaan:

• Voldoe aan ELKE voorwaarde (OF): Toont de upsell wanneer minstens één opgegeven regel wordt vervuld.
• Voldoe aan ALLE voorwaarden (EN): Toont de upsell alleen wanneer aan elke regel wordt voldaan.

Soorten voorwaarden: Je kunt regels instellen op basis van verschillende parameters, zoals Winkelwagenartikel - Producttag. Met operatoren zoals "Bevat" kun je gericht op specifieke productgroepen.

Beheer en prioriteit:

• Naam en beschrijving van de upsell: Geef je regel een unieke naam (bijv. "Upsell voor VIP-klanten") en een optionele beschrijving voor interne tracking.
• Prioriteit: Wijs je regels een numerieke waarde toe; items met een hogere prioriteitswaarde worden als eerste in de winkelwagen weergegeven.
• Bewerken/Toevoegen: Gebruik de knop Voorwaardelijke upsell toevoegen om nieuwe regels aan te maken, of klik op het potloodicoon (Bewerken) bij een bestaande regel om wijzigingen aan te brengen.
  

Toont specifieke items aan klanten die nog niet zijn begonnen met winkelen.

Opmerking: Deze modus ondersteunt alleen Shopify AI upsell en alle productenmodus in handmatige upsells.

Verfijn het gedrag en de weergave van je upsell-sectie onderaan de editor:

Weergavelogica:

• Altijd weergeven, ook als het upsell-product in de winkelwagen zit: Houdt de aanbieding zichtbaar, zelfs als de klant dat specifieke artikel al heeft toegevoegd.
• Weergeven bij een lege winkelwagen: Schakelt de zichtbaarheid in of uit voor klanten met 0 artikelen in hun winkelwagen.

Visuele aanpassing:

• Typografie en kleur: Gebruik de schuifregelaars en de kleurenkiezer om de Lettergrootte van de titel (van 12 px tot 24 px) en de Tekstkleur van de titel aan te passen.
• Type lay-out: Kies hoe producten worden weergegeven, bijvoorbeeld in een carrousel.
• Upsell-titel: Pas de koptekst aan (bijv. "Dit vind je misschien ook leuk").

Klik op het vertaalicoon, de interface identificeert je primaire gepubliceerde taal en toont welke vertalingen momenteel "Niet gepubliceerd" of "Gepubliceerd" zijn.

Typografie: Pas de Lettergrootte van de titel aan met de schuifregelaar (van 12 px tot 24 px).

Kleur: Stel een specifieke Tekstkleur van de titel in met een hexadecimale code (bijv. #000000).

Type lay-out: Kies hoe items in de la worden weergegeven uit de volgende opties: Standaard, Carrousel, Swipen of Lijst.

Om de functie in te schakelen, klikt u op de knop Inschakelen in de rechterbovenhoek van het paneel Aanvullende opmerkingen.

Titel: Voer de hoofdtitel in voor het notitiegedeelte, zoals "Speciale opmerking".

Placeholdertekst: Pas de tekst aan die in het lege vak verschijnt om de klant te begeleiden, zoals "Bij een aankoop van meer dan $ 1000 ontvangt u ons VIP-lidmaatschap".

Klik op het vertaalicoon naast de velden Titel of Placeholder om gelokaliseerde inhoud toe te voegen. Er wordt een venster geopend waarin u specifieke tekst voor verschillende talen kunt invoeren.

Gebruik de Inschakelen/Uitschakelen-knop bovenaan het configuratiepaneel om de kortingsbonbox in je winkelwagenlade snel in of uit te schakelen.

Je kunt de tekst en het gedrag van het kortingsveld aanpassen aan de toon van je merk:

• Placeholdertekst voor de kortingscode: Pas de aanwijzing aan die in het invoerveld verschijnt (bijv. "Kortingscode").
• Knoptekst: Wijzig de tekst op de verzendknop (bijv. "Toepassen").
• Inklapbaar: Schakel het selectievakje Inklapbaar in als je het veld voor de kortingscode wilt verbergen achter een klikbare link om ruimte in de la te besparen.

Klik op het vertaalicoon naast de tekstvelden voor de aanduiding of knop om het lokalisatievenster te openen. Je kunt specifieke vertalingen voor verschillende talen invoeren.
De interface toont duidelijk welke vertalingen "Primair" en "Gepubliceerd" zijn en welke "Niet gepubliceerd" zijn.

Klik op de knop Inschakelen/Uitschakelen bovenaan het paneel om het gedeelte in je winkelwagenlade te activeren/deactiveren.

Je kunt de belangrijkste details van het aanvullende product bepalen. Dit omvat het bewerken van de Titel (bijv. "Verzendbescherming") en de Beschrijving om klanten te informeren over de voordelen van het product.

Met deze interface kunt u vertalingen voor de titel van het aanvullend product toevoegen en bewerken. U kunt schakelen tussen verschillende talen (bijv. Engels, Spaans) om ervoor te zorgen dat de producttitel is gelokaliseerd voor uw internationale klanten.

Met deze schakelaar kunt u de visuele weergave van het aanvullende product beheren. Als u "Productafbeelding weergeven" selecteert, verschijnt er een pictogram (zoals een schild voor verzendbescherming) naast het product in de winkelwagenlade.

Selecteer de optie "Vaste prijs" om een vaste prijs in rekening te brengen voor het extra product. Voer eenvoudig het gewenste bedrag in (bijv. $10) om deze specifieke kosten toe te passen, ongeacht het totaalbedrag van de winkelwagen.

Gebruik deze optie om de prijs van het product te berekenen als percentage van de totale orderwaarde. Je kunt een startbedrag configureren, een specifiek percentage instellen en een incrementeel tarief definiëren voor complexere prijsstructuren.

In dit gedeelte kunt u gelaagde prijzen instellen voor het aanvullende product. U kunt specifieke prijsregels definiëren op basis van de totale waarde van het winkelmandje (bijv. $5 in rekening brengen voor bescherming wanneer de waarde van het winkelmandje $0 of meer is) en indien nodig meerdere niveaus toevoegen.

In dit gedeelte kunt u aanvullende producten beheren en aanmaken die klanten bij hun bestellingen kunnen opnemen. Omdat er nog geen aanvullende producten zijn aangemaakt, klikt u eenvoudig op de knop "+ Aanvullend product aanmaken" om uw eerste productaanbieding te gaan configureren.

In dit gedeelte kunt u de basisgegevens van de add-on instellen. U kunt de zichtbaarheid van de titel en beschrijving in- of uitschakelen, de specifieke naam voor de add-on invoeren (bijv. "Geschenkverpakking") en een korte tekstuele beschrijving toevoegen om het product of de dienst aan uw klanten uit te leggen.

Klik op het vertaalicoon naast de velden voor de titel of beschrijving om het lokalisatievenster te openen. Je kunt specifieke vertalingen voor verschillende talen toevoegen.
De interface geeft duidelijk aan welke vertalingen "Primair" en "Gepubliceerd" zijn en welke "Niet gepubliceerd" zijn.

Deze modal wordt gebruikt om een nieuwe add-on aanbieding voor je winkelwagen te maken. In de sectie Productselectie kun je een specifiek product uit je voorraad kiezen als add-on (houd er rekening mee dat alle varianten van het geselecteerde product worden opgenomen). In de sectie Add-on-gedrag kun je de regels instellen voor hoe en wanneer deze add-on aan de klant wordt gepresenteerd.

Deze configuratie zorgt ervoor dat de add-on consequent zichtbaar is voor alle klanten. Door het Type in te stellen op "Standaard (weergeven in winkelwagen)" en Wanneer weergeven/toevoegen op "Altijd", verschijnt het product als een permanente optionele upsell in de winkelwagenlade.

Gebruik deze instellingen om te bepalen hoe de add-on met het winkelmandje omgaat. Selecteer "Standaard (Tonen in winkelmandje)" om klanten de keuze te geven, of "Automatisch toevoegen" om deze automatisch toe te voegen. Je kunt ook de Hoeveelheidsinstellingen gebruiken om het maximale aantal add-ons dat een klant kan kopen te beperken.

Dit gedeelte binnen de instellingen voor "Add-on gedrag" bepaalt wanneer de aanbieding verschijnt. Je kunt "Altijd" kiezen om deze aan elke klant te tonen, of voorwaardelijke opties selecteren zoals "Wanneer product in winkelwagen" om de add-on alleen voor specifieke artikelen te activeren (eenmalig of abonnement).

In deze sectie kun je limieten instellen voor het aanvullende product. Je kunt de Instellingen voor het aantal bepalen (zoals het maximale aantal aanvullende producten dat per product per afrekenproces is toegestaan en het specifieke aantal toe te voegen)

Klik op de knop Inschakelen/Uitschakelen bovenaan het paneel om het gedeelte in je winkelwagenlade te activeren/deactiveren.

Klik op de knop Inschakelen/Uitschakelen bovenaan het paneel om het gedeelte in je winkelwagenlade te activeren/deactiveren.

Deze sectie bevat instructies voor het handmatig toevoegen van de knoppen voor expressbetalingen als deze niet automatisch verschijnen. Het bevat een specifiek Liquid-codestukje dat je in de code-editor van je thema moet plakken om ervoor te zorgen dat de knoppen voor versnelde betalingen correct worden weergegeven in je webshop.

In dit gedeelte kunt u het ontwerp van de expressbetalingsknoppen (zoals Apple Pay of PayPal) verfijnen. U kunt de knophoogte voor zowel de desktop- als mobiele weergave instellen, de uitlijning kiezen (Links, Midden of Rechts), de tussenruimte tussen de rijen aanpassen en de zichtbaarheid van de tekst met toestemming van de klant in- of uitschakelen.

Je kunt de functie in- of uitschakelen met de knop Inschakelen/Uitschakelen in de rechterbovenhoek van de sectiekoppen. Wanneer de functie actief is, verschijnt er een groene status "Actief" naast het menupunt.

In het veld Trust Badge Message kunt u een eigen koptekst invoeren die boven uw iconen verschijnt (bijv. "Gegarandeerd veilige en beveiligde betaling").

Door op het vertaalicoon rechts van het tekstveld te klikken, verschijnt er een pop-up waarin u specifieke vertalingen kunt opgeven voor verschillende talen die actief zijn in uw winkel (bijv. Spaans).

Onder Type icoon voor vertrouwensbadge heb je twee opties voor de weergave van iconen:

• Betaalicoon
• Specifiek icoon

Betaalicoon: Dit is de standaardinstelling. Het toont automatisch een rij logo's van standaard betaalproviders (Visa, Mastercard, PayPal, Apple Pay, etc.) om klanten te laten zien welke betaalmethoden u accepteert.

Specifiek pictogram: Als u liever een op maat gemaakt keurmerk of een specifiek beveiligingsbadge gebruikt (zoals Norton, McAfee of een eigen "Tevredenheid gegarandeerd"-stempel):

1. Wijzig de Pictogramtype van het vertrouwensteken naar Specifiek pictogram.
2. Klik in het vak "Pictogram van het vertrouwensteken" op de knop Afbeelding toevoegen.
3. Upload uw eigen bestand (max. 10 MB; ondersteunde formaten: JPEG, PNG, WEBP).

Je kunt de vereiste activeren of deactiveren door op de knop Inschakelen/Uitschakelen te klikken, die zich in de bovenste koptekst van het instellingenpaneel bevindt.

Je kunt het uiterlijk en gedrag van het selectievakje voor de overeenkomst aanpassen in de sectie Algemene instellingen:

Linktekst: Geef de specifieke tekst op die als hyperlink dient (bijv. "Algemene voorwaarden").

URL-link: Geef de bestemmings-URL op voor je beleidspagina (bijv. /policies/terms-of-service).

Gedragsopties:

Algemene voorwaarden zijn standaard aangevinkt: Wanneer dit is geselecteerd, is het vakje voor de klant vooraf aangevinkt.

Algemene voorwaarden moeten worden aangevinkt: Wanneer dit is geselecteerd, kunnen klanten niet doorgaan naar het afrekenproces zonder het vakje handmatig aan te vinken.

Tekst bij selectievakje: Voer de hoofdtekst in die naast het selectievakje verschijnt. Gebruik de aanduiding {link} om aan te geven waar de klikbare link in de zin moet worden geplaatst.

Klik op het vertaalicoon naast de tekstvelden om de vertaalinterface te openen.

Je kunt specifieke vertalingen aanbieden voor elke taal die in je winkel beschikbaar is (bijv. Engels of Spaans) om een naadloze ervaring voor internationale klanten te garanderen.

Gebruik het aangeboden tekstveld om aangepaste CSS-code toe te voegen waarmee u het uiterlijk van elk element in de winkelwagenlade kunt wijzigen.

Dit gedeelte zorgt ervoor dat de app correct is gesynchroniseerd met je Shopify-winkel.

• Storefront activeren: Bevestigt dat de winkel is geautoriseerd om in realtime kortingen toe te passen en de benodigde producteigenschappen te lezen.
• Opnieuw genereren: Als de winkel recente wijzigingen niet weergeeft, gebruik dan deze knop om de verbinding te verversen.

Controleer welke productdetails worden weergegeven voor elk item in de winkelwagenlade:

• Vergelijkprijs weergeven: Toont de originele prijzen naast de aanbiedingsprijzen om de besparingen te benadrukken.
• Variantnaam weergeven: Toont specifieke productopties (bijv. Maat: Groot, Kleur: Blauw).
• Kenmerken (opties) weergeven: Toont alle aangepaste eigenschappen of opmerkingen van het artikel.
• Gebruikers toestaan om het verkoopplan te verwijderen: Geeft klanten de flexibiliteit om zich rechtstreeks vanuit de winkelwagen af te melden voor abonnementen.

Optimaliseer het onderste gedeelte van je winkelwagen voor betere conversies:

• Toon subtotaal/totaalprijs: Schakel de zichtbaarheid van prijsuitsplitsingen in of uit.
• Scrollbare checkout-sectie: Houdt de checkout-knop zichtbaar terwijl gebruikers door totalen of voorwaarden kunnen scrollen.
• Inklapbare subtotaal-sectie: Zorgt voor een rustigere uitstraling door prijsdetails te verbergen totdat erop wordt geklikt.

Deze sectie is essentieel voor lokalisatie en de merkstem. Je kunt elke tekst die een gebruiker ziet aanpassen, waaronder:

• Knopstitels: Pas de labels "Afrekenen" of "Bestellingsoverzicht" aan.
• Staten van een lege winkelwagen: Wijzig de titel en beschrijving (bijv. "Je winkelwagen is eenzaam!") om mensen aan te moedigen te winkelen.
• Prijslabels: Verander de teksten "Subtotaal", "Verzending" en "Abonnement" zodat ze aansluiten bij je voertaal of de toon van je webshop.

Gebruik dit vervolgkeuzemenu om het zwevende winkelwagenicoon in je hele webshop in of uit te schakelen.

Pas de look en feel van het zwevende icoon aan om deze af te stemmen op de esthetiek van je merk:

• Icoon selecteren: Kies uit verschillende stijlen voor winkelwagens en shoppingbags om je winkel zo goed mogelijk weer te geven.
• Achtergrondkleur: Stel de hoofdkleur in voor de achtergrond van de zwevende knop.
• Ikoonkleur: Pas de kleur van het winkelwagen-/shoppingbag-icoon zelf aan.
• Tekst- en achtergrondkleur aantal: Verander de kleuren van de badge met het aantal artikelen om ervoor te zorgen dat het aantal artikelen in de winkelwagen duidelijk zichtbaar en opvallend is.
• Knopradius: Gebruik de schuifregelaar om de ronding van de hoeken van de knop aan te passen, van scherpe vierkante randen tot een volledige cirkel.

Kies waar het pictogram op het scherm verschijnt (bijv. Linksonder, Rechtsonder, enz.) om overlapping met andere chatwidgets of elementen van de winkel te voorkomen.

Controleer de zichtbaarheid door te kiezen om de zwevende winkelwagen op alle apparaten weer te geven, of deze specifiek te beperken tot mobiele of desktopgebruikers.