Introdução
A integração por embed é uma alternativa eficaz quando a integração por formulários customizados não é suficiente para tipos de formulários mais avançados. Com a integração por embed, o formulário gerado na plataforma de automação será exibido exatamente como foi criado, sem alterações visuais. Isso significa que toda a personalização visual (cores, fontes, bordas) deve ser feita na plataforma de automação antes de copiar o código para a Rockty.
Neste tutorial, vamos explorar como realizar essa integração usando o elemento Embed disponível no construtor de páginas da Rockty.
Etapa 1: Preparar o Formulário na Plataforma de Automação
📌 Configurar o Formulário:
Personalize o formulário conforme desejado na plataforma de automação. Ajuste todas as configurações visuais, pois essas não poderão ser alteradas na Rockty após a integração.
📌 Copiar o Código do Formulário:
Após configurar o formulário, copie o código embed fornecido pela plataforma de automação.
Etapa 2: Inserir o Formulário na Rockty
📌 Adicionar o Elemento Embed:
No construtor de páginas da Rockty, localize e insira o elemento “Embed”. Esse elemento está disponível no final da lista de elementos.
Caso tenha dúvidas sobre como adicionar elementos na sua página, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.
📌 Inserir o Código:
Clique dentro da área do elemento “Embed” para abrir a janela de inserção/edição do código.
Cole o código embed copiado da plataforma de automação e clique em “Fechar” para voltar à tela anterior.
❗ Importante: O formulário carregado através do elemento 'Embed' só será visível na página publicada. O aviso de inserir/editar código continuará visível no construtor.
Publicar e Verificar:
Publique sua página para visualizar o formulário embedado conforme configurado na plataforma de automação e realize testes no formulário para garantir que os dados sejam corretamente enviados para a sua plataforma de automação.
Conclusão
Neste tutorial, você aprendeu a integrar formulários avançados na Rockty usando o elemento Embed. Com essa integração, o formulário exibido na sua página será idêntico ao criado na plataforma de automação, mantendo todas as personalizações visuais feitas anteriormente.
Dicas Adicionais
Teste a Responsividade: Após integrar o formulário na sua página com o elemento Embed, é essencial verificar como ele se comporta em diferentes dispositivos e tamanhos de tela. Certifique-se de que o formulário se ajuste corretamente e permaneça funcional em dispositivos móveis, tablets e desktops para garantir uma experiência de usuário consistente e positiva.
Verifique a Visualização: Lembre-se de que o elemento “Embed” só será visível após a publicação da página. Portanto, é importante visualizar a página publicada para garantir que o formulário esteja exibido corretamente.
Ajustes na Plataforma de Automação: Como o formulário integrado por embed mantém a aparência definida na plataforma de automação, faça todos os ajustes visuais necessários antes de copiar o código para a Rockty.
Atualizações e Manutenção: Caso a plataforma de automação faça alterações no formulário, você precisará atualizar o código na Rockty. Mantenha o código do formulário atualizado para garantir que todas as alterações sejam refletidas corretamente na sua página.
Saiba Mais Sobre o Elemento Embed: Se quiser aprender mais sobre como usar o elemento Embed, consulte nosso tutorial dedicado Como Funciona o Elemento Embed na Rockty.
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!