Interações

Blocs vem com muitos tipos de interação diferentes que estão disponíveis para uso com elementos da interface do usuário, como botões, ícones, links e imagens.

Atribuindo uma interação

Para atribuir uma interação, basta selecionar o Bric na tela de design principal e, nas opções do inspetor da barra lateral, selecione o tipo de interação que deseja atribuir no menu suspenso de interações.

interação-seleção

Caixa de luz

Quando uma imagem é clicada com a interação de caixa de luz atribuída a ela, um modal de caixa de luz será mostrado contendo uma versão ampliada da imagem clicada ou outra imagem ou vídeo definido pelo usuário.

Quando um item é clicado e tem a interação de navegar para a página atribuída a ele, o navegador navegará para a página do projeto que você selecionou.

Quando um item é clicado e tem a interação de navegação para URL atribuída a ele, o navegador navegará para a URL que você configurou.

Abrir lista suspensa

Quando um item é clicado e tem a interação suspensa aberta atribuída a ele, um menu suspenso é exibido.

Role até a interação de destino

Quando um item é clicado e tem a interação de rolagem para destino atribuída a ele, o navegador rola a página para o elemento de destino que você configurou. Existem 3 opções predefinidas de rolagem disponíveis para esta interação (início da página, final da página e próximo Bloc). Blocs e Brics da mesma página que tem ID's definido aparecerá na lista suspensa de rolagem.

Enviar formulário de interação

A interação de envio do formulário pode ser atribuída a um botão que reside dentro de um formulário para postar com êxito os dados do campo do formulário no servidor para processamento.

Interação de comércio eletrônico

A interação de comércio eletrônico permite criar botões de compra e integrar facilmente checkouts de terceiros para Stripe, Ecwid, Gumroad, Snipcart e Paddle. Observe que essa interação requer uma conta com o serviço de comércio de terceiros que você pretende usar para processar pagamentos.

Interação de download de arquivo

A interação de download de arquivo permite definir um arquivo que será baixado automaticamente quando um visitante clicar no item. Você também pode criar rapidamente botões de download de arquivo simplesmente arrastando arquivos como ZIPs ou PDFs do Finder para o Blocs tela de design.

Alternar visibilidade

Quando um item é clicado e tem a interação de alternância de visibilidade atribuída a ele, ele alternará a visibilidade de objetos com IDs específicos. Os IDs de alvo de interações podem ser inseridos no campo de texto rotulado IDs de alvo, em formato único ou como uma matriz separada por vírgulas. Se um item de ID de destino estiver visível, ficará oculto ou, se estiver oculto, ficará visível.

A interação Toggle Visibility pode ser usada em conjunto com o configuração de visibilidade para esconder objetos durante o carregamento.

Você pode ler mais sobre como implementar uma interação de alternância de visibilidade SUA PARTICIPAÇÃO FAZ A DIFERENÇA.

Alternar modal

Quando um item é clicado e tem a interação modal de alternância atribuída a ele, ele abre o modal com o ID de destino atribuído.

Alternar classe

Quando um item é clicado que tem a interação de classe de alternância atribuída a ele, ele alternará as classes que você especificar em objetos com IDs específicos. Os IDs de alvo de interações podem ser inseridos no campo de texto rotulado IDs de alvo, em formato único ou como uma matriz separada por vírgulas e as classes que serão alternadas podem ser inseridas no campo de texto rotulado Aula, em formato único ou como uma matriz separada por espaço.

Quando um item é clicado com a interação do link de telefone atribuída, ele oferecerá ao visitante a opção de ligar para o número de telefone que foi definido, desde que o dispositivo suporte a realização de chamadas telefônicas.

Quando um item é clicado com a interação do link de e-mail atribuída, ele abre automaticamente o aplicativo de e-mail padrão no computador do visitante, cria um novo e-mail e preenche o Até: campo com o endereço de e-mail atribuído.

Atualizado em 1º de abril de 2021

Esse artigo foi útil?

Artigos Relacionados