Integración Nästa Coach Web

  1. Pon el script y la nueva etiqueta customize en tu html:

    <!DOCTYPE html>
<html>
    <head>
        <style>
            :root {
                --nasta-main: #26252d; /* Completa con los estilos que quieras cambiar */
            }
        </style>
    </head>
    <body>
        <recycling-app
            client-id="<your-client-id>"
            token="<your-token>"
            language="" /* Por defecto escoge el idioma del sistema, pero puedes seleccionar es para Español, en para Ingles y va para Valenciano.*/
        ></recycling-app>
        <script src="https://recycling.nastaeco.com/recycling.umd.js"></script>
    </body>
</html>

    Recuerda cambiar los valores de your-token por tu token y your-client-id por tu client id.

  2. Puedes añadir estos estilos en :root para personalizar tu microfront:

    /* Colors */
--nasta-main: #4b858e; /* Estos son los calores hexadecimales por defecto */
--nasta-mainActive: #2c4e54;
--nasta-mainDisabled: #9db8bc;
--nasta-secondary: #a3d5cd;
--nasta-secondaryDark: #9ac6bf;
--nasta-secondaryMiddle: #c8e7e2;
--nasta-secondaryLight: #e8f6f3;
--nasta-secondarySuperDark: #7baaa3;

/* Font */
--nasta-font: 'Montserrat', sans-serif;

/* Sizing */
--nasta-microMaxWidth: 420px;
--nasta-microHeight: 500px;