You can use this component to add a loan slider for your webpage or application. The component supports both consumer and business sliders (or both at the same time ).
Add the .js script
<script type="module" src="https://www.unpkg.com/@meiko/sortter-resellers-web-component/dist/sortter-reseller-form.js.umd.js"></script>
Adding the component for consumers
Add the component by using the following code snippet.
<sortter-reseller-form
hidePrivacyPolicy
hideSplashScreen
b2cLoanAmount="25000"
b2cLoanPeriod="6"
type="personal"
utm="utm_source=your-site&utm_medium=slider"
></sortter-reseller-form>
Rendered example
Adding the component for business
Add the component by using the following code snippet.
<sortter-reseller-form
hidePrivacyPolicy
hideSplashScreen
b2bLoanAmount="200000"
b2bLoanPeriod="36"
type="corporate"
utm="utm_source=your-site&utm_medium=slider"
></sortter-reseller-form>
Rendered example
Adding the component for both
Add the component by using the following code snippet.
<sortter-reseller-form
hidePrivacyPolicy
hideSplashScreen
b2cLoanAmount="25000"
b2cLoanPeriod="6"
b2bLoanAmount="75000"
b2bLoanPeriod="24"
type="both"
defaultLoanType="personal"
utm="utm_source=your-site&utm_medium=slider"
></sortter-reseller-form>
Rendered example
All available attributes
Attribute | Explanation | Default | Required |
---|---|---|---|
b2cUrl | Link to the consumer loan page. | https://sortter.fi/lainahakemus | No |
b2bUrl | Link to the business loans page. | https://sortter.fi/yrityslainahakemus/ | No |
b2cButtonText | Button text for consumer loans. | Lähetä hakemus | No |
b2bButtonText | Button text for business loans. | Lähetä hakemus | No |
b2cFormTitle | Form title for consumer loans. | Vertaile lainatarjouksia helposti | No |
b2bFormTitle | Form title for business loans. | Lainalaskuri – kilpailuta yrityslaina tästä | No |
b2cLoanAmount | Default amount for consumer loans. | 15000 | No |
b2cLoanPeriod | Default time for consumer loans. | 9 | No |
b2bLoanAmount | Default amount for business loans. | 50000 | No |
b2bLoanPeriod | Default time for business loans. | 24 | No |
defaultLoanType | Determine whether to show by default the consumer or business loan calculator. Options: ”personal”, ”corporate” or ”both” | ”personal” | No |
sendAmountPeriod | Are the sum and time sent as parameters? Options ”true” or ”false”. | ”true” | No |
privacyPolicyUrl | Link to the privacy statement. | No | |
privacyPolicyText | Short introductory message to the privacy statement. | No | |
hidePrivacyPolicy | Hide the privacyPolicy. Use as follows: hidePrivacyPolicy | No | |
hideSplashScreen | Hide the splashScreen. Use as follows hideSplashScreen | No | |
splashLogo | Logo to be displayed in the notification upon redirection. | No | |
stage | Test mode. Available attributes”test” | No | |
theme | ”Determine whether to show the form with styles or without. Options: ”Sortter” or ”custom”.” | No | |
hideLogo | Hide the Sortter logo. | No | |
type | Determine whether to show on the form a consumer loan calculator, a business loan calculator, or both. Options: ”personal”, ”corporate”, ”both”. | No | |
utm | Determine the desired utm-parameters for the end of the redirection. Example: utm_source=your-site&utm_medium=slider | No |