Template e Cores¶

Para customizar o formulário ou alterar as cores, entre em contato com a nossa equipe via atendimento@textecnologia.com.br

Cores - Opção avançada¶

Crie um arquivo chamado template.js e coloque o conteúdo abaixo:

export {children} from 'https://lite.nimble.com.br/template.js'
export const themes = [
    {
        tex: {
            'color-scheme': 'dark', // dark ou light
            'primary': '#ff79c6',
            'secondary': '#bd93f9',
            'accent': '#ffb86c',
            'neutral': '#414558',
            'base-100': '#282a36',
            'base-content': '#f8f8f2',
            'info': '#8be9fd',
            'success': '#50fa7b',
            'warning': '#f1fa8c',
            'error': '#ff5555',
        },
    },
]

Defina as cores de acordo com seu app/site, faça a hospedagem do arquivo e informe a URL no snippet.
Veja no exemplo abaixo.

Exemplo do snippet¶

Como ficará no snippet.

troque {url_do_template} por https://exemplo.com/template.js

<!-- Widget do Nimble -->
<script
  type="module"
  crossOrigin="anonymous"
  id="nimble_lite_js"
  src="https://lite.nimble.com.br/widget.js?id=nimble_lite_js"
  data-target="nimble_lite_div"
  data-key="{chave_da_empresa}"
  data-template="{url_do_template}"
></script>

<!-- Local onde widget será criado -->
<div id="nimble_lite_div"></div>

Veja mais informações sobre snippet aqui.

Dúvidas e sugestões¶

Envie um email para atendimento@textecnologia.com.br