Contratación mediante web pública

¿Qué es?

En Nemon Trade Energy disponemos de una funcionalidad que permite al cliente final hacer la contratación mediante una web pública. De esta manera, al visitar vuestra web podrán contratar los servicios rellenando un formulario.

¿Como añadir-lo a vuestra web?

Mediante un fichero de javascript y un fichero css que proporcionamos y es accesible para todos, podréis generar una vista en una web pública que vosotros dispongáis. En esta vista podemos añadir un javascript con diferentes parámetros para configurar-la.
Primero de todo, añadiremos en el head del html el enlace a la hoja de estilos. 

<link href="https://xxxxxx-customerweb.nemon2ib.com/PublicWeb/dist/css/main.css" rel="stylesheet">

Seguidamente, en el body, tendréis que añadir un div en el lugar donde queráis que se genere la vista de la contratación web con el parámetro nemon-container. Recomendamos dar estilo a este div para que quede mejor.

<div nemon-container></div>

En el final del body, añadiremos un script javascript para indicar las diferentes configuraciones de la plantilla.

Las variables que podemos modificar son:

• product: Nos permite indicar el product_id del producto que queremos usar cuando se cree el contrato en el sistema. Si no se informa se creará el contrato sin producto.
• privacyLink ygeneralTermsLink: Nos permite añadir los enlaces a la política de privacidad y a las condiciones generales respectivamente. (Obligatorio)
• type:Esta variable nos permite indicar que plantilla queremos usar según lo que necesitamos.
  • 1: Contratación Web Electricidad 

<script>
		var urlParams = new URLSearchParams(window.location.search)
		var lang = (urlParams.get('lang') || 'es_ES')
		var product = 3
		window.contract = {
			params: {
				appLang: lang,
				loadTemplate: true,
				product: product,
				privacyLink: '',
				generalTermsLink: '',
				requiredItems: {
					nemonS2Mobile: true
				},
                type: 1
			}
		}
</script>

Por último incrustamos también el script que proporcionamos.

<script src="https://xxxxx-customerweb.nemon2ib.com/PublicWeb/dist/js/contract.js"></script>

Y listo, tendréis en vuestra web implementado la contratación web.

Posibles Errores:

ProductoId erróneo

Imagen de ejemplo:

- Poner en la config del JS el id de un producto correctamente.