Alles wat u moet weten om
met Stepconfigurator te werken.

Installatie

Na aankoop ontvangt u een welkomstmail met een downloadlink naar de Stepconfigurator plugin (een .zip bestand) en uw persoonlijke licentiesleutel.

1. Log in op uw WordPress beheerderspaneel.
2. Ga naar Plugins → Nieuwe plugin toevoegen → Plugin uploaden.
3. Kies de ontvangen stepconfigurator-x.x.x.zip en klik op Nu installeren.
4. Klik na installatie op Plugin activeren.

Licentie activeren

Zonder een actieve licentie werkt de plugin in beperkte modus en ontvangt u geen automatische updates. Activatie kost minder dan een minuut.

1. Ga in het beheerdersmenu naar Stepconfigurator → Licentie.
2. Plak uw licentiesleutel in het invoerveld (formaat: SC-XXXX-XXXX-XXXX-XXXX).
3. Klik op Activeren.

Na succesvolle activatie ziet u een groene melding met de geldigheidsdatum van uw licentie. De plugin controleert dagelijks automatisch of er updates beschikbaar zijn.

Eerste product klaarzetten

Stepconfigurator werkt bovenop bestaande WooCommerce-producten. U bepaalt per product of er een configurator op geactiveerd wordt.

1. Ga naar Producten en open een bestaand product, of maak een nieuw product aan.
2. Scroll naar het blok Productgegevens.
3. Kies bij producttype voor Eenvoudig product of Variabel product.
4. Klik op het nieuwe tabblad Configurator in het zijmenu van het productgegevens-blok.
5. Vink Configurator activeren voor dit product aan.

De configurator werkt alleen op eenvoudige en variabele producten. Grouped en external producten worden niet ondersteund.

Configurator-pagina aanmaken

De plugin heeft een speciale WordPress-pagina nodig waar bezoekers landen als ze op de configurator-knop op een productpagina klikken. Zonder deze pagina werkt de configurator niet.

U kunt de pagina automatisch laten aanmaken via Stepconfigurator → Instellingen. Klik daar op de knop Configurator-pagina aanmaken. De plugin maakt dan een pagina met de slug /configurator/ en koppelt deze automatisch.

Wilt u liever zelf een pagina kiezen? Ga naar Pagina's → Nieuwe pagina, geef de pagina een naam en de shortcode [stepconfigurator] als enige inhoud. Selecteer daarna de pagina in Stepconfigurator → Instellingen → Configurator-pagina.

Stappen toevoegen

Een configurator bestaat uit een reeks stappen die de klant doorloopt. Elke stap is een aparte vraag of keuze. U kunt onbeperkt stappen toevoegen.

1. Open het product met de configurator.
2. Klik op het tabblad Configurator.
3. Klik op Stap toevoegen.
4. Geef de stap een titel (bijvoorbeeld "Kies een kleur") en een optionele beschrijving.
5. Voeg groepen en opties toe binnen de stap (zie volgende paragraaf).

Stappen zijn versleepbaar. Pak het pijltjes-icoon links van een stap vast en versleep om de volgorde te wijzigen. De klant doorloopt de stappen in de volgorde waarin u ze hier zet.

Groepen en opties

Binnen elke stap werkt u met groepen die opties bevatten. Een groep is bijvoorbeeld "Beschikbare kleuren" en de opties zijn dan "Rood", "Zwart" en "Wit".

Een groep toevoegen

Klik binnen een stap op Groep toevoegen. Geef de groep een naam en kies een weergavemodus: lijst, kaarten of grid. Voor groepen met afbeeldingen werkt grid het mooist, voor tekstkeuzes kies u meestal lijst.

Opties toevoegen

Klik binnen een groep op Optie toevoegen. Per optie kunt u instellen:

• Label: de naam die de klant ziet
• Beschrijving: optionele uitleg onder het label
• Afbeelding: optioneel, uit de WordPress mediabibliotheek
• Meerprijs: optioneel bedrag dat bovenop de productprijs komt
• Standaard geselecteerd: vinkje om deze optie standaard te kiezen

WooCommerce variaties koppelen

Voor variabele producten kunt u een groep direct koppelen aan een WooCommerce variatie-attribuut. De plugin haalt dan automatisch alle waarden op en houdt voorraad en prijs synchroon met WooCommerce zelf.

