Incorporando código personalizado - Construção - Documentos Carrd

Last updated on 6/26/2025@mrbirddev
Incorporando código personalizado - Construção - Documentos Carrd

Incorporando Código Personalizado

Requer Pro Standard ou superior

O elemento Incorporar permite inserir código HTML, CSS e até JavaScript personalizado praticamente em qualquer lugar de um site (incluindo seu elemento <head>). Se você precisa adicionar um widget de terceiros ainda não suportado pelo elemento Widget, ou se simplesmente deseja incorporar recursos personalizados além do que o Carrd atualmente oferece, veja como fazer isso:

  1. Clique em Adicionar Elemento

  2. Clique em Incorporar para criar um novo elemento Incorporar.

  3. Defina Tipo como Código.

  4. Defina Código para o código personalizado que você deseja inserir. Isso pode ser praticamente qualquer coisa que você normalmente colaria no HTML de um site, então HTML padrão, tags <style> contendo regras CSS personalizadas e até tags <script> contendo código JavaScript são todos aceitáveis aqui.

  5. (Opcional) Defina Rótulo para algo que ajude a identificar essa incorporação específica (por exemplo, Código do Meu Widget).

  6. Escolha o Estilo da incorporação:

  • Em linha para inserir seu código exatamente onde a incorporação aparece no site (como qualquer outro elemento).
  • Oculto para inserir seu código em um dos três locais específicos:
  • Cabeçalho para o elemento <head> do site,
  • Topo do Corpo logo após a tag de abertura <body> do site, ou
  • Fim do Corpo logo antes da tag de fechamento </body> do site.

Como isso efetivamente publica a incorporação fora do fluxo normal de elementos, sinta-se à vontade para movê-la para um local mais conveniente (para o final do site, por exemplo).

  1. Está pronto! Seu código personalizado agora deve estar visível no site publicado. Note que o elemento de incorporação não exibirá nada no construtor, então você precisará publicar o site para vê-lo em ação.

Tabela de conteúdos - carrd docs

Last updated on 6/26/2025@mrbirddev
Loading...