Integration Apply

Your complete YOUxApply
widget
integration guide

YOUxApply is a Javascript code snippet designed to easily integrate into a parent website.

YOUxApply works best when combined with parameters received from the host website to "pre fill" finance assumptions. The YOUxApply Widget will capture and validate customer application data and transfer this data into the YOUx system and lender portals. Validation is performed by calling a number of Lambda micro services and the YOUx matching engine.

This guide is best for IT Administrators and Software Developers

This tool cannot be implemented in static websites

In order for your preferred lender results and notification routing channels to be used, some additional configuration is required in YOUxApply.

The YOUxApply configuration requirements are not covered in this guide however, we would be happy to assist you by calling the YOUxApply support team on 1300 301 720 or by lodging a support enquiry at the bottom of this page.

Colours

Apply allows configurable colour combinations to best match the host website or brand. these colours are passed using parameters in the basic embedment code.

<Code>

Basic code is inserted into the website either as a "code snippet" or as an iframe.

The native size for iframe is 394px(w) x 740px(h).

Parameters

The code parameters are mostly optional with the exception of lead origin information. In the event that certain parameters (such as purchase price) are unknown, Apply will default to an "unknown" vehicle journey.

Lenders

Lenders are configurable and can be simply sorted base don the customers preferences or, by using a controlled "waterfall" approach.

Colours

Apply allows configurable colour combinations to best match the host website or brand. these colours are passed using parameters in the basic embedment code.

<Code>

Basic code is inserted into the website either as a "code snippet" or as an iframe.

The native size for iframe is 394px(w) x 740px(h).

Parameters

Lenders

Lenders are configurable and can be simply sorted base don the customers preferences or, by using a controlled "waterfall" approach.

Colours

Select your brand colours

Tertiary Colour

Used for headings (example: #2f2e2e)

Quaternary Colour

Used for secondary headings and labels (example: #5E5E5E)

Your Logo Here

Instant Finance Pre-Approval with no impact on your credit score.

Quick Calculator

Real Quote

Instant Preapproval

Apply To Lender

What’s The Purchase Price?

$25,990

What’s Your Preferred Loan Term?

5 Years

What’s Your Credit History Like?

Great

Decent

Poor

Estimated Quote

Weekly
Repayments

$140

Advertised
Rate

9.25%

Comparison
Rate

10.62%

Get Quote Now

Secondary Colour

Used for answer buttons, body text, tooltips, and tool tip message boxes. (example: #a0a09f)

Primary Colour

Used for call to action buttons & progress bar.(example: #FF6DC5)

PUSHING THE BOUNDARIES OF WHAT’S POSSIBLE

Cutting edge technology with easy low-code integration

Code snippet
integration code

Insert the provided widget code below in the front end web page where the widget is to be displayed. Provide it with the required (pink) and optional (blue) parameters

Note: The VW can be integrated through either a code snippet or iframe (as required on WIX websites or where significant CSS conflicts are identified ). The iframe cut/paste code is shown in examples 3 and 4 further down the page.

Example 1: code integration

Example 2: code integration

iFRAME </iframe>

You need a widget code

Insert the provided widget code below in the front end web page where the widget is to be displayed. Provide it with the required (pink) and optional (blue) parameters

Note: The native size for iframe is 394px(w) x 740px(h). The VW can be integrated through either a code snippet or iframe. Code Snippet cut/paste code is shown above in examples 1 and 2.

Example 3: code integration

Example 4: code integration

<div style="width: 100%; height: 740px; display: flex; justify-content: center; align-items: center;">
<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
<iframe src="https://vroom.driveiq.com.au/iframe/>chery?nvic=0AV422&amount=60000" style="border: 0.5px solid grey; width: 360px; border-radius: 15px; height: 740px;"></iframe>
</div>
</div>

PARAMETERS

What other parameters are there?

Let's have a look at this in more detail.

Please note; that the list of parameters will be updated over time to include additional functionality. Parameters marked with an * are mandatory Configuration for parameters is: &parameter_name=value

Vehicle Specific

To effectively retrieve the correct glasse's value Vroom needs either the NVIC or VIN or buildYear, make, model, variant for every car.
If the car is NOT new, we also require kilometers. For every car, we also require the amount.

Parameter	Accepted input	Example	Notes
Condition (new/used/demo)*	range & text	condition=used	The condition of the vehicle
Buildyear (yYYY)*	number YYYY	buildyear=2020	The year provided here will be the built year of the vehicle
Make	text	make=mercedes	The manufacture make of the vehicle
Model	text	model=c_class	the model of vehicle
Variant	text	variant=200	the variant type of the vehicle
Vin (17 Digit Only)	number	vin=WPOZZZ932C0001234	17 digit vehicle identification number
Amount (no dollar sign required)*	number	amount=99000	Listed selling price (no dollar sign required)
Kilometers	number	kilometers=31200	Distance travelled by the asset in Kilometres

Notes
Distance travelled by the asset in Kilometres

General Configuration

Generally constant every time - we can set your default values so you don't have to pass them unless you want to override your default for a specific vehicle.

Parameter	Accepted input	Example	Notes
DealerName*	text	dealerName*	Name of vendor
dealerAccountNumber	text	dealerAcountNumber	The EC (Easycars) account number of the vendor
ABN*	number	abn	The EC (Easycars) account number of the vendor
email*	email	email	Contact email of the vendor
phone	number	phone	Contact phone number of the vendor
leadEmail	email	leadEmail	A specific email for leads to be sent to
primaryColor	text	primaryColor	The colour used for the main heading, buttons and slider
secondaryColor	text	secondaryColor	The colour used for the main body text within the application
TertiaryColor	text	tertiaryColor	The colour used for answers
QuaternaryColor	text	quarternaryColor	The colour used for the background of the widget

Finance Specific (optional)

Optional presets - you can set your default values or allow them to be selected by the user.

Parameter	Accepted input	Example	Notes
loanUsage - (personal/business)	range & text	loanUsage=personal	whether the loan is for personal or business use. Value personal/business
loanType - (chattel_mortgage/ lease_rental)	range & number	loanTerm=5	The term (duration) of the loan number between 1-7
depositAmount - values > 0 accepted	number	depositAmount=10000	A deposit amount on the loan values > 0 accepted and less than the loan amount
tradeInAmount - values > 0 accepted	number	depositAmount=10000	The trade in amount of an existing asset. Values >0 accepted and must be less than the loan amount
balloonPercentage - values > 0 and < 100 are accepted (no % sign needed)	range & number	balloonPercentage=30	A balloon or residueal percentage applied to the loan - values > 0 and < 100 are accepted (no % sign needed)