Quick start (modal style, Shopify-like)

<!-- (optionnel) CSS si vous préférez un fichier -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/style.css"> -->

<!-- Conteneur : un par instance -->
<div
  id="santander-personal-root-1"
  data-language="fr"
  data-primary-color="#e60000"
  data-bg-color="#ffffff"
  data-header-bg="#111111"
  data-header-fg="#ffffff"
  data-text-cost-color="#e60000"
  data-fixed-rates-url="/assets/fixedRates.json"
  data-render-inline="true"
  data-cta-text="Paiement échelonné."
></div>

<script
  src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.global.js"
  defer
></script>
<script>
  window.addEventListener("DOMContentLoaded", () => {
    window.SantanderCalc.init({
      selector: "#santander-personal-root-1",
      onQuoteChange: (q) => console.log("quote", q), // optionnel
    });
  });
</script>