| Objetivo - Ofereça uma experiência de usuário perfeita integrando ferramentas externas diretamente no Vtiger CRM.
- Aumente a eficiência eliminando a necessidade de alternar entre CRM e aplicativos de terceiros.
- Ofereça flexibilidade permitindo a integração de vários sites ou plataformas de terceiros.
Implementação Técnica Script pop-up no Designer de módulo - A lógica para criar e gerenciar o pop-up é escrita nos scripts do Module Designer.
- Esses scripts são injetados dinamicamente, permitindo flexibilidade no posicionamento sem modificar os arquivos principais do CRM.
Registro de gancho: GLOBAL_ACTION - Um gancho personalizado é registrado usando o gancho GLOBAL_ACTION do Vtiger.
- O gancho permite que você adicione elementos de interface de usuário personalizados (por exemplo, ícones, botões) em diferentes visualizações ou módulos dentro do Vtiger.
Renderização e interação de ícones - O gancho personalizado renderiza um ícone ou botão no local necessário na interface do CRM.
- Ao ser clicado, o ícone aciona a criação de um pop-up com o iframe incorporado, que carrega o site externo.
Incorporação de iframe - O iframe é injetado dinamicamente no pop-up e carrega o site externo especificado.
- O conteúdo do iframe é estilizado para caber no contêiner pop-up e é totalmente funcional dentro do CRM, sem a necessidade de alternar entre guias.
Vantagens desta abordagem - Sem modificações principais:A solução utiliza ganchos e scripts personalizados, preservando a integridade dos arquivos principais do Vtiger.
- modular: Pode ser facilmente estendido para incorporar várias ferramentas externas atualizando o URL do iframe.
- Injeção Dinâmica: O iframe só é criado quando o usuário clica no ícone personalizado, garantindo que a interface do usuário permaneça limpa até que seja necessário.
- Customização: Controle total sobre o posicionamento, design e estilo do ícone e do pop-up do iframe.
Considerações de Segurança - CORS: O site externo deve permitir a incorporação de iframe. Isso normalmente é controlado por meio de cabeçalhos HTTP, como X-Frame-Options e Content-Security-Policy.
- HTTPS: Certifique-se de que tanto o Vtiger quanto o site externo estejam usando HTTPS para evitar erros de conteúdo misto.
- Controle de Acesso: Use o controle de acesso baseado em funções integrado do Vtiger para restringir quais usuários podem acessar o pop-up incorporado.
Caso de uso: Integração de telefonia Cenário: Uma empresa utiliza um aplicativo de telefonia de terceiros (por exemplo, Ozonetel) para gerenciar chamadas e interações com clientes. O objetivo é integrar o sistema de telefonia diretamente ao Vtiger CRM para permitir que os agentes de atendimento ao cliente gerenciem chamadas e atualizem registros do CRM sem sair da interface do CRM. Solução: Usando um pop-up personalizado no Vtiger, o aplicativo de telefonia é incorporado ao CRM. Os agentes podem clicar em um ícone no CRM, que abre um iframe exibindo o sistema de telefonia. Essa integração permite que o agente: - Faça e receba chamadas diretamente do CRM.
- Visualize o histórico de chamadas e os detalhes do cliente em tempo real.
- Atualize registros de CRM com base nas interações de chamadas.
- Alterar o status de disponibilidade (por exemplo, Ativo, Indisponível) no CRM.
Esta solução elimina a necessidade de os agentes alternarem entre o CRM e o aplicativo de telefonia, melhorando a eficiência e reduzindo a troca de contexto. Acreditamos que esses exemplos melhorarão sua experiência com o Vtiger CRM. Queremos garantir que desenvolvedores e usuários de CRM possam compartilhar mutuamente informações e conhecimento para promover a funcionalidade do CRM. Fique ligado para mais. Boa codificação! | 
