Toegangsgegevens en omgevingen#
Configureer toegangsgegevens voor je Visualizer SDK-webshop en, indien nodig, de Product Import API. Het lezen van openbare documentatie maakt geen toegangsgegevens aan en geeft geen toegang tot een winkel.
Welke toegangsgegevens horen waar?#
| Integratie | Toegangsgegevens | Waar ze thuishoren |
|---|---|---|
| Webshop-SDK | Shop ID en Publishable Key | Attributen van het webshop-SDK-script |
| Product Import API | Client ID en Client Secret | Je backend of een veilige servertaak |
Een Publishable Key is bedoeld voor de browser. Een Client Secret moet op je server blijven. Plak ze nooit in een thema, openbare Markdown, clientbundel of schermafbeelding voor ondersteuning.
Toegangsgegevens verkrijgen en instellen#
Open het handelaarsdashboard, selecteer de juiste winkel en bekijk SDK-integratie en Instellingen. Volg de onboardinginstructies voor Client ID en Client Secret.
Allowed Origins (CORS) instellen#
Open voordat je de SDK test of publiceert Dashboard → Instellingen voor de juiste winkel en zoek Allowed Origins (CORS).
- Voer de oorsprongen in van de webshops die de SDK zullen laden, gescheiden door komma's. Bijvoorbeeld:
https://example.com, https://www.example.com, https://shop.example.com. - Gebruik het protocol en de hostnaam, plus de poort indien van toepassing, zonder paginapad, querystring of fragment. Voeg ook de oorsprong van je voorbeeld- of testomgeving toe als je de SDK daar test; gebruik
http://localhost:3000alleen als dat je daadwerkelijke lokale testoorsprong is. - Klik op Opslaan, laad de webshop opnieuw en test de SDK nogmaals.
Controleer de daadwerkelijke URL die klanten bezoeken: https://example.com en https://www.example.com zijn verschillende oorsprongen. Een geslaagde lokale test of voorbeeldtest bewijst niet dat de gepubliceerde oorsprong is ingesteld.
Voorbeeldwaarden vervangen#
Voorbeelden gebruiken tijdelijke waarden zoals <SHOP_ID>, <PUBLISHABLE_KEY> en <YOUR_CLIENT_SECRET>. Vervang ze alleen in de bedoelde omgeving. HTML-voorbeelden kunnen punthaken coderen als < en >; vervang de gehele tijdelijke waarde, inclusief die codering.
SDK- en productimportomgevingen#
De browser laadt https://sdk.ideal.house/sdk.js met de Shop ID en Publishable Key van dezelfde winkel. De Product Import API blijft https://sdkapi.ideal.house gebruiken, met de gedocumenteerde serverauthenticatie.
Configureer de oorsprongen van je voorbeeld- en productiewebshop afzonderlijk zoals hierboven beschreven. Gebruik voorbereide testproducten vóór publicatie en doorloop vervolgens de publicatiechecklist.