Documentación Simulador Embebido

 

PASO 1: Copiar snippet javascript en HTML del URL del automóvil.

Este código se debe agregar al final del elemento “body” del código HTML de la URL donde se quiere desplegar el simulador:

<script>
(function (w, d, s, o, f, js, fjs) {
w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, “script”, “cdw”, “https://storage.googleapis.com/cd-widget/widget.js”));

cdw(“init”, { token: “CD1234567” });
</script>

‘El objeto ‘token’ es un identificador único que permite identificarte como Concesionario.

Esto permite que el sitio cargue el snippet que está alojado en un servidor. La llamada a la función “cdw” con el método “init” inicializa el snippet con los parámetros ingresados, en este caso, solo el parámetro ‘token’.

PASO 2: Llamada a la función “cdw”.

Luego se puede llamar a “cdw” con el método “show” desde cualquier parte del sitio, el que abre el modal del widget con el simulador. Además este método recibe ciertos parámetros que son utilizados para realizar los cálculos de la simulación e indicar para qué vehículo se está haciendo la solicitud:

cdw(‘show’, {tipo: ”, marca: ”, modelo: ”, anno: 0, km: 0, precio: 0});

A continuación se describe cada parámetro:

  • tipo: corresponde al tipo del vehículo. Puede ser: Autómovil’, ‘Camioneta’, ‘Camion’, ‘Comercial’.
  • marca: corresponde a la marca del vehículo. Es un string libre, pero que se sugiere que sea lo más cercano al nombre real de la marca. Por ejemplo: ‘Ford’, ‘Citroen’, ‘Alfa Romeo’, etc.
  • modelo: corresponde al modelo del vehículo. Es un string libre.
  • anno: indica el año del modelo del vehículo. Debe ser un número. Ej 2018.
  • km: corresponde al kilometraje del vehículo. Es un string libre.
  • precio: corresponde al precio del vehículo en la página del concesionario. Debe ser de tipo numérico. Ej. ‘4500000’.

Se debe utilizar con un event listener de javascript como onclick. Se sugiere implementarlo en un botón, del estilo CSS a elección, con el texto a elección, como el ejemplo siguiente:

<button onclick=”cdw(‘show’, {tipo: ‘Automóvil’, marca: ‘Citroen’, modelo: ‘New C3’, anno: 2019, km: 0, precio: 10490000});”> Simula aquí</button>