Este contenido solo está disponible en portugués.
Widget de Questionário
Widget de Questionário
Para que serve?
O Widget de questionário tem como objetivo facilitar o envio de questionário para as propostas e tornar dinâmico essa interação:
Como usar?
Segue abaixo a URL base para utilização no widget.
Homologação
https://widgetshmg.mag.com.br/questionario-Questionario/v2/responder/{idQuestionario}/Venda/{numeroProposta}/3023AE/C86DD7?listenForToken=trueProdução
https://widgets.mag.com.br/questionario-Questionario/v2/responder/{idQuestionario}/Venda/{numeroProposta}/3023AE/C86DD7?listenForToken=trueOnde:
idQuestionario: Código do questionário a ser respondido, esse código é obtido no retorno da simulação
Venda: A origem de envio desse questionário
numeroProposta: Esse é o número da proposta gerada. Nesse momento você ainda não registrou a proposta, para enviar esse campo é necessário consumir um endpoint nosso de reserva de proposta, para que esse numero seja enviado
3023AE e C86DD: Cor primaria e secundaria, caso queira personalizar as cores do questionário. Não são obrigatórios.
Autenticação
Para a utilização do Widget de Questionário é necessário ter acesso a uma API Interna da MAG, para essa liberação entre em contato com o Suporte de Desenvolvedores.
Um token deve ser gerado seguindo o mesmo padrão de autenticação, adicionando apenas o scope: apiquestionario
É necessário enviar um token para o widget via POST MESSAGE:
this.widgetRef.contentWindow.postMessage({
event: 'notify',
property, = chave "Token'
value, = o token
}, '*');this.widgetRef.contentWindow.postMessage({
event: 'notify',
property, = chave "Token'
value, = o token
}, '*');Obs: Adicione um evento no iframe, onde ao carregar o postMessage seja feito
Recuperando as repostas do widget
private notificar(msg: any, msgType: TipoMensagem) {
window.parent.postMessage(JSON.stringify({
...msg,
tipo: msgType
}), '*');
}private notificar(msg: any, msgType: TipoMensagem) {
window.parent.postMessage(JSON.stringify({
...msg,
tipo: msgType
}), '*');
}É disparado um evento do tipo 'message' para cada mudança de tela e no final com a resposta de completa