Skip to main content

​
Rate Tables

Credible provides embeddable iframe rate tables for mortgage, personal loans, private student loans, and student loan refinancing. These iframes are interactive and allow users to filter and understand lender options.

​
Mortgage Rate Table

Preview:Mortgage shortened rate tableHTML Code (replace source value with the one provided by Credible):
<div id="mortgage-rates-table"> </div>
<script>
var script = document.createElement('script');
script.type = "text/javascript";
script.addEventListener("load", function(event) {
    CredibleSDK.initWidget('#mortgage-rates-table', {
                environment: 'production',
                product: {
                  marketplace: 'mortgage-combined',
                  type:  'rate-table',
                  variation: 'shortened',
                },
                ui: {
                  theme: 'default',
                },
                analytics: {
                  source: 'example-source',
                },
              })
});
script.src = "https://sdk.credible.com/sdk.js";
document.getElementsByTagName('head')[0].appendChild(script);
</script>
replace source value with the one provided by Credible

​
Personal Loans Rate Table

Preview:Personal loans shortened rate tableHTML Code (replace source value with the one provided by Credible):
<div id="personal-loans-rates-table-shortened"> </div>
<script>
var script = document.createElement('script');
script.type = "text/javascript";
script.addEventListener("load", function(event) {
    CredibleSDK.initWidget('#personal-loans-rates-table-shortened', {
                environment: 'production',
                product: {
                  marketplace: 'personal-loan',
                  type:  'rate-table',
                  variation: 'shortened',
                },
                ui: {
                  theme: 'default',
                },
                analytics: {
                  source: '[SOURCE]',
                },
              })
});
script.src = "https://sdk.credible.com/sdk.js";
document.getElementsByTagName('head')[0].appendChild(script);
</script>

​
Student Loan Refinance Rate Table

Preview:Student loan refi shortened rate tableHTML Code (replace source value with the one provided by Credible):
<div id="student-loan-refi-rates-table-shortened"> </div>
<script>
var script = document.createElement('script');
script.type = "text/javascript";
script.addEventListener("load", function(event) {
    CredibleSDK.initWidget('#student-loan-refi-rates-table-shortened', {
                environment: 'production',
                product: {
                  marketplace: 'student-loan-refi',
                  type:  'rate-table',
                  variation: 'shortened',
                },
                ui: {
                  theme: 'default',
                },
                analytics: {
                  source: '[SOURCE]',
                },
              })
});
script.src = "https://sdk.credible.com/sdk.js";
document.getElementsByTagName('head')[0].appendChild(script);
</script>

​
Private Student Loans Rate Table

Preview:Private student loans shortened rate tableHTML Code (replace source value with the one provided by Credible):
<div id="student-loan-rates-table-shortened"> </div>
<script>
var script = document.createElement('script');
script.type = "text/javascript";
script.addEventListener("load", function(event) {
    CredibleSDK.initWidget('#student-loan-rates-table-shortened', {
                environment: 'production',
                product: {
                  marketplace: 'student-loan',
                  type:  'rate-table',
                  variation: 'shortened',
                },
                ui: {
                  theme: 'default',
                },
                analytics: {
                  source: '[SOURCE]',
                },
              })
});
script.src = "https://sdk.credible.com/sdk.js";
document.getElementsByTagName('head')[0].appendChild(script);
</script>

​
Multi-Vertical Rate Table

This widget can be configured to display tabs containing lender tiles for multiple verticals. To remove a vertical, remove it from the marketplace array in the code snippet.
Preview:Multi-vertical rate tableHTML Code (replace source value with the one provided by Credible):
<div id="mult-vertical-rates-table"> </div>
<script>
var script = document.createElement('script');
script.type = "text/javascript";
script.addEventListener("load", function(event) {
    CredibleSDK.initWidget('#mult-vertical-rates-table', {
                environment: 'production',
                product: {
                  type: 'rate-table',
                  variation: 'full',
                  marketplace: [
                    'personal-loan',
                    'student-loan',
                    'student-loan-refi',
                    'mortgage',
                    'high-yield-savings'
                  ],
                },
                ui: {
                  theme: 'default',
                },
                analytics: {
                  source: '[SOURCE]',
                },
              })
});
script.src = "https://sdk.credible.com/sdk.js";
document.getElementsByTagName('head')[0].appendChild(script);
</script>