Sticky Add to Cart toevoegen aan Shopify

De knop ‘Add to Cart’ is een van de belangrijkste elementen op elke productpagina. Maar zodra klanten door de pagina scrollen, verdwijnt de oorspronkelijke knop vaak uit beeld, waardoor kopen lastiger wordt.

Progus Sticky Add to Cart Bar lost dit op door de koopknop zichtbaar te houden terwijl klanten verder kijken. Twijfel je nog of een sticky CTA de juiste keuze is voor je webshop? Lees dan onze vergelijking tussen Sticky Add to Cart en een standaard Add to Cart-knop.

In deze handleiding laten we zien hoe je Progus Sticky Add to Cart toevoegt aan je Shopify-winkel, de app activeert en je sticky balk aanpast.

Stap 1: Installeer en open Progus Sticky Add to Cart

Je kunt de app op twee manieren installeren:

Optie 1: Via de Shopify App Store

• Ga naar de Shopify App Store
• Zoek op Progus Sticky Add to Cart Bar
• Klik op Install

Optie 2: Via de website van Progus

Je kunt de app ook direct installeren via de officiële pagina: Progus Sticky Add to Cart

Na de installatie: open de app vanuit je Shopify-dashboard.

Je ziet vervolgens het hoofddashboard met een installatiegids die je helpt om de app te activeren, je Sticky Add to Cart Bar aan te passen en te controleren of alles goed werkt in je winkel.

Stap 2: Activeer de app

Nadat je Progus Sticky Add to Cart hebt geopend vanuit je Shopify-dashboard, zie je de hoofdgids voor de installatie.

Begin met het activeren van de app. Klik op Activate.

Shopify kan daarna je instellingen voor theme app embeds openen. Gebeurt dat, schakel dan de app embed in en klik rechtsboven op Save.

Ga daarna terug naar Progus Sticky Add to Cart en vernieuw indien nodig de installatiestatus.

Stap 3: Open het aanpassingspaneel

Zodra de app actief is, ga je terug naar de installatiegids en klik je op Customize.

Hiermee open je het aanpassingspaneel, waar je je Sticky Add to Cart kunt bewerken en wijzigingen rechts op het scherm kunt bekijken.

Stap 4: Stel de balkinstellingen in

Begin in de sectie Bar. Hier pas je de algemene uitstraling en werking van je Sticky Add to Cart Bar aan.

Je kunt onder meer deze instellingen aanpassen:

• achtergrondmodus en kleur
• positie en zichtbaarheid van de balk
• effecten
• rand
• afstand

Kies instellingen waardoor de balk goed opvalt zonder klanten af te leiden van de productpagina. Voor de meeste shops is een positie onderaan het scherm een goed startpunt, vooral op mobiel.

Stap 5: Voeg een countdown of aankondiging toe

Ga naar de sectie Countdown om een korte boodschap of timer aan je sticky balk toe te voegen.

Je kunt instellen wanneer de countdown verschijnt, de tekst aanpassen, kleuren wijzigen en kiezen voor een vaste tijd of een specifieke einddatum.

Gebruik deze sectie voor echte promoties of tijdelijke aanbiedingen en houd de boodschap kort, zodat die de aankoopbeslissing ondersteunt zonder af te leiden.

Stap 6: Pas productinformatie aan

In de sectie Product kies je welke productgegevens in je sticky balk moeten verschijnen.

Je kunt de productafbeelding, naam, prijs, vergelijkingsprijs en kortingsbadge tonen of verbergen.

Voor de meeste shops zijn de productnaam, prijs en de Add to Cart-knop voldoende om de balk duidelijk en gebruiksvriendelijk te houden.

Stap 7: Pas aantal- en variantopties aan

In de sectie Quantity kun je selectors voor aantal en varianten inschakelen.

Als je producten varianten hebben, zoals maat of kleur, kan het tonen van een variantselector de koopervaring soepeler maken. Houd dit onderdeel eenvoudig, vooral op mobiel, zodat klanten opties kunnen kiezen zonder overweldigd te raken.

Stap 8: Pas de Add to Cart-knop aan

Ga naar de sectie Add To Cart om de knoptekst, kleuren en klikactie aan te passen.

