Seção com desdobramento (FAQ)
As seções não precisam ser estáticas – com a ajuda de um código Javascript adicional e dando classes para vários elementos, você pode criar seções expandidas em sua landing page. Elas podem ser usados, por exemplo, para perguntas frequentes.
Adicionar código Javascript a uma landing page
1. Faça login em nossa plataforma. No menu do lado esquerdo, vá para a guia Landing Pages > escolha uma landing page na lista e clique em Dashboard.
2. No nível do Dashboard, vá para a guia Javascript Code e clique em Add script.
3. Cole o script na posição Body bottom:
LEMBRE-SE
Você não pode definir a seção de desdobramento no último elemento adicionado à sua landing page – ela não se expandirá. Se você quiser que seu último widget tenha a seção de desdobramento, é possível adicionar um elemento extra. Desta forma, o penúltimo funcionará.
Opcionalmente:
Se você quiser, pode adicionar este CSS personalizado (lado direito do editor) para garantir que a seção que deve ficar oculta esteja oculta no momento de carregamento da página:
Adicionando classes ao elemento em um editor
1. Vá para a edição da landing page selecionada e crie uma seção que, por padrão, deve ficar oculta e depois se expandir. Em seguida, clique nela e adicione a classe slideSection à ela.
2. Acima da seção, crie outra com um elemento (por exemplo, ícone, botão ou texto) que deve ser responsável pelo desdobramento. Clique no elemento e atribua a ele a classe slideTrigger.
3. Publique sua landing page novamente.