Como Colocar Botões Coloridos Na Sidebar do WordPress.

sidebarQuer colocar botões coloridos com link na sidebar do seu blog ou website WordPress?

Quem tem um blog ou website sabe da importância de prender a atenção do leitor em alguns segundos, caso contrário ele vai embora sem consumir o conteúdo existente. Daí a importância do layout do tema e de colocar adereços que destacam aos olhos do leitor e os botões coloridos na sidebar é um deles.

Já existe no mercado alguns temas que já vem inclusos os botões coloridos em suas configurações, mas são temas pagos e para quem está iniciando, este pode ser um empecilho.

Se este for o seu caso, não se preocupe! Ainda bem que para tudo existe uma solução!  Hoje você vai aprender como colocar botões coloridos na sidebar do WordPress utilizando um plugin gratuito.

É claro que como toda versão gratuita existe a limitação, mas nada que vai atrapalhar o funcionamento dos botões.

Então vamos lá:

 Como Colocar Botões Coloridos Na Sidebar do WordPress.

 

Primeiramente você tem que fazer o download do plugin. Para isso você vai até o seu painel do WordPress e segue os passos abaixo:

Passo 01 – Na lateral do seu painel do WordPress localiza a aba PLUGINS.

Passo 02 – Dentro da aba PLUGINS escolhe a opção ADICIONAR NOVO.

Passo 03 – Assim que você clicar em ADICIONAR NOVO vai abrir uma tela. Procure acima da tela, do lado direito uma buscador de palavra chave e um espaço para você procurar o plugin.

Passo 04 – Neste espaço você digita o nome do plugin que é MANGO BUTTONS

Passo 05 – Depois de baixar o plugin você deve ativar. Para ativar é só clicar no botão que aparece [Ativar]

Passo 06 – Não há necessidade de fazer nenhuma configuração, pode utilizar da forma padronizada que funciona perfeitamente.

Conseguiu instalar o plugin? Deu tudo certo? Se a resposta for sim, então vamos seguir em frente… 🚶🚶🚶🚶

 

Passo 07 – Após instalado o plugin e ativado, ainda no painel do WordPress você vai na aba POSTS. Você vai adicionar um novo Post. Assim que abrir a tela de Post, você vai encontrar um botão na cor laranja conforme figura abaixo:

sidebar

Passo 08 – Clique no botão laranja para configurar o botão colorido.

sidebar

Seta 1 => Clique na seta para escolher o modelo do botão.

Seta 2 => Clique na bola para escolher a cor do botão.

Seta 3 =>Clique nos três pontinhos para escolher o tamanho, formato do botão e cor do texto do botão.

Seta 4=> Digite o texto do botão.

Seta 5=> Clique no [+] para escolher os Icons (só funciona na versão paga). Mas não se preocupe, se você não tem o plugin na versão paga, basta digitar do lado esquerdo do texto o nome do icon entre chaves {{nome do icon}}, utilizando letras minusculas. Exemplo: {{hand-o-up}}

sidebarSeta 6=> Cole o link que pretende divulgar.

Seta 7 => Abre uma nova guia (só funciona na versão paga).

Seta 8 => Siga o passo da seta 9, 10 e 11 para depois efetuar a seta 8.

Seta 9 = Escolha o tamanho do botão.

Seta 10=> Escolha o formato do botão.

Seta 11=> Escolha o tamanho do texto do botão.

Seta 9 => Depois de tudo preenchido e selecionado clique no botão [INSERT] para finalizar.

Se você preferir escolher as cores conforme o seu significado indico que veja este artigo abaixo: http://viverdeblog.com/psicologia-das-cores/ 

Obaaa!!! O primeiro botão está pronto!. 🎉🎉🎉🎉

 
Passo – 09 – Pronto. o botão deve aparecer na sua tela do post. O próximo passo é você ir até a tecla do seu computador e teclar a tecla TAB para dar um espaço e em seguida repita o passo 08 para fazer os demais botões coloridos. Você pode fazer quantos botões coloridos que desejar.

Obs.: Recomendo que utilize o navegador Google Chrome para fazer todo o processo que ensino utilizando o plugin Mango Buttons, pois será muito mais fácil ajustar os tamanhos dos botões, segundo os testes que fiz quando coloquei os botões no meu Blog. No navegador Firefox Mozilla não funcionou o ajuste dos botões. Fica a dica aí!

Ufa! Muitos passos para executar não é mesmo! Mas não desanime, pois o resultado final será gratificante!. 🏃🏃🏃🏃

 

Passo 10 – Após fazer a quantidade de botões coloridos que desejar você deve ir para a aba [Texto] conforme indicado com uma seta vermelha na figura abaixo:

sidebar