Je kunt je eigen CTA-tekst gebruiken, zoals Add to Cart, Add to Bag of Bestelling plaatsen.

Je kunt ook kiezen wat er gebeurt nadat een klant op de knop klikt:

• op de pagina blijven
• naar de winkelwagen gaan
• naar checkout gaan

Voor de meeste shops is duidelijke en vertrouwde tekst zoals Add to Cart de veiligste keuze. Wil je de kooproute verkorten, dan kun je testen of klanten direct naar de winkelwagen of checkout sturen beter werkt.

Stap 9: Kies waar de sticky balk verschijnt

In de sectie Display kies je waar de Sticky Add to Cart Bar moet verschijnen.

Je kunt de balk tonen op:

• alle producten
• specifieke producten
• specifieke collecties

Je kunt indien nodig ook geselecteerde producten of collecties uitsluiten.

Stel je de app voor het eerst in, begin dan met All products en pas de weergaveregels later aan.

Stap 10: Bekijk, test en bevestig de installatie

Controleer vóór je afrondt in het voorbeeldvenster hoe je Sticky Add to Cart Bar eruitziet op desktop en mobiel. Zorg dat de CTA goed zichtbaar is, de tekst leesbaar blijft en de balk geen belangrijke content bedekt.

Open daarna een van je productpagina’s, scroll omlaag tot de Sticky Add to Cart Bar verschijnt en test de knop door een product aan de winkelwagen toe te voegen. Werkt alles goed, ga dan terug naar de installatiegids en klik op Confirm.

Je Progus Sticky Add to Cart Bar is nu klaar om je CTA zichtbaar te houden terwijl klanten door je Shopify-winkel browsen.

Best practices na installatie

Houd je sticky balk na de installatie eenvoudig, zichtbaar en makkelijk in gebruik.

• Laat de balk aansluiten op de kleuren en het ontwerp van je webshop
• Houd de CTA duidelijk en makkelijk te begrijpen
• Test de mobiele versie zorgvuldig
• Voeg niet te veel elementen tegelijk toe
• Gebruik countdowns of aankondigingen alleen als ze een echte aanbieding ondersteunen

Het doel is om het aankoopproces makkelijker te maken, niet om klanten af te leiden van de productpagina.

Is je Add to Cart-knop wel zichtbaar maar krijg je nog steeds weinig kliks? Bekijk dan onze gids: Waarom gebruikers niet op Add to Cart klikken →

Samenvatting

Progus Sticky Add to Cart Bar toevoegen aan je Shopify-winkel is een eenvoudige manier om je CTA beter zichtbaar te maken en het aankoopproces soepeler te laten verlopen.

Met de app houd je de Add to Cart-knop zichtbaar, pas je de sticky balk aan, voeg je promotionele berichten toe en bepaal je waar de balk verschijnt.

De app is ontworpen om snel en eenvoudig in te stellen en is gratis te installeren.

Probeer Progus Sticky Add to Cart en houd je Add to Cart-knop altijd zichtbaar →

Veelgestelde vragen

Hoe voeg ik Sticky Add to Cart toe aan Shopify?

Installeer Progus Sticky Add to Cart via de Shopify App Store of de website van Progus, activeer de app in Shopify, pas de sticky balk aan en test deze op je productpagina.

Heb ik programmeerkennis nodig om dit te installeren?

Nee. Progus Sticky Add to Cart is ontworpen om snel en eenvoudig zonder code te worden ingesteld.

Is Progus Sticky Add to Cart gratis?

Ja, de app is gratis te installeren.

Werkt Sticky Add to Cart ook op mobiel?

Ja. Je kunt de sticky balk op zowel desktop als mobiel bekijken en testen voordat je de installatie bevestigt.

Kan ik de sticky balk aanpassen?

Ja. Je kunt het ontwerp van de balk, productgegevens, countdownbericht, Add to Cart-knop en weergaveregels aanpassen.

Maakt dit mijn Shopify-winkel trager?

De app is ontworpen om lichtgewicht te zijn, maar het blijft verstandig om de prestaties van je winkel te testen nadat je een Shopify-app hebt geïnstalleerd.