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