Como usar o botão flutuante no WordPress e por quê

Você está procurando uma maneira fácil de adicionar um botão flutuante no WordPress? Os botões flutuantes são ferramentas versáteis que os desenvolvedores podem aproveitar para melhorar a navegação em seus sites e até mesmo aumentar as vendas.

Infelizmente, os botões flutuantes não estão disponíveis por padrão no WordPress. No entanto, como a maioria das coisas no WordPress, existe um plugin que pode adicioná-lo.

Hoje, vou demonstrar como adicionar um botão flutuante no WordPress usando o plugin Floating Button.

O que é um botão flutuante?

Um botão flutuante é um tipo de botão que aparece na camada superior de uma página da web, por isso está sempre visível, mesmo se você rolar a página para baixo. O botão pode ter vários formatos, mas o mais comum é um círculo.

Você pode colocá-lo em qualquer local da página e até mesmo permitir que os visitantes movam o botão. No entanto, você deve limitar seu posicionamento às laterais da página. Colocá-lo no meio é uma maneira infalível de irritar o visitante.

Por que adicionar um botão flutuante?

Como um botão flutuante está sempre visível em uma página, ele pode servir a vários propósitos.

Por exemplo, você pode criar um botão de carrinho flutuante para ajudar a levar os clientes até a finalização da compra. Você também pode criar um botão inicial flutuante para ajudar os visitantes a voltar à página inicial. Você pode usá-los para criar qualquer tipo de botão em seu site.

Pense nisso como um criador de call to action flutuante.

Um dos usos mais comuns desse botão é acessar um chat ao vivo ou uma equipe de vendas. Você provavelmente já visitou um site que usou essa técnica antes. Geralmente será parecido com “Fale Conosco +” e, quando clicado, se expandirá para uma caixa de bate-papo.

Ler:  Como fazer uma página inicial de sucesso: 5 etapas

É altamente eficaz para sites que possuem uma equipe de vendas.

Como adicionar um botão flutuante no WordPress

Etapa 1: instalar o botão flutuante

O apropriadamente nomeado Botão flutuante O plugin permitirá que os usuários adicionem facilmente um botão flutuante ao seu site WordPress. Ele oferece aos usuários 4 locais possíveis para colocá-los em uma postagem ou página, vários formatos de botão para escolher, opções de cores, opções de destaque e uma série de outras ferramentas de personalização.

O plugin é bastante simples de usar e deve levar apenas alguns minutos para ser configurado, vamos começar.

Clique em Plugins e selecione a opção Adicionar novo no painel de administração esquerdo.

Procure por botão flutuante na caixa de pesquisa disponível. Isso abrirá plug-ins adicionais que podem ser úteis.

Role para baixo até encontrar o plugin Floating Button e clique no botão “Instalar agora” e ative o plugin para uso.

Etapa 2: localize as configurações

Após a ativação, você estará pronto para criar seu próprio botão flutuante. E, felizmente, o processo de criação é bem simples. Porém, vale ressaltar que este plugin possui uma versão Pro com recursos extras.

Você pode identificar os recursos bloqueados na versão Pro pelo pequeno ícone de cadeado vermelho. Você pode criar um botão totalmente funcional sem a versão Pro, mas opções extras de personalização nunca fazem mal.

No painel de administração esquerdo, clique em Wow Plugins e selecione a opção Floating Button Lite.

Clique na guia Adicionar nova.

Isso abrirá todas as opções de personalização que o plugin oferece. Na parte superior, você pode inserir um nome para ajudá-lo a identificar o botão.

Observe que, no lado esquerdo, há uma opção Principal, Vertical e Horizontal. O botão principal é o que os usuários verão em sua página. Sua função é exibir os botões horizontais e verticais que você adiciona.

Ler:  Executando WordPress localmente com Vagrant e VVV

Primeiro, devemos personalizar o botão principal.

Etapa 3: personalize o botão principal

A primeira opção que você pode escolher é o ícone principal ou a imagem que ficará dentro do botão. Por padrão, o plugin oferece 80 ícones exclusivos para você escolher e, se você comprar a versão Pro, receberá mais de 1.500.

Navegue pelos ícones ou use o recurso de pesquisa para encontrar um.

Abaixo dos ícones, você verá uma série de caixas suspensas. O plug-in oferece apenas uma opção para posição, formato do botão, tamanho, animações e tipo de botão. Se quiser mais opções, você precisará adquirir a versão Pro.

Na parte inferior, você verá as opções de cores. Você pode selecionar a cor do botão, ícone, plano de fundo da dica de ferramenta, texto da dica de ferramenta e até mesmo a cor do mouse. Infelizmente, este plugin não oferece uma opção de visualização, por isso pode ser difícil acertar na primeira vez.

No lado direito, você encontrará algumas opções de visibilidade. Eles incluem se o botão aparecerá em determinados tamanhos de tela (ou seja, dispositivos móveis), se todos os usuários podem vê-los, dependendo da seleção do idioma, ou se eles aparecerão em todo o conteúdo ou apenas no conteúdo que possui um código de acesso colocado em isto.

