Configure Widget do iFrame em uma aplicação Web compatível para habilitar adequadamente o Widget do iFrame.

1. Faça login no portal de serviços ServiceNow.
2. Navegue até a página Editor do Widget.
   Esta página tem algumas opções para configurar o widget, assim como uma referência para visualizar quaisquer widgets atualizados recentemente.
3. Clique na opção Criar um novo widget para a criação de novos widgets.
   A janela Adicionar um Widget aparece com detalhes para você especificar o widget.
4. Especifique o nome do widget no campo Nome do widget.
   O ID do widget será gerado automaticamente ao digitar o nome.
   Por exemplo, nomeie o widget Bots AA para referência que é um widget de bots Automation Anywhere.
5. Clique em Enviar.
   Uma nova janela com um modelo HTML ou editor solicita entrar em detalhes Widget do iFrame,se aplicável.
6. Cole o código Widget do iFrame para o modelo HTML.
   Este é o código de Widget do iFrame que você havia gerado no Automation Co-Pilot (web).
7. Clique em Salvar ou digite Ctrl + S para salvar a sessão atual.
   Você acrescentou agora o código Widget do iFrame e salvou a sessão. Esse é o código para incorporar o Widget do iFrame.
8. Acesso à página principal do App Engine Studio ServiceNow.
9. Acesse Todos > Configuração do portal de serviços
10. Clique em Designer.
11. Selecione uma página existente para editar.
    Agora você será direcionado a uma página de design.
12. Opcional: Reorganize ou remova os widgets existentes na página, para dar espaço para o Widget do iFrame.
13. Arraste o widget criado (por exemplo, Bots AA) do Widgets e colocá-o na página.
    Você adicionou com sucesso o Widget do iFrame e agora ele deve estar visível na página.
    Importante: O Widget do iFrame é visível, mas sem aplicação de estilo.
14. Navegue de volta para o portal de serviços ServiceNow
15. Clique no Editor de widget.
16. Clique no widget (por, exemplo, Bots AA) da lista Atualizados recentemente.
    Agora você está navegando para a janela com um modelo HTML. A página também deve incluir um modelo de CSS.
17. Especifique os detalhes do widget (por, exemplo, AA Bots) no modelo CSS.
    Esse pode ser o tamanho, o estilo e a cor da borda do widget.
    
18. Navegue de volta para a página do designer.
    A estrutura Widget do iFrame foi atualizada.
19. Atualize a página.
    Você notará uma janela de tamanho pequeno que aparece e está conectada ao Automation Co-Pilot (web) com uma página de login.
    
20. Faça o login com as credenciais de usuário no Widget do iFrame para acessar os dados Automation Co-Pilot.
    O Widget do iFrame atualizará e uma lista de automatizações e tarefas de Automation Co-Pilot agora está disponível. Você pode interagir diretamente com os dados.
21. Exibir o Widget do iFrame.
    
    Você agora incorporou com êxito o Widget do iFrame com os dados do Automation Co-Pilot para o aplicativo web.
    Para seus próximos passos, implemente automatizações usando o Widget do iFrame, consulte Implantar automatizações em aplicativos Web.