Smava Schnellrechner

Script:


        <div id="smava-calculator"></div>
        <script src="https://widgets.smava.de/calculator.js"></script>
        <script>
          new calculator({
              target: document.getElementById('smava-calculator'),
              partnerLink: "https://kreditvergleich.smava.de/coop/antrag",
              refId: "INSERT_REF_ID_HERE"
          });
        </script>

Configurations:

target, partnerLink & refId are mandatory fields.

target specifies the HTML element where the calculator should be embedded on the page.
partnerLink specifies the destination URL. Use the one given in the example.
refId indicates the referrer id of the partner. Must be set to your link advertisement id.

Optional parameters:

hasShadow: [Boolean, default: false]: This parameter controls the outer shadow of the widget.
showAd: [Boolean, default: false] Displays the word Anzeige above the calculator.
showService: [Boolean, default: false] Displays the text "Ein Service von smava (Logo)".
buttonText: [string, default: 'Zum Kreditvergleich'] Sets call to action button text.
loanSum: [integer, default: 20000] Should contain the value from available options.
duration: [integer, default: 84] Should contain the value from available options.
category: [integer, default: 888] List of available categories
- 8992946 = Umschuldung
- 887 = Auto / Motorrad
- 886 = Wohnen
- 40895887 = Gewerbe
- 888 = Freie Verwendung
colors: [object] { calculator: { background: '#ffffff' // background color }, header: { text: '#000000' // Header text color }, labels: { text: '#707070' // Dropdown label text color }, formfields: { text: '#172507', // Dropdown text color border: '#979797' // Dropdown border color }, button: { background: '#28a745',// Button background color hover: '#74c47f', // Button mouseover background color text: '#ffffff'// Button text color } }

Full example code with all configurations:


        <div id="smava-calculator"></div>
        <script src="https://widgets.smava.de/calculator.js"></script>
        <script>
          new calculator({
            target: document.getElementById('smava-calculator'),
            partnerLink: 'https://kreditvergleich.smava.de/coop/antrag',
            refId: 'INSERT_REF_ID_HERE',

            loanSum: 20000,
            duration: 84,
            category: 888,

            buttonText: 'Zum Kreditvergleich',

            hasShadow: true,
            showService: false,
            showAd: false,

            colors: {
                calculator: {
                    background: '#ffffff',
                },
                header: {
                    text: '#444444'
                },
                labels: {
                    text: '#707070'
                },
                formfields: {
                    text: '#707070',
                    border: '#979797'
                },
                button: {
                    background: '#28a745',
                    hover: '#74c47f',
                    text: '#ffffff'
                }
            }
          })
        </script>

Example