Snippet¶
Coloque o nimble no seu site utilizando nosso snippet.
Instalação¶
No código da sua aplicação, coloque o seguinte snippet dentro tag body:
<!-- nimble | snippet -->
<script
type="module"
crossorigin="anonymous"
id="nimble_js"
src="https://seguro.nimble.com.br/widget-iframe.js?id=nimble_js"
data-target="nimble_place"
data-company="coloque_o_codigo_da_empresa"
></script>
<!-- nimble | Local onde widget será criado -->
<div id="nimble_place"></div>
Atenção
Para uma melhor apresentação e experiência do usuário, crie um hotsite ou um layout da seguinte forma:
https://codepen.io/lagden/pen/YPKpmOj?editors=1100
Atributos¶
Lista dos atributos de configuração disponíveis para a tag <script>.
| Atributo | Requirido | Padrão | Descrição |
|---|---|---|---|
| target | Não | body | Local onde será criado |
| css | Não | - | URL da folha de estilo personalizada |
| iframe-resize | Não | false | Ajusta automaticamente o tamanho do iframe |
| iframe-css | Não | nimble-iframe | CSS que será aplicado no iframe |
Query String¶
| Chave | Requirido | Padrão | Descrição |
|---|---|---|---|
| key | Não | - | Chave da aplicação |
| branch | Não | automovel | Ramo de seguro |
| company | Sim | - | Código da empresa |
| unit | Não | - | Código da unidade |
| user | Não | - | Código do produtor |
| recovery | Não | - | Hash de recuperação da cotação |
| ignore-lgpd | Não | false | Não exibe o splash da LGPD |
Importante
Os dados da query string também podem ser informados como atributo (data-*) na 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