Índice
Índice |
---|
Guia básico para uma configuração rápida do embed do OmniMeetingSDK.
Etapa 1: Gerar token de autenticação temporária
Siga o guia de como gerar o token temporário /wiki/spaces/SAM/pages/2666758155.
Etapa 2: Realizar o embed do OmniMeetingSDK:
Importar o script do sdk.
...
Bloco de código | ||
---|---|---|
| ||
<script>
OmniMeeting.config({
token: 'temp-authorization',
responsavelAtendimento: {
codigo: 123,
nome: 'Dr. Pedro Paulo',
descricao: 'Teleconsulta - Cardiologista',
avatar: 'https://img.freepik.com/vetores-premium/medico-icone-ou-avatar-em-branco_136162-58.jpg?w=826'
}
})
</script> |
...
Informações |
---|
Em “responsavelAtendimento”, preencha com os dados do médico. |
Etapa 3: Adicionar widget para iniciar o atendimento
Para cada consulta, é necessário adicionar um novo elemento no html com as configurações do widget que deseja utilizar.
...
Bloco de código | ||
---|---|---|
| ||
<div class="omni-meeting-room" data-id="idMeeting" data-variant="text"></div> |
...
Exemplo de uso completo no HTML
Bloco de código | ||
---|---|---|
| ||
<html>
<head>..</head>
<body>
<div class="omni-meeting-room" data-id="idMeeting" data-variant="button" data-text="Iniciar chamada"></div>
<script src="https://meeting-staging.sandbox.mosiaomnichannel.com.br/cdn/sdk.js"></script>
<script>
OmniMeeting.config({
token: 'temp-authorization',
responsavelAtendimento: {
codigo: 123,
nome: 'Dr. Pedro Paulo',
descricao: 'Teleconsulta - Cardiologista',
avatar: 'https://img.freepik.com/vetores-premium/medico-icone-ou-avatar-em-branco_136162-58.jpg?w=826'
}
})
</script>
</body>
</html> |
Exemplo de como o widget do exemplo acima será exibido caso a configuração esteja correta.
...
Guia completo de integração com OmniMeetingSDK
Para mais detalhes sobre a configuração do embed e widgets, acesse a documentação do OmniMeetingSDK.