API Integration
Widgets
Charge times and prices
The widget is designed to take car data and provide estimated charging times and costs based on the charging output and current price of electricity. It is a useful tool for electric vehicle drivers and can help them plan their charging sessions more effectively.
Installation
Step to step guide
1
Include the resources
Start by including the resources to your page. Include the Stylesheet inside the Head and the Javascript before the tag
CSS
JS
2
Parameters
To get your widget to display data, there are some parameters that need to be filled in. The parameters are explained below. The parameters with a * must be filled in.
ID *
string
Insert the ID you have been sent.
Make *
string
Insert the name of the car brand.
Model *
string
Insert the name of the car model.
Variant *
string
Insert the variant name.
Battery *
string
Insert the size of the battery in Kwh.
HP *
string
Insert the number of horsepower of the car
Color *
Color
Define your brand color in HEX value without the #
Width *
string
Define the width of the widget in pixels. Minimum width is 320px. The width can also be defined as "100%" and will then fill the entire width
3
Insert widget to website
Place the widget on your website where you want it to be. It is important that you place it where you have access to the required data, such as: Make and model. In the ID field, enter the ID that was sent to you when you purchased access.
 1.png)
