Voc\u00ea deseja adicionar bot\u00f5es aderentes ao seu site WordPress? Usando bot\u00f5es de a\u00e7\u00e3o aderentes, o usu\u00e1rio pode obter facilmente informa\u00e7\u00f5es relacionadas ao site. Essas informa\u00e7\u00f5es podem ser seu endere\u00e7o de e-mail, n\u00famero de telefone, localiza\u00e7\u00e3o em um mapa do Google, links para redes sociais, etc. Neste artigo, vou mostrar como adicionar bot\u00f5es aderentes ao seu site WordPress.<\/p>\n
Os bot\u00f5es de a\u00e7\u00e3o aderentes funcionar\u00e3o como um widget flutuante. Esses bot\u00f5es ser\u00e3o bloqueados mesmo se o usu\u00e1rio rolar para cima ou para baixo. Ele ter\u00e1 uma \u00f3tima apar\u00eancia no site e ser\u00e1 mais amig\u00e1vel. Adicionar bot\u00f5es aderentes ajuda a melhorar as convers\u00f5es e o envolvimento do visitante.<\/p>\n
Existem 2 maneiras de adicionar bot\u00f5es aderentes no WordPress. Uma maneira \u00e9 construir o c\u00f3digo do zero e a outra \u00e9 usar um plugin. Para este tutorial, vou usar um plugin. A raz\u00e3o \u00e9 \u00f3bvia, se podemos obter um bom plugin que pode fazer nossa pequena tarefa, ent\u00e3o por que perder tempo construindo-o do zero.<\/p>\n
Faz sentido codificar se voc\u00ea deseja criar funcionalidades grandes e complexas. Nesses casos, os plug-ins podem n\u00e3o ser apropriados para sua finalidade e \u00e9 melhor n\u00e3o confiar neles, pois suas atualiza\u00e7\u00f5es podem interromper a funcionalidade. Mas para tarefas menores como esta (bot\u00f5es aderentes), voc\u00ea pode contar com plug-ins.<\/p>\n
WP Sticky<\/strong> \u00e9 um dos plug-ins mais eficazes para adicionar elementos aderentes ao seu site. \u00c9 um pequeno plug-in bacana que permite adicionar um n\u00famero ilimitado de elementos fixos<\/strong>, compat\u00edvel com todos os temas, plug-ins e construtores de p\u00e1gina, e todo o procedimento pode ser feito em apenas alguns minutos. Ele enfatiza a simplicidade do processo, portanto, todo o procedimento consiste em:<\/p>\n E \u00e9 basicamente isso – o item selecionado agora est\u00e1 anexado ao seu site. Existem algumas configura\u00e7\u00f5es<\/strong> inclu\u00eddas, ent\u00e3o voc\u00ea pode brincar com a opacidade do elemento aderente, escolher um efeito Fade-in ou Deslizar para baixo, definir o intervalo de rolagem e muito mais. Al\u00e9m disso, voc\u00ea pode definir prefer\u00eancias diferentes de acordo com os requisitos do seu site, idealmente – voc\u00ea pode adicionar uma restri\u00e7\u00e3o com base em um crit\u00e9rio espec\u00edfico, o que significa que o elemento n\u00e3o aparecer\u00e1 como aderente no selecionado:<\/p>\n Claro, voc\u00ea pode ajust\u00e1-lo em qualquer lugar ou evit\u00e1-lo em um dos mencionados para obter controle total sobre o plug-in. Preocupado com a forma como eles ser\u00e3o exibidos em dispositivos diferentes? Isso tamb\u00e9m pode ser configurado na guia Dispositivos, onde voc\u00ea pode escolher o tamanho exato da tela em que seus itens aparecer\u00e3o como fixos. Voc\u00ea pode escolher quase qualquer elemento de sua prefer\u00eancia, seja um cabe\u00e7alho<\/a>, menu, widget, navega\u00e7\u00e3o, v\u00eddeo … tudo pode ser configurado em poucos minutos e voc\u00ea pode criar quantos quiser. Eficaz, elegante e o mais simples poss\u00edvel.<\/p>\n\n
\n