Agora você precisa adicionar botões verticais ou horizontais.

Etapa 4: adicionar botões horizontais e verticais

Os botões horizontais e verticais funcionam exatamente da mesma maneira, são os botões que aparecem depois que o visitante clica no botão principal. A única diferença é que os botões horizontais aparecem na horizontal, enquanto os botões verticais aparecem na vertical.

Bastante simples, certo?

Neste caso, adicionarei um botão vertical, mas fique à vontade para usar um botão Horizontal.

Clique em Vertical ou Horizontal.

Você verá dois botões: Adicionar item e Excluir último item. Clique no botão “Adicionar item” e novas opções aparecerão. Você pode escolher um ícone, uma dica de ferramenta e várias cores de botão, assim como o botão principal. No entanto, desta vez você pode escolher que tipo de botão é.

Ler:  O que é Stack Developer: um guia completo?

O plugin oferece 5 opções, Link, Login, Logout, Cadastro e Senha Perdida. Nesse caso, escolherei Link e criarei um botão inicial flutuante inserindo o URL da minha página inicial.

Você pode adicionar vários botões verticais e horizontais a qualquer postagem ou página, então repita essas etapas quantas vezes desejar.

Quando estiver satisfeito com as configurações, clique no botão “Salvar”.

Seus botões flutuantes agora devem aparecer em seu site se você optou por exibi-los em todas as postagens e páginas. Caso contrário, você precisará inserir manualmente o código de acesso nas páginas em que deseja que apareçam.

Parabéns por adicionar um botão flutuante no WordPress. Lembre-se de que você pode fazer muitas coisas legais com botões flutuantes, como usá-los para serviços de chat, navegação, melhorar a experiência de vendas, acesso rápido a um formulário de contato e muito mais. Se você está procurando ideias legais, dê uma olhada na concorrência.

Plug-ins adicionais para adicionar um botão flutuante no WordPress

Embora o plugin acima seja ótimo, alguns usuários podem querer alternativas, e é exatamente isso que irei fornecer. Aqui estão outros três plug-ins que você pode considerar usar para botões flutuantes.

Botões fixos – Construtor de botões flutuantes

Em vez de apontar um plugin especializado em um único tipo de botão flutuante, vou apresentar a você Botões pegajososque permite que você crie o seu próprio.

Você terá acesso a mais de 1.500 ícones, poderá escolher onde os botões serão colocados e uma infinidade de outras opções de personalização. Este plugin tem tudo a ver com liberdade e faz um excelente trabalho ao fornecê-la.

Se quiser dar um passo adiante, você pode até atualizar para a versão premium do plugin, que oferece ainda mais opções de personalização. Se você procura controle total, este plugin é para você.

Botões de compartilhamento de mídia social e ícones de compartilhamento social

Um dos usos mais comuns dos botões flutuantes é promover suas contas de mídia social. Quanto mais acessíveis eles forem, maior será a probabilidade de um visitante clicar neles e ajudar a sua presença a crescer.

Ler:  Como reduzir estornos em sua loja de comércio eletrônico Magento

E é aí que o Botões de compartilhamento de mídia social e ícones de compartilhamento social entra o plugin. Este plugin é especializado na criação de botões flutuantes para quase todas as plataformas de mídia social, incluindo Facebook, Twitter, Instagram, YouTube e muito mais.

No total, você tem acesso a mais de 200 plataformas de mídia social diferentes. Cada ícone possui múltiplas opções de design e usa os símbolos oficiais. No geral, é uma ferramenta simples, mas eficaz, que pode realmente ajudar a aumentar a sua presença nas redes sociais.

Botões flutuantes/adesivos inteligentes

É importante que os clientes possam entrar em contato com sua equipe de suporte ou vendas a qualquer momento. Isso pode significar a diferença entre fechar uma venda e perder um cliente. Uma das melhores formas de implementar este sistema é com um botão flutuante.

O Botões flutuantes/adesivos inteligentes plugin é uma ótima solução para esse problema. Ele permite que você adicione formulários de comunicação como elementos de toque ou clicáveis ​​em seu site. Isso inclui coisas como WhatsApp Chat, e-mail, SMS, telefone e muito mais.

Claro, você também pode usá-lo para promover as mídias sociais. Ele vem com opções de botões para as plataformas mais populares. Independentemente de como você o usa, este plugin será um ótimo complemento para qualquer site comercial.

Melhorar a navegação

Visitar um novo site pode ser muito emocionante ou horrível se o site tiver um sistema de navegação ruim. Os botões flutuantes são uma ótima maneira de melhorar a navegação do seu site e são ferramentas versáteis que podem ser usadas para uma ampla gama de recursos.

Ouça atentamente o feedback dos visitantes e não tenha medo de realizar pesquisas e enquetes perguntando aos hóspedes o que eles acham. Afinal, se você não coletar as informações, não poderá melhorar os projetos ou consertar o que está errado.

E isso pode custar caro aos visitantes e clientes diariamente.

Que tipos de botões flutuantes você criou? Você achou fácil usar o plugin Floating Button?

Novas publicações:

Recomendação