Passo 11 – Na aba [Texto] você deve selecionar todo texto que aparece em código HTML. Para selecionar bastar ir ao teclado do computador e clicar a tecla [ctlr] + [A] juntos.  Após selecionar copie tudo. Para copiar basta ir ao teclado do computador e clica a tecla [ctrl] + [C] juntos. Feito isso você vai seguir o passo 12.

Passo 12 – Ainda no painel do seu WordPress, vá até a aba [Aparência] e em seguida [Widgets]. Na aba [Widgets] procure pelo widgets [ Texto].   Pegue o widgets [Texto] e arraste até a sidebar (barra lateral), conforme figura abaixo:

sidebar

Passo 13 – Agora é só clicar na setinha que aparece no widgets [Texto] e colar o código HTML que você copiou na passo anterior. Para colar e só ir ao teclado do seu computador e pressionar a tecla [ctlr] + [V].

sidebar

Passo 14 – Agora é só clicar em [Salvar] e pronto.

Finalizando:

Se você seguiu todos os passos, os botões coloridos devem estar aparecendo perfeitamente no seu blog ou website, conforme figura abaixo.

 

sidebar

 

Se você prefere assistir o passo a passo de como colocar botões coloridos na sidebar do WordPress, veja o Vídeo que preparei p/ você.

 

Coloque estes botões coloridos no seu blog e depois deixe nos comentários dizendo se houve um aumento de visitantes no seu blog. Vou adorar saber e  ficarei torcendo para que você tenha sucesso e prosperidade em seus negócios!. Um abraço!

Akemi.  😉

 

 

Quer Aumentar As Suas Vendas Na Internet?

6 Comentários

  1. Parabéns pelo artigo!

    CTA na sidebar pode se tornar bastante útil mas vale o lembrete de colocar acima da dobra.

    Parabéns novamente e continue o excelente trabalho.

    • Obrigada pelo feedback Alexandre! Ótima observação, valeu a dica! Muito obrigada amigo! Tenha um excelente dia! Um abraço!

  2. Olá, venho acompanhando os seus vídeos e me inscrevi no seu canal. Gostaria que me ajudasse a resolver uma pequana dúvida. O tema do meu blog é Dazzling, e é parecido com esse seu. Quero enviar dicas para quem deixar o email. Na parte superior, abaixo do cabeçalho, no meu tema, tem o Call to Action. Quando fui personalizar só tem espaço para o visitante deixar o email. Não tem como eu inserir um botão , de ” Quero aprender ! ” Fiz alguns botões e estão no meu arquivo, mas não sei como inserir. Você pode me ensinar ? Quero que fique parecido com o seu que diz : Sim. Quero Conhecer Agora. É esse botão que não sei como colocar. Você entendeu o que eu quis dizer ? Obrigada por ensinar a pôr botões coloridos no sidebar e já estou pondo os meus. Sucesso muito mais !

    • Olá Alvina. Fico feliz em saber que acompanha os meus vídeos. Muito obrigada! Respondendo a sua pergunta: Você comenta que no seu tema tem um Call to Action e você quer inserir o botão com o texto [Sim. Quero receber].

      Para você inserir este botão com o texto você precisa fazer ou alterar o formulário optin em um auto responder. Auto responder é uma ferramenta que integra seu site a um serviço de email marketing, que irá organizar sua base de email, salvar em um local seguro e enviar emails em massa, além de emitir os relatórios de análise. Quando você faz o formulário no auto responder é gerado um código HTML. Este código HTML você copia e cola na aba texto do post ou sidebar do blog ou em algum campo específico que varia de tema para tema. Existem várias ferramentas de auto responder no mercado, algumas gratuitas e outras pagas, como a Aweber, GetResponse, Egoi entre outras. Eu utilizo a Egoi que tem até 5001 contatos gratuitos. Não sou especialista em Email marketing, mas se você quiser conhecer um pouco mais, recomendo que assista as aulas gratuitas da Graciela Barbieri que é fera neste assunto. Este é o link para assistir as aulas: http://empreendersuaideia.com/egoi. Qualquer dúvida, fico a disposição. Um abraço.

  3. Olá Nair tudo bem?
    Gostaria de saber se você pode me ajudar. Você conhece algum plugin onde eu possa colocar o ícone na página lateral igual a essa página: http://www.wptech.com.br?

    Se puder me ajudar fico agradecido!
    Obrigado.

    • Olá Paulo! Tudo bem, obrigada! Infelizmente não sei dizer para você se tem algum plugin que tenha essa opção, pode ser que tenha, mas eu desconheço. Pesquisei, mas até o momento não consegui encontrar nada parecido. Entrei em contato com o site que você citou e eles disseram que a aba que utilizam não é nenhum plugin, é um do próprio tema. Vou continuar pesquisando. Qualquer novidade, volto a conversar contigo. Grande abraço!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *