Snippet¶
Coloque o Nimble Lite na sua aplicação/site utilizando nosso snippet.
Instalação¶
Na sua aplicação/site, onde o Nimble Lite será inserido, devemos colocar o seguinte código:
Dentro tag body
<!-- 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}"
></script>
<!-- Local onde widget será criado -->
<div id="nimble_lite_div"></div>
Atenção
Aplicando o Nimble Lite via widget pode gerar conflito de CSS.
Caso não tenha a key (chave_da_empresa)
, solicite via atendimento@textecnologia.com.br
Atributos¶
Lista dos atributos de configuração disponíveis para a tag <script>
.
Atributo | Requirido | Padrão | Descrição |
---|---|---|---|
key | Sim | - | Chave de acesso |
target | Não | body | Elemento onde será renderizado |
unit | Não | - | Código da unidade |
user | Não | - | Código do produtor |
template | Não | - | URL do template customizado |
css | Não | - | URL do css com estilos customizados |
Query String¶
Chave | Requirido | Padrão | Descrição |
---|---|---|---|
key | Sim | - | Chave de acesso |
unit | Não | - | Código da unidade |
user | Não | - | Código do produtor |
Importante
Os dados da query string também podem ser informados como atributo (data-*
) da tag <script>
.
Os dados informados como atributos (data-*
) serão sobrescritos pelo os dados informados na query string.
Dúvidas e sugestões¶
Envie um email para atendimento@textecnologia.com.br