1. Zorg dat het product een variabel product is met minimaal één variatie-attribuut.
2. Voeg een groep toe binnen een stap.
3. Kies bij Type voor Gekoppeld aan WooCommerce variatie.
4. Selecteer in het dropdown het attribuut dat u wilt koppelen.

De plugin gebruikt vanaf dat moment de WooCommerce-waarden. Wijzigingen in de WooCommerce variatieprijs of voorraad zijn direct zichtbaar in de configurator.

Conditionele logica

U kunt stappen, groepen en opties laten verschijnen of verdwijnen op basis van eerdere keuzes. Zo houdt u de configurator overzichtelijk en relevant.

1. Open een stap, groep of optie.
2. Klik op het tabblad Voorwaarden.
3. Klik op Regel toevoegen en kies een eerder gemaakte optie.
4. Kies moet geselecteerd zijn of mag niet geselecteerd zijn.

Voorbeeld: u verkoopt scooters en heeft een stap "Topkoffer kleur". Deze stap heeft alleen zin als de klant in een eerdere stap voor topkoffer toevoegen heeft gekozen. Voeg dan een voorwaarde toe waarin "Topkoffer toevoegen" geselecteerd moet zijn.

Prijzen en meerprijs

De basisprijs van het product komt uit WooCommerce. Per optie kunt u een meerprijs instellen die bovenop deze basisprijs komt. Aan het einde van de configuratie ziet de klant een prijsoverzicht met alle gekozen meerprijzen.

Meerprijzen kunnen positief of negatief zijn. Zo kunt u een korting toepassen wanneer de klant juist een goedkopere optie kiest (bijvoorbeeld geen accessoires).

De gekozen configuratie en het totaalbedrag worden meegestuurd naar de winkelwagen en zijn zichtbaar in de bestelbevestiging en het ordersysteem.

Uiterlijk aanpassen

Onder Stepconfigurator → Uiterlijk past u de visuele stijl van de configurator aan zodat hij naadloos bij uw website past.

• Hoofdkleur: gebruikt voor knoppen en geselecteerde opties
• Tekstkleur: basiskleur voor labels en koppen
• Achtergrondkleur: achtergrond van de configurator-container
• Hero titel: tekst bovenaan de configurator-pagina
• Hero subtitel: kleinere tekst onder de titel
• Logo: uw eigen logo bovenaan de configurator

Wijzigingen zijn direct zichtbaar na opslaan. Mocht u een cache-plugin gebruiken, leeg dan de cache.

Talen (NL/EN)

De plugin ondersteunt standaard Nederlands en Engels. Onder Stepconfigurator → Instellingen → Taal kiest u de taal van de frontend-interface.

De labels die u zelf invoert (groepsnamen, optienamen, beschrijvingen) blijven in de taal waarin u ze hebt opgeslagen. Heeft u een meertalige WooCommerce-installatie met WPML of Polylang? Neem dan contact op voor advies over de juiste setup.

Gespreid betalen instellen

Stepconfigurator heeft ingebouwde ondersteuning voor het tonen van een gespreid-betalen-indicatie op de configurator (bijvoorbeeld "vanaf 49 euro per maand"). Dit werkt onafhankelijk van uw daadwerkelijke betaalmethode in WooCommerce.

1. Ga naar Stepconfigurator → Instellingen → Betaalopties.
2. Vink iN3 of SprayPay aan, afhankelijk van welke u gebruikt.
3. Stel het rentepercentage, vast bedrag of looptijd in.
4. Optioneel: upload een eigen logo van de betaalaanbieder.

De indicatie verschijnt automatisch onder de prijs in de configurator. Het is een visuele indicatie en triggert geen daadwerkelijke kredietaanvraag. Voor de daadwerkelijke betaling gebruikt u de standaard WooCommerce-betaalmethoden.

Updates installeren

Met een actieve licentie ontvangt u automatisch een update-melding in uw WordPress beheerderspaneel, net als bij andere plugins.

1. Bij een update verschijnt een melding bovenaan de plugin-pagina.
2. Klik op Nu bijwerken.
3. WordPress installeert de nieuwe versie. Uw instellingen en configurator-data blijven behouden.

Veelvoorkomende problemen