[NOVO] Círculo interativo em web design: como criar um no Elementor sem codificação

Um site com muito texto pode ser desagradável de se ver. Se o seu site consiste em muitos textos e menos componentes visuais, você pode usar um círculo interativo por Essential Addons e exibir seu conteúdo em um padrão circular atraente. Vamos mergulhar para aprender a exibir muito conteúdo em um espaço mínimo usando este widget incrível.

Por que você precisa do widget de círculo interativo em seu site?

Para web designers, torna-se um desafio tornar o site mais interativo e ao mesmo tempo conveniente para o usuário. Se o site contém muito conteúdo baseado em texto, fica mais difícil apresentá-lo da maneira correta.

A pesquisa diz que quase 38% das pessoas param de se envolver com qualquer site que tenha um layout de design desagradável. Nesse caso, o tráfego do seu site também depende do design do seu site. Vamos explorar todos os benefícios que você terá ao projetar seu conteúdo baseado em texto com eficiência usando um widget de círculo interativo da Essential Addons em seu site WordPress.

Apresentação animada do conteúdo do seu site

Mesmo que seu site inclua muito conteúdo baseado em texto, você pode apresentá-lo de uma maneira atraente para atrair visitantes e facilitar o acesso deles. Diferentes padrões são comuns para apresentar o material do seu site, portanto, um pequeno movimento pode ajudá-lo a atrair o interesse de seus visitantes. Usando o widget Interactive Circle da Essential Addons, você pode exibir seu conteúdo baseado em texto com um padrão animado e tornar a seção mais atraente.

Design interativo e responsivo para seu site

Pode ser difícil para os usuários encontrar seu site nos mecanismos de pesquisa, ler o conteúdo ou navegar no site se ele não tiver um design responsivo. Isso pode ser devido a falhas de layout, imagens ruins, texto muito pequeno ou muitos infográficos que fazem seu site parecer confuso. Se estiver usando um computador desktop ou laptop, você pode redimensionar esta janela clicando e arrastando o canto.

Criar um design dinâmico para o seu site pode ser mais fácil usando um widget de círculo interativo dos complementos Essential. Não importa que tipo de dispositivo os visitantes do seu site estejam usando para acessar seu site, seu design não será interrompido se você usar este widget para apresentar seu conteúdo baseado em texto.

Widget de círculo interativo para criar um site bonito

Você pode exibir seu conteúdo baseado em texto em um movimento circular atraente com este widget, chamando a atenção dos usuários do seu site. Se você deseja fornecer seu menu de conteúdo, por exemplo, você pode usar um círculo interativo para apresentar o conteúdo e economizar espaço. Um conteúdo simples baseado em texto parecerá mais fascinante e atraente dessa maneira. Vamos descobrir com que facilidade você pode começar a usar o widget Interactive Circle pelo plug-in Essential Addons.

Coisas que você precisa para usar o círculo interativo por complementos essenciais

Elementor : Para usar o Interactive Circle Widget, você deve primeiro instalar e ativar o Elementor, após o que está pronto para começar.

Complementos essenciais para Elementor : Você deve instalar e ativar Complementos essenciais para Elementor em seu site para usar o widget 'Círculo interativo'.

Etapa 1: ative o widget de círculo interativo de complementos essenciais

Vamos tornar seu site mais interativo e atraente usando o widget ' Círculo Interativo ' da Essential Addons. Tudo o que você precisa fazer é garantir que está usando a versão mais recente deste plugin.

O widget Interactive Circle deve ser ativado no Elementor. Vá para Essential Addons Elements em seu painel do WordPress e certifique-se de que o widget ' Interactive Circle ' esteja ativado. Para garantir que suas alterações sejam salvas, clique no botão ' Salvar configurações '.

Procure o widget ' Círculo Interativo ' na guia 'Elementos' do Elementor. Arraste e solte os elementos onde quiser mostrar o conteúdo baseado em texto.

