Torne um texto ou imagem clicável

Por que tornar texto ou imagens clicáveis?

Tornar o texto ou as imagens clicáveis ​​ou interativos melhora a experiência e o envolvimento do usuário. 

Ao tornar esses elementos clicáveis, você pode orientar os usuários a executar ações específicas, como abrir um pop-up ou navegar para uma seção específica da página. 

Exemplos:

• Clique na imagem de um produto: Abra um pop-up com informações detalhadas do produto.

• Use o texto como um Botão: Permita que os usuários naveguem até seções específicas, como perguntas frequentes ou recursos do produto.

Como tornar um texto ou imagem clicável no GemPages?

Para este guia, faremos o texto “Tem dúvidas? Nós ajudamos você”clicável para rolar os usuários para o seção FAQ da página.

Etapa 1: adicione o elemento de texto ou imagem

Se usar texto, certifique-se de que ele esteja estilizado e se destaque para que os usuários saibam que é interativo.

Para mais Elemento de bloco de texto personalizações, consulte Este artigo.

Etapa 2: use interações para desencadear ações

Na barra lateral esquerda, navegue até Avançado guia e role para baixo até o Interação seção.

Clique Criar para abrir o painel de configurações.

"1. Comece com…”: Isso define o elemento que aciona a ação. 

Selecione os Bloco de texto como o elemento alvo.

Ao: Escolha o tipo de interação para acionar a ação:

• Clique no elemento:A interação ocorre quando o usuário clica no texto ou na imagem.
• Passe o mouse sobre o elemento: Opcional, para acionar a ação quando o usuário passa o mouse sobre o elemento.

"2. Então, faça o seguinte…”: Especifique a ação acionada pela interação.

Clique Selecione o alvo na página. Role para baixo até o seção FAQ e clique no Título elemento nesta seção.

Acertar Definir como alvo para confirmar.

Mudar: a ação acionada quando um usuário interage com o elemento (por exemplo, clicar ou passar o mouse).

• Vá para: Move a visualização da página para uma seção especificada.
• Show / Hide: Tornar um elemento oculto visível ou vice-versa.
• Fundo e forma: Altere a cor de fundo, a opacidade ou a forma de um elemento dinamicamente.

Selecione "Role para” como a ação para acionar o efeito de rolagem.

Então, ajuste Distância superior da rolagem: Insira um valor em pixels (px) para controlar onde a página para ao rolar para a seção de destino.