Resultado

Incorporação no Site

<script type="text/javascript">
  window.CREDERE = window.CREDERE || {};

  /*
    Configurando a autenticação. Ambientes disponíveis:
    - Produção: https://app.meucredere.com.br/api/v1
    - Testes: https://staging.meucredere.com.br/api/v1
  */
  window.CREDERE.environment = <URL_DO_AMBIENTE>;
  window.CREDERE.authorization = <TOKEN_DE_AUTENTICACAO>;

  // Escolhendo o endpoint
  window.CREDERE.src = 'https://embed.meucredere.com.br/simulations/read';

  // Ajustando configurações avançadas do endpoint escolhido
  window.CREDERE.settings = {
    simulations: {
      read: {
        store_id: <ID_DA_LOJA>,
        uuid: <UUID_DA_SIMULACAO>,

        /*
          Adicione aqui as configurações que desejar para o endpoint [SIMULATIONS/READ]
          {!} Todas as opções disponíveis para este endpoint estão documentadas na tabela abaixo
        */
      },
    },
  };

  // Exemplificando como lidar com os principais eventos disparados pelo endpoint escolhido
  window.CREDERE.callbacks = {
    'simulation:read:action': function(data) {
      if (data.action === 'customers/form') {
        window.alert(`O usuário clicou em cadastrar proposta!
          Lead - CPF: ${data.settings.cpf}
          Loja - ID: ${data.settings.store_id}
          Simulação: ${data.settings.simulation_uuid}
          Condição - ID(s): ${data.settings.condition_ids.join(', ')}`);
      }
    },
  };

  // Adicionando o embed ao seu site
  const credereJS = document.createElement('script');
        credereJS.type = 'text/javascript';
        credereJS.src = 'https://embed.meucredere.com.br/initialize.js';

  document.body.append(credereJS);
</script>

Configurações

Configuração

Descrição

Valor

Padrão

store_id

[obrigatório] ID da loja em que a simulação foi criada

<ID_DA_LOJA>

uuid

[obrigatório] UUID da simulação

<UUID_DA_SIMULACAO>

  • buttons

Personaliza o texto dos botões apresentados na tela (respeita a nomenclatura dos callbacks disparados nas ações dos botões). Abaixo está o texto padrão:

action_customers_form: "Cadastrar proposta"

{}

{}

  • titles

Personaliza o texto dos títulos apresentados na tela. Abaixo estão os textos padrões:

pre_approval_status_approved: "Aprovadas"
pre_approval_status_3: "Com grandes chances de aprovação"
pre_approval_status_2: "Com chance de aprovação"
pre_approval_status_1: "Sem chance de aprovação"
pre_approval_status_empty: "Sem condição disponível"
header_title: "Selecione uma ou mais opções"
header_subtitle: "Escolha parcelas para cadastrar em uma proposta ou compartilhar no WhatsApp"

{}

{}

  • enable_bank_ranking

Ativa o controle comercial de preferência por bancos para priorizar os bancos presentes no ranking nos resultados da simulação. Esta opção, quando ativada, força _enable_best_conditions_only a ser true.

true/false

false

  • enable_best_condition_return

Adiciona uma tag visual na interface (marcador) das condições com maior retorno financeiro (e mostra o valor em reais). Esta configuração é ignorada caso o escopo do token utilizado não permita isso ou caso a configuração _enable_best_conditions_only esteja ativa.

true/false

false

  • enable_best_conditions_only

Habilita nosso algoritmo que identifica as melhores condições por prazo (respeitando as suas configurações de controle comercial), mostrando, assim, apenas um condição para cada prazo simulado (12x, 24x, 36x, etc) e escondendo, para o usuário, a qual banco aquela condição pertence.

true/false

false

  • enable_down_payment_field

Permite que a entrada simulada inicialmente seja alterada na página do resultado (um evento simulation:create será disparado novaimente caso você queira capturar os dados da nova simulação).

Além de valores booleanos, também aceita bellow, que faz com que o campo de definição da nova entrada apareça apenas no fim da tela. Por padrão, esse campo aparece no começo e fim da tela.

true/false/"bellow"

false

  • enable_friendly_loading

Ativa um loading mais amigável enquanto as condições da simulação são processadas, mas com menos informações que podem ser importantes para um usuário interno e não para o atendimento público de terceiros.

true/false

false

  • enable_hide_bank_names

Esconde o nome/logo dos bancos da lista de resultados, em ambos os layouts (A, B). Esta opção, quando ativada, força _enable_best_conditions_only a ser true.

true/false

false

  • enable_successful_conditions_only

Faz com que apenas condições que foram um sucesso (receberam uma resposta válida do banco) apareçam na página de resultado da simulação, escondendo falhas e negativas.

true/false

false


Próximo passo