Etapa 2: comece a personalizar suas configurações de conteúdo

Este widget permite personalizar o conteúdo padrão e adicionar seu próprio conteúdo. Na guia Geral, você pode definir qualquer layout nas opções. O widget Interactive Circle vem com 4 layouts prontos para pré-configuração . Brinque com os layouts e veja qual deles se adapta melhor ao seu conteúdo baseado em texto.

Você também pode escolher se os botões em seu widget EA Interactive Circle devem exibir ícones ou texto. Para ocultar ou mostrar ícones e texto, alterne as opções ' Mostrar ícone ' e ' Mostrar texto' nas configurações de 'Botão' , respectivamente. Este widget é muito útil para muitas personalizações. Você pode escolher entre as opções e criar seu próprio menu circular conforme sua preferência.

A parte mais importante de usar este widget é que você pode fornecer seu próprio conteúdo e adicionar mais opções circulares conforme necessário. Você pode adicionar o número de itens que deseja exibir com seu widget EA Interactive Circle nas configurações de 'Conteúdo' . Basta clicar no botão ' + Adicionar item ' para adicionar um novo item. Da mesma forma, você pode remover ou copiar um item das configurações. No entanto, por uma questão de design, você só pode adicionar até 8 opções por vez; caso contrário, a sequência seria quebrada.

Existem três guias: 'Botão ', 'Conteúdo ' e 'Estilo .' Você pode adicionar um ícone para o item e editar o título no campo de entrada ' Título curto ' na guia 'Botão'. Da mesma forma, você pode adicionar conteúdo ao seu item na guia 'Conteúdo' e pode adicionar cores de fundo ao seu item na guia 'Estilo' .

Você pode receber opções de configuração extras na opção ' Configurações Adicionais ' para ajudá-lo a tornar seu widget EA Interactive Circle mais dinâmico. Você pode escolher entre as interações 'Click' e 'Hover' na opção ' Mouse Event '. Você também pode usar a opção ' Configurações Adicionais ' para adicionar animações elegantes e atraentes. Conforme ilustrado abaixo, existem três estilos de animação diferentes para escolher.

Etapa 3: estilize seu conteúdo interativo baseado em texto

O widget EA Interactive Circle vem com muitas opções de estilo. Esta opção pode fazer uma grande diferença em termos de círculo interativo de qualquer pessoa. Ao alterar a cor do plano de fundo, padrão ou cor do texto, largura do círculo e preenchimento ou mesclagem, você pode alterar a aparência.

Você pode alterar a tipografia de cada item em seu EA Interactive Circle nas configurações do ' Item '. A largura e o tamanho do ícone de cada item também podem ser ajustados. Você também pode alterar a cor do plano de fundo, a cor do texto, a cor do ícone e muitas outras coisas.

Se estiver satisfeito com a aparência do seu círculo interativo, agora você pode publicar sua página. Dê uma olhada no círculo interativo Elementor que fizemos para este tópico.

Como você pode ver, Essential Addons for Elementor permite criar um magnífico Círculo Interativo e tornar sua página da web de uma maneira mais fascinante e extremamente simples.

Finalmente, acreditamos fortemente no valor da melhoria contínua. Com isso em mente, estamos trabalhando duro para oferecer novas e fantásticas atualizações de complementos essenciais para o Elementor , para que você possa ter uma experiência de design de site ainda melhor com o Elementor.

Então, o que é que você tem a perder? Atualize para Essential Addons 5.0 o mais rápido possível para aproveitar todos os novos widgets e extensões avançados, incluindo o widget Interactive Circle.

Experimente você mesmo e, se tiver alguma dúvida, entre em contato com nossa equipe de suporte . Assine nosso blog ou participe da nossa comunidade amigável do Facebook para obter mais informações sobre os mais recentes complementos Elementor, tutoriais de web design, dicas e truques e muito mais.