{"id":2663,"date":"2026-04-09T11:28:34","date_gmt":"2026-04-09T03:28:34","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-embed-html-code-tutorial\/"},"modified":"2026-04-09T11:28:34","modified_gmt":"2026-04-09T03:28:34","slug":"opendocs-embed-html-code-tutorial","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/opendocs-embed-html-code-tutorial\/","title":{"rendered":"Como incorporar bases de conhecimento OpenDocs em seu site"},"content":{"rendered":"

Compartilhar um link \u00e9 \u00f3timo, mas \u00e0s vezes voc\u00ea quer que suas informa\u00e7\u00f5es vivam exatamente onde sua equipe j\u00e1 trabalha. Na nossa terceira atualiza\u00e7\u00e3o para Visual Paradigm OpenDocs<\/strong>, estamos destacando o C\u00f3digo de Incorpora\u00e7\u00e3o<\/strong> recurso\u2014uma forma poderosa de transformar nossa plataforma de gest\u00e3o do conhecimento<\/strong> em uma parte nativa do seu pr\u00f3prio site ou blog.<\/p>\n

O que \u00e9 conte\u00fado incorporado?<\/h2>\n

A incorpora\u00e7\u00e3o permite exibir suas p\u00e1ginas OpenDocs diretamente em outra p\u00e1gina da web usando um \u201ciframe\u201d. Em vez de enviar os usu\u00e1rios para uma URL diferente, eles podem navegar por seus diagramas, modelos de processos e documenta\u00e7\u00e3o sem jamais sair do portal da sua empresa ou do site interno.<\/p>\n\n

Como obter seu c\u00f3digo de incorpora\u00e7\u00e3o<\/h2>\n

Assim que voc\u00ea selecionar suas p\u00e1ginas e escolher o modo de compartilhamento (Est\u00e1tico ou Ao Vivo), gerar o c\u00f3digo leva apenas alguns cliques:<\/p>\n

    \n
  1. Gerar o link de compartilhamento:<\/strong> Ap\u00f3s clicar em \u201cCompartilhar\u201d na caixa de di\u00e1logo principal, voc\u00ea ver\u00e1 uma caixa de resumo contendo sua URL de compartilhamento.<\/li>\n
  2. Abrir a caixa de di\u00e1logo de incorpora\u00e7\u00e3o:<\/strong> Ao lado da URL, voc\u00ea ver\u00e1 tr\u00eas \u00edcones. Clique no \u00edcone de c\u00f3digo de incorpora\u00e7\u00e3o<\/strong> (representado pelo <\/><\/code> s\u00edmbolo).
    \n\"The<\/li>\n
  3. Copiar o c\u00f3digo:<\/strong> Uma nova janela aparecer\u00e1 mostrando um bloco de c\u00f3digo HTML come\u00e7ando com <iframe...><\/code>. Basta clicar no bot\u00e3o Copiar c\u00f3digo de incorpora\u00e7\u00e3o<\/strong> na parte inferior.
    \n\"Copying<\/li>\n
  4. Colar no seu site:<\/strong> V\u00e1 para o editor do seu site (como o WordPress, uma wiki da empresa ou um CMS personalizado) e cole o c\u00f3digo no bloco HTML ou \u201cHTML personalizado\u201d.
    \n\"An<\/li>\n<\/ol>\n\n

    Por que usar a incorpora\u00e7\u00e3o?<\/h2>\n

    Usar um ferramenta de gest\u00e3o do conhecimento<\/strong> que suporta incorpora\u00e7\u00e3o ajuda a manter uma experi\u00eancia de marca profissional e unificada. Aqui est\u00e3o algumas formas pelas quais nossos usu\u00e1rios est\u00e3o usando isso:<\/p>\n