Usando Configurações Avançadas - Construção - Documentação Carrd
Usando Configurações Avançadas
Requer Pro Plus ou superior
Para casos de uso mais avançados do Carrd, o recurso Configurações Avançadas oferece acesso às seguintes configurações adicionais para cada elemento:
- Atribuir IDs fixos aos elementos em vez de IDs gerados automaticamente
- Adicionar atributos HTML personalizados aos elementos
- Adicionar classes personalizadas aos elementos
- Aplicar propriedades CSS personalizadas aos elementos (e, se aplicável, seus subelementos)
- Acionar código JS personalizado quando certos eventos ocorrem (onde suportado; veja mais informações abaixo)
- Definir a visibilidade dos elementos (por exemplo, oculto no celular, mas visível no desktop)
Para acessar essas configurações, selecione um elemento e clique na aba Configurações.
Eventos
Alguns tipos de elementos suportam a capacidade de acionar código JS personalizado quando certos eventos ocorrem. Isso pode ser usado para adicionar todos os tipos de funcionalidades estendidas ainda não disponíveis nativamente no Carrd; por exemplo, acionar uma chamada gtag() do Google Analytics para rastrear um envio de formulário, ou acionar uma chamada de API de terceiros ao clicar em um botão.
Para acessar os eventos de um elemento, selecione um elemento, clique na aba Configurações e depois em Eventos. Atualmente, os eventos são suportados nos seguintes tipos de elementos:
| Tipo de Elemento | Tipo de Evento | Descrição |
|---|---|---|
| Botões | Ao Clicar (por botão) | Acionado quando um botão é clicado. |
| Controle | Ao Abrir (quebras de seção) | Acionado quando a seção é aberta. |
| Controle | Ao Fechar (quebras de seção) | Acionado quando a seção é fechada. |
| Formulário | Ao Enviar | Acionado quando o formulário é enviado. |
| Formulário | Com Sucesso | Acionado quando o formulário é enviado e resulta em sucesso. |
| Formulário | Com Falha | Acionado quando o formulário é enviado e resulta em falha. |
| Galeria | Ao Clicar (por imagem) | Acionado quando uma imagem é clicada. |
| Ícones | Ao Clicar (por ícone) | Acionado quando um ícone é clicado. |
| Links | Ao Clicar (por link) | Acionado quando um link é clicado. |