# Elementos interativos em Genially

> Genially conta com uma grande variedade de recursos e elementos disponíveis para você utilizar quando quiser Os elementos interativos incitam ao clique e deixa

Source: https://help.genially.com/pt_br/elementos-interativos-em-genially-HJLKqDBnj

Last updated: 2025-07-03T19:15:09.582Z

Genially conta com uma grande variedade de recursos e elementos disponíveis para você utilizar quando quiser. Os elementos interativos incitam ao clique e deixam o seu conteúdo mais visual e interessante.  Adicione interatividade aos seus conteúdos para surpreender e chamar a atenção do seu público!

Neste tutorial, você vai conhecer os tipos de elementos interativos e aprender como editá-los.

## **Elementos interativos**

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/47800cfa19f457ead27542bb02c61fef.png)

  

Acesse o editor de um dos seus geniallys e clique na seção **Elementos interativos**, na barra lateral esquerda, para conhecer as opções disponíveis. Você vai encontrar diversos tipos de elementos:

*   [Botões](#Bot%C3%B5es)
*   [Botões de texto](#Bot%C3%B5es-de-texto)
*   [Marcadores](#Marcadores)
*   [Redes sociais](#Redes-sociais)
*   [Números e letras](#N%C3%BAmeros-e-letras)
*   [Área interativa](#%C3%81rea-invis%C3%ADvel)

  

Todos esses elementos são editáveis, embora alguns possuam diferentes especificações. Por exemplo, é possível alterar a cor e o tamanho de todos os elementos, mas não a proporção de suas dimensões. 

  

Uma exceção disso é a **Área interativa**, ela obviamente não tem cor, mas suas dimensões, sim, podem ser alteradas. 

Também, os **Botões** e **Marcadores** já vêm com uma animação que não pode ser eliminada, no entanto, você pode adicionar outras animações. 

Já no caso dos **Botões** e **Redes Sociais**, esses elementos incluem um efeito de expansão quando passamos o mouse sobre eles. 

Conheça cada tipo de elemento para, assim, explorar suas possibilidades:

## **Botões**

  

São composições de ícones e formas animadas que servem para indicar uma ação. É possível modificar seu tamanho e cor.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/7fc7fd981bbaf3efeb9da60d66972dd9.png)

  

## **Botões de texto**

  

Estão compostos por uma forma, um ícone e um texto agrupados. É possível editar cada elemento do botão separadamente. Para isso, há duas opções:

1\. **Deixar os elementos agrupados para editar:** é só clicar em cada elemento individual e as opções de edição serão exibidas na barra superior do editor. 

Recomendamos aumentar o botão durante sua edição, dessa forma, você pode selecionar elementos menos com mais facilidade.  Uma vez finalizada a edição, ajuste o tamanho do botão como preferir.

2\. **Desagrupar os elementos para editar:** nesse caso, deve selecionar o elemento, localizar o ícone Desagrupar e clicar nele. 

  

Uma vez desagrupados, selecione e edite cada elemento individualmente. Finalizada a edição, você pode agrupá-los novamente.

  

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/f243f36a5d6539e52a5fa04cb2fa19ce.png)

  

## **Marcadores**

  

Os marcadores são ícones com uma animação na base que destaca o ponto onde estão situados. Costumam estar posicionados em uma parte específica da tela de criação para sinalizar a interatividade, por exemplo, em um mapa.

É possível editar sua cor e tamanho.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/5e9e5ff10c12b16ab31f3e14fd4f8c24.png)

  

## **Redes sociais**

  

Nessa seção você encontra os ícones das principais redes sociais. Alguns possuem um discreto efeito de animação. É possível editar sua cor e tamanho.

  

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/00559820742003540f9941bba8677729.png)

  

## **Números e letras**

  

Se tratam de conjuntos compostos por uma forma e um pequeno texto. Podem ser utilizados para numerar listas, um passo a passo, sequências etc.

  

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/08ed00e17532ec654868b09f07e4d081.png)

  

## **Área interativa**

  

A área interativa é um elemento com o qual você pode obter efeitos surpreendentes. Se trata de uma parte invisível da sua criação à qual você pode adicionar interatividade. Para aprender mais sobre esse elemento, visite [este tutorial](https://help.genial.ly/invisible-areas-add-interactivity-to-any-part-of-your-creation-Hy3O9DBhj).

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/297dd92dde8c8e24c95b34c459e65b54.png)