Skip to main content
Deze gids leidt je door het instellen van Upcart met de belangrijkste modules, van visuele aanpassing tot activering in je webshop. Upcart vervangt de cart drawer van je thema visueel, maar het integreert niet met de cart drawer of winkelwagenpagina van je thema. De winkelwagenpagina van Shopify blijft toegankelijk.

Modules beheren

Elke Upcart-module kan eenvoudig worden in- of uitgeschakeld. Klik gewoon op de knop Enable/Disable in de rechterbovenhoek om een module op elk moment aan of uit te zetten. Je wijzigingen worden direct van kracht zodra je ze opslaat. Rij van de aankondigingenmodule gemarkeerd als Disabled met een pijl naar de knop Enable

Winkelwagenontwerp

Wanneer je de Cart Editor van Upcart voor het eerst opent, kom je terecht in de Design-module. Hier kun je de basiskleuren van de drawer aanpassen aan de huisstijl van je winkel. Design-module van de Upcart Cart Editor met kleurinstellingen naast een live voorbeeld van de cart drawer

Aankondigingen

Om een winkelwagenbericht of afteltimer weer te geven, ga je naar Body > Announcements. Klik in de rechterbovenhoek op Enable. De badge naast de modulenaam verandert van Disabled in Active. Voer je bericht in het veld Announcement Text in en configureer indien nodig de timer. Aankondigingsinstellingen met timer, tekstveld voor de aankondiging en kleuropties Zorg ervoor dat je de variabele {TIMER} gebruikt voor afteltimers in je aankondigingstekst om een correcte werking te garanderen (bijv. “Deze aanbieding is slechts beschikbaar.”). Vermijd het direct kopiëren van opgemaakte tekst uit tools van derden. Als je klaar bent, klik dan op Save in de rechterbovenhoek.

Problemen op themaniveau

  • CSS- of app-conflicten: Controleer of CSS-eigenschappen zoals display: none; de aankondigingsbalk niet verbergen. Controleer ook of apps van derden deze instellingen niet overschrijven.
  • Zichtbaarheid van tekst: Controleer of de tekstkleur van de aankondigingsbalk contrasteert met de achtergrond en pas deze indien nodig aan in je thema-instellingen.

Geavanceerde stappen voor foutopsporing

Bekijk bij aanhoudende problemen de fouten in de browserconsole op scriptproblemen die de aankondigingsbalk beïnvloeden en schakel apps van derden tijdelijk uit om conflicten op te sporen.

Beloningen

Om een voortgangsbalk weer te geven die klanten aanmoedigt om meer uit te geven, schakel je de beloningenmodule (Rewards Module) in.

Algemene instellingen

Stel je huisstijlkleuren in en het bericht dat wordt getoond nadat het laatste beloningsniveau is bereikt. Kies een beloningsbasis in de kaart Rewards calculation onder General settings:
  • Cart total ($): Volgt de totale waarde van de winkelwagen
  • Cart quantity (#): Volgt het aantal artikelen
Algemene instellingen van de beloningenmodule met balkkleuren en velden voor het voltooiingsbericht

Niveau-instellingen

Kies je beloningstype:
  • Shipping: Ontgrendelt gratis verzending bij het niveau
  • Discount: Ontgrendelt een korting bij het niveau
  • Product: Voegt een product toe aan de winkelwagen
Of de voortgang van een niveau vóór of na kortingen wordt gemeten, stel je één keer in voor de hele balk, met het selectievakje Use pre-discounted prices for cart total in Rewards calculation — het is geen eigenschap van het beloningstype. Stel een minimumdrempel in om de beloning te activeren en pas het veld Title before achieving tier aan. Je kunt maximaal vier beloningsniveaus aanmaken. Niveau-instellingen met de keuzelijst voor het beloningstype, het minimumbedrag en de titelvelden voor het niveau
Deze schermafbeelding dateert van vóór de huidige labels: de sectie heet er “Rewards settings” en het veld “Text before achieving”. Het zijn dezelfde instellingen — ze heten nu Tier settings en Title before achieving tier.

Upsells

Schakel Use AI Recommended Upsells in, selecteer het algoritme Related en zet Smart Variant Matching aan om passende productvarianten vooraf te selecteren op basis van de inhoud van de winkelwagen. Upsell-instellingen met AI-aanbevolen upsells, het algoritme Related en slimme variantmatching ingeschakeld Pas de titel van je sectie en het label van de knop Add aan. Upsell-velden voor het maximale aantal weer te geven upsells en de titeltekst van de sectie

Add-ons

Om een add-on met schakelaar in de footer te tonen, kun je een van deze opties inschakelen:

Verzendbescherming

Selecteer Shipping Protection en configureer dynamische prijsniveaus op basis van de winkelwagenwaarde.
Hiermee wordt een echt product in je Shopify-catalogus aangemaakt.
Instellingen van de add-on Shipping Protection met titel, beschrijving en prijsniveaus

Product-add-on

Ga naar het tabblad Product Add-On en selecteer een bestaand product om als upsell aan te bieden. Tabblad Product add-on met een geselecteerd Energy Drink-product en de knop Change Product

Upcart activeren in je winkel

Stap één: Zet je winkelwagen live

Zodra alles is geconfigureerd, ga je naar Manage All Carts > selecteer de winkelwagen die je actief wilt maken > klik op Publish. Na publicatie verschuift de winkelwagen naar het live-gedeelte van de winkelwagentabel. Er wordt een waarschuwingsbadge “App embed off” getoond totdat je de Upcart-app-embed in je thema inschakelt, wat de volgende stap is. Met de embed aan verandert de badge in een groene badge “Live” die bevestigt dat de winkelwagen in je webshop wordt weergegeven.
De app-embed bepaalt of de Upcart cart drawer in je webshop wordt weergegeven. Als je kortingen (Discounts) hebt geconfigureerd, blijven die regels actief via het kortingssysteem van Shopify, zelfs wanneer de app-embed is uitgeschakeld.
Een winkelwagen publiceren in Upcart met het bevestigingsvenster voor Publish geopend

Stap twee: Schakel de Theme App Embed in

Om Upcart in je thema te activeren, ga je naar Shopify Admin → Online Store → Themes → Customize → App embeds, schakel je de app-embed Upcart in en klik je op Save. De schakelaar Upcart Cart Drawer inschakelen in het paneel App embeds van het Shopify-thema Als je problemen tegenkomt of compatibiliteitsproblemen ervaart, neem dan gerust contact op met onze Support Chat voor hulp.