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:
Clique em Adicionar Elemento
Clique em Incorporar para criar um novo elemento Incorporar.
Defina Tipo como Código.
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.(Opcional) Defina Rótulo para algo que ajude a identificar essa incorporação específica (por exemplo, Código do Meu Widget).
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).
- 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.