CarBoost Exchange Widgets for Part Sections
Config
cid = Company ID. id = Form ID.
JSON
{
"car": {
"parts": [
{
"t": "carboost_exchange",
"s": {
"cid":xxx,
"id":xxx,
"template": [
{
"title": "Bilens detaljer",
"desc": "Tjek om alle de registrerede oplysninger er korrekte, inden du går videre til step 2",
"e": [
{
"e": "input",
"n": "plate_details_brand"
},
{
"e": "input",
"n": "plate_details_model"
},
{
"e": "input",
"n": "plate_details_variant"
},
{
"e": "input",
"n": "plate_details_year"
},
{
"e": "input",
"n": "plate_info_registration"
},
{
"e": "input",
"n": "plate_info_color"
},
{
"e": "input",
"n": "plate_info_type"
},
{
"e": "input",
"n": "plate_engine_propellant"
}
]
},
{
"title": "Bilens detaljer",
"desc": "Tjek om alle de registrerede oplysninger er korrekte, inden du går videre til step 3",
"e": [
{
"e": "input",
"n": "plate_info_mileage"
},
{
"e": "input",
"n": "ccondition"
},
{
"e": "input",
"n": "cprice"
}
]
},
{
"title": "Billeder af bilen",
"desc": "Upload billeder af front, bagside, side, interiør og evt. skader, så vi kan give den bedst mulige pris.",
"e": [
{
"e": "input",
"n": "cimages"
}
]
},
{
"title": "Personlige oplysninger",
"desc": "Vi skal bruge dine informationer for at kunne sende dig vurderingen af din byttebil.",
"e": [
{
"e": "input",
"n": "cfirstname"
},
{
"e": "input",
"n": "clastname"
},
{
"e": "input",
"n": "cmail"
},
{
"e": "input",
"n": "cphoneno"
},
{
"e": "input",
"n": "cmessage"
},
{
"e": "input",
"n": "cmarketing"
}
]
}
]
}
}
]
}
}Config - Extended
JSON
{
"car": {
"parts": [
{
"t": "carboost_exchange",
"s": {
"cid":xxx,
"id":xxx,
"l": "Ønsker du en byttepris på din nuværende bil?",
"text": "xxx",
"img": "xxx",
"accept_label": "persondatapolitiken",
"accept_link": "https://xxx",
"template": [
{
"title": "Bilens detaljer",
"desc": "Tjek om alle de registrerede oplysninger er korrekte, inden du går videre til step 2",
"e": [
{
"e": "input",
"n": "plate_details_brand"
},
{
"e": "input",
"n": "plate_details_model"
},
{
"e": "input",
"n": "plate_details_variant"
},
{
"e": "input",
"n": "plate_details_year"
},
{
"e": "input",
"n": "plate_info_registration"
},
{
"e": "input",
"n": "plate_info_color"
},
{
"e": "input",
"n": "plate_info_type"
},
{
"e": "input",
"n": "plate_engine_propellant"
}
]
},
{
"title": "Bilens detaljer",
"desc": "Tjek om alle de registrerede oplysninger er korrekte, inden du går videre til step 3",
"e": [
{
"e": "input",
"n": "plate_info_mileage"
},
{
"e": "input",
"n": "ccondition"
},
{
"e": "input",
"n": "cprice"
}
]
},
{
"title": "Billeder af bilen",
"desc": "Upload billeder af front, bagside, side, interiør og evt. skader, så vi kan give den bedst mulige pris.",
"e": [
{
"e": "input",
"n": "cimages"
}
]
},
{
"title": "Personlige oplysninger",
"desc": "Vi skal bruge dine informationer for at kunne sende dig vurderingen af din byttebil.",
"e": [
{
"e": "input",
"n": "cfirstname"
},
{
"e": "input",
"n": "clastname"
},
{
"e": "input",
"n": "cmail"
},
{
"e": "input",
"n": "cphoneno"
},
{
"e": "input",
"n": "cmessage"
},
{
"e": "input",
"n": "cmarketing"
}
]
}
]
}
}
]
}
}CSS
css
/* Stepper */
:root{
--ca-register-stepper-before-bg: var(--ca-stone-7);
--ca-register-stepper-border: var(--ca-stone-7);
--ca-register-stepper-color: var(--ca-stone-7);
--ca-register-stepper-bg: var(--ca-gray-1);
--ca-register-stepper-active-border: var(--ca-stone-7);
--ca-register-stepper-active-color: #fff;
--ca-register-stepper-active-bg: var(--ca-stone-7);
--ca-register-stepper-done-border: var(--ca-ca-register-stepper-active-border, var(--ca-stone-7));
--ca-register-stepper-done-color: var(--ca-register-stepper-active-color, #fff);
--ca-register-stepper-done-bg: var(--ca-register-stepper-done-bg, var(--ca-stone-7));
}
/* CarBoost Exchange */
:root{
--ca-carboost-exchange-area-bg: var(--ca-gray-1);
--ca-carboost-exchange-area-color: var(--ca-stone-7);
--ca-carboost-exchange-col-1-bg: transparent;
--ca-carboost-exchange-col-1-color: var(--ca-carboost-exchange-area-color, var(--ca-stone-7));
--ca-carboost-exchange-col-2-bg: transparent;
--ca-carboost-exchange-col-2-color: var(--ca-carboost-exchange-area-color, var(--ca-stone-7));
--ca-carboost-exchange-form-container-bg: transparent;
--ca-carboost-exchange-form-wrap-bg: transparent;
--ca-carboost-exchange-form-inner-bg: var(--ca-gray-1);
--ca-carboost-exchange-form-inner-color: var(--ca-stone-7);
--ca-carboost-exchange-form-header-bg: var(--ca-gray-1);
--ca-carboost-exchange-form-header-color: var(--ca-stone-7);
--ca-carboost-exchange-form-fields-bg: var(--ca-gray-1);
--ca-carboost-exchange-searchplate-bg: #0d649d;
--ca-carboost-exchange-searchplate-border: #0d649d;
--ca-carboost-exchange-searchplate-color: #fff;
}
.carboost_exchange_form_container {
--ca-form-input-bg: fff;
}