Atenção: A integração com a API do sistema POLS exige conhecimentos em Javascript!

O sistema POLS é utilizado para que o consumidor final possa fazer as próprias simulações de acordo com o perfil dele.

Para integrar o POLS no seu site, é necessário incluir a biblioteca javascript que contém as funções da API:

Obs.: Caso o seu POLS possua um subdomínio personalizado, troque o “pols.agencialink.com.br” pelo seu subdomínio. Saiba mais neste artigo.

Após incluir a biblioteca, é necessário inicializar o objeto, passando a chave do seu site. A chave pode ser obtida abrindo um chamado para nossa equipe e solicitando a “chave do pols”:

<script>
    var b2cor_key = 'ab93adaa54974e532bXXXXXXXXXXXXXX';
    var b2cor_id_elemento = 'pols';//indica em qual elemento o iframe da ferramenta vai ser carregado. 
No caso de a ferramenta ser exibida dentro de um modal, este elemento precisa estar dentro deste modal.               

    //inicializando o objeto
    var b2cor = new b2cor(b2cor_key);
</script>

<script>
    b2cor.abrir(b2cor_id_elemento, tipo_cotacao, formulario, auto_redirecionar, origem);
</script>

Os parâmetros passados na função são os seguintes:

• b2cor_id_elemento: id do elemento onde será carregado o iframe (sem o #). Obrigatório.
• tipo_cotacao: qual cotação será carregada inicialmente. Opções: saude, adesao, odonto, regiao, economia, rede. Opcional.
• formulario: o tipo de formulário desta cotação. Necessário apenas caso o tipo_cotacao seja saude, adesao ou odonto. Opções:individual, empresarial, familiar. Opcional.
• auto_redirecionar: caso seja informado como true, o usuário será redirecionado para a ferramenta, ao invés de abrir no iframe, ou seja, a URL do navegador vai mudar para a URL da ferramenta. Opcional.
• origem: código da origem do acesso do usuário. Opcional.

Obs.: Caso seja necessário passar a origem, utilize “null” (sem as aspas) para o parâmetro auto_redirecionar.

Após executar a função acima, a api do POLS vai criar um IFRAME dentro do elemento apontado na variável b2cor_id_elemento. Para melhorar a experiência do usuário, recomendamos que este elemento seja incluído dentro de um modal, e que esse modal seja exibido após a chamada à função que cria o iframe. No código abaixo temos um exemplo de como fica a integração em um site que utiliza a biblioteca Bootstrap:

<div class="modal fade in" id="modal-container-ferramenta" role="dialog" aria-hidden="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <i class="fa fa-times"></i>
                </button>

                <div class="clear"></div>
            </div>

            <div class="modal-body bg-cor-form">
                <div id="pols"></div>
            </div>
            <div class="clear"></div>
            <div class="padding-top"></div>
        </div>
    </div>
</div>