RepairDirect Widget

De RepairDirect Widget maakt het mogelijk om schade-intakes direct vanaf je eigen website, zonder dat je zelf formulieren hoeft te bouwen of logica hoeft in te richten. De widget wordt ingeladen via een extern JavaScript-bestand en weergegeven binnen een HTML-element op de pagina.

Deze oplossing is ideaal voor bijvoorbeeld dealerwebsites, leasemaatschappijen of softwarepartners die RumbleDirect willen integreren in hun eigen omgeving, op een manier die zowel visueel als functioneel naadloos aansluit.

🔧 Hoe werkt het?

De widget werkt als volgt:

1. Je plaatst een <script>-tag op de pagina die het benodigde JavaScript-bestand laadt vanaf onze CDN.
2. Je voegt een <div> toe op de plek waar je de widget zichtbaar wilt maken.
3. Zodra de pagina is geladen, initialiseert het script automatisch de widget binnen het opgegeven element.

🌐 Omgevingen

We ondersteunen twee verschillende omgevingen:

• Acceptatieomgeving:
  Voor testen en ontwikkeling.
  CDN URL: https://cdn.rumbledirect.dev/widget/latest/index.js

• Productieomgeving:
  Voor livegebruik in je publieke omgeving.
  CDN URL: https://cdn.rumbledirect.com/widget/latest/index.js

Tijdens het integratieproces zullen wij aangeven welke omgeving je kunt gebruiken. Ook ontvang je van ons de benodigde configuratiegegevens: clientId, clientSecret, formId en (optioneel) servicePartnerId.

📦 Integreren in je pagina

1. Voeg het script toe

Plaats de volgende <script>-tag vlak vóór de sluitende </body>-tag van je HTML:

<script
  src="https://cdn.rumbledirect.dev/widget/latest/index.js"
  defer
></script>

Let op: Gebruik in productie de cdn.rumbledirect.com URL.

2. Voeg de widget-container toe

Op de plek waar je de widget wilt tonen, voeg je dit <div>-element toe:

<div
  id="rumbledirect-widget"
  data-client-id="YOUR_CLIENT_ID"
  data-client-secret="YOUR_CLIENT_SECRET"
  data-form-id="YOUR_FORM_ID"
></div>

Integratie voor specifieke herstellers

Voor lokale vestigingen of specifieke herstellers kun je ook een data-service-partner-id toevoegen:

<div
  id="rumbledirect-widget"
  data-client-id="YOUR_CLIENT_ID"
  data-client-secret="YOUR_CLIENT_SECRET"
  data-form-id="YOUR_FORM_ID"
  data-service-partner-id="YOUR_SERVICE_PARTNER_ID"
></div>

Integratie voor specifieke hersteller groepen (collections)

Als je wilt integreren met een collectie van servicepartners (in plaats van een enkele partner), voeg dan een data-service-partner-collection-id toe. Met dit attribuut kun je meerdere servicepartners als een collectie targeten.

<div
  id="rumbledirect-widget"
  data-client-id="YOUR_CLIENT_ID"
  data-client-secret="YOUR_CLIENT_SECRET"
  data-form-id="YOUR_FORM_ID"
  data-service-partner-collection-id="YOUR_SERVICE_PARTNER_COLLECTION_ID"
></div>

Vervang YOUR_CLIENT_ID, YOUR_CLIENT_SECRET, YOUR_FORM_ID en (indien van toepassing) YOUR_SERVICE_PARTNER_ID of YOUR_SERVICE_PARTNER_COLLECTION_ID met de gegevens die wij je toesturen.

De id van het div-element moet altijd rumbledirect-widget zijn. De widget wordt automatisch geladen zodra het script is ingeladen en de div correct is geplaatst.

🧪 Klaar om te testen?

Zodra de widget zichtbaar is, kun je direct een testmelding doen (in de acceptatieomgeving). Wij helpen je uiteraard bij het controleren van de integratie en kunnen meekijken indien gewenst.

Heb je vragen of loop je ergens tegenaan? Mail ons op [email protected] — we staan voor je klaar.

Veel succes met de integratie! 🚀