\u00bfQuiere agregar botones adhesivos a su sitio de WordPress? Mediante el uso de botones de acci\u00f3n adhesivos, el usuario puede obtener f\u00e1cilmente informaci\u00f3n relacionada con el sitio web. Esta informaci\u00f3n puede ser su direcci\u00f3n de correo electr\u00f3nico, n\u00famero de tel\u00e9fono, ubicaci\u00f3n en un mapa de Google, enlaces a redes sociales, etc. En este art\u00edculo, le mostrar\u00e9 c\u00f3mo agregar botones adhesivos a su sitio web de WordPress.<\/p>\n
Los botones de acci\u00f3n adhesivos actuar\u00e1n como un widget flotante. Estos botones se bloquear\u00e1n incluso si el usuario se desplaza hacia arriba o hacia abajo. Se ver\u00e1 genial en el sitio web y lo har\u00e1 m\u00e1s f\u00e1cil de usar. Agregar botones adhesivos ayuda a mejorar las conversiones y la participaci\u00f3n de los visitantes.<\/p>\n
Hay 2 formas de agregar botones adhesivos en WordPress. Una forma es compilar el c\u00f3digo desde cero y la otra es usar un complemento. Para este tutorial, usar\u00e9 un complemento. La raz\u00f3n es obvia, si podemos obtener un buen complemento que pueda hacer nuestra peque\u00f1a tarea, entonces \u00bfpor qu\u00e9 perder el tiempo construy\u00e9ndolo desde cero?<\/p>\n
Tiene sentido codificar si desea crear una funcionalidad grande y compleja. En tales casos, es posible que los complementos no sean apropiados para su prop\u00f3sito y es mejor no confiar en ellos, ya que sus actualizaciones pueden romper la funcionalidad. Pero para tareas m\u00e1s peque\u00f1as como esta (botones adhesivos) puede confiar en los complementos.<\/p>\n
WP Sticky<\/strong> es uno de los complementos m\u00e1s efectivos para agregar elementos adhesivos a su sitio web. Es un peque\u00f1o y elegante complemento que le permite agregar un n\u00famero ilimitado de elementos adhesivos<\/strong>, compatible con todos los temas, complementos y creadores de p\u00e1ginas, y todo el procedimiento se puede realizar en solo unos minutos. Destaca la sencillez del proceso, por lo que todo el procedimiento consta de:<\/p>\n Y eso es todo: el elemento seleccionado ahora est\u00e1 adjunto a su sitio. Se incluyen bastantes configuraciones<\/strong>, por lo que puede jugar con la opacidad del elemento adhesivo, elegir un efecto de aparici\u00f3n gradual o deslizamiento hacia abajo, establecer el rango de desplazamiento y m\u00e1s. Adem\u00e1s, puede configurar diferentes preferencias seg\u00fan los requisitos de su sitio web de manera ideal: puede agregar una restricci\u00f3n basada en un criterio espec\u00edfico, lo que significa que el elemento no aparecer\u00e1 tan fijo en el seleccionado:<\/p>\n Por supuesto, puede modificarlo por todas partes o evitarlo en uno de los mencionados para obtener un control total sobre el complemento. \u00bfLe preocupa c\u00f3mo se mostrar\u00e1n en diferentes dispositivos? Esto tambi\u00e9n se puede configurar en la pesta\u00f1a Dispositivos, donde puede elegir el tama\u00f1o de pantalla exacto en el que sus elementos aparecer\u00e1n como adhesivos. Puedes elegir casi cualquier elemento que te guste, ya sea un encabezado<\/a> fijo, men\u00fa fijo, widget, navegaci\u00f3n, video … todo se puede configurar en unos minutos y puedes crear tantos como quieras. Efectivo, elegante y lo m\u00e1s simple posible.<\/p>\n Adem\u00e1s, existen otras herramientas que le ayudar\u00e1n a crear elementos fijos en su sitio. Al mismo tiempo, instale y active el complemento Botones de acci\u00f3n flotantes inteligentes – Buttonizer<\/a>. En la siguiente secci\u00f3n, veremos c\u00f3mo usar este complemento.<\/p>\n Despu\u00e9s de instalar el complemento, vaya al men\u00fa "Buttonizer" en el panel de control. Este complemento no tiene una p\u00e1gina de configuraci\u00f3n de backend. En cambio, proporciona una interfaz para que pueda ver el impacto de los cambios de inmediato.<\/p>\n El complemento proporciona m\u00e1s de 25 acciones al hacer clic. Digamos de una lista que desea agregar un correo electr\u00f3nico, un tel\u00e9fono y un mapa de Google a sus botones adhesivos en un sitio web.<\/p>\n Haga clic en el bot\u00f3n Agregar y asigne un nombre al bot\u00f3n. Le doy al bot\u00f3n el nombre "Tel\u00e9fono". Despu\u00e9s de eso, ver\u00e1 un bot\u00f3n en la interfaz como se muestra a continuaci\u00f3n.<\/p>\n Dado que este bot\u00f3n es para un "n\u00famero de tel\u00e9fono", debemos configurarlo. Haga clic en el icono de Configuraci\u00f3n junto a TEL\u00c9FONO. Se abre el panel de opciones para personalizar el bot\u00f3n.<\/p>\n En la lista desplegable Acci\u00f3n del bot\u00f3n, seleccione Acci\u00f3n de llamada (n\u00famero de tel\u00e9fono). Agrega tu n\u00famero de tel\u00e9fono al cuadro de texto.<\/p>\n Entonces quiero establecer un icono de tel\u00e9fono para este bot\u00f3n. Esto se puede hacer desde las secciones ESTILO >> ICONO<\/strong>. Debajo del \u00edcono ICON, haz clic en SELECT ICON, se abrir\u00e1 una ventana emergente en la que seleccionas un \u00edcono de la biblioteca Font Awesome.<\/p>\n Siguiendo el mismo proceso, podemos agregar tantos botones al sitio. Para cada bot\u00f3n, seleccione la acci\u00f3n del bot\u00f3n correspondiente y obtendr\u00e1 diferentes opciones para el bot\u00f3n.<\/p>\n Finalmente, queremos establecer la posici\u00f3n de los botones adhesivos. Para hacer esto, haga clic en el icono "Configuraci\u00f3n" junto a "NUEVO GRUPO".<\/p>\n En la secci\u00f3n Posici\u00f3n puede obtener los par\u00e1metros para configurar la posici\u00f3n de los botones. Quiero que sea correcto y centrado. Por lo tanto, configur\u00e9 "0%" en "HORIZONTAL" y la parte central en "VERTICAL".<\/p>\n Los complementos de Buttonizer brindan muchas m\u00e1s funciones con las que debe jugar y familiarizarse. El complemento proporciona opciones para el color del bot\u00f3n, la animaci\u00f3n del bot\u00f3n, el fondo, las clases personalizadas, la visibilidad del dispositivo y m\u00e1s.<\/p>\n Con la configuraci\u00f3n anterior aplicada, los botones adhesivos aparecer\u00e1n en el sitio web como se muestra en la captura de pantalla a continuaci\u00f3n.<\/p>\n Espero que hayas descubierto c\u00f3mo agregar botones adhesivos a tu sitio de WordPress. Comparta sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n Fuente de grabaci\u00f3n: artisansweb.net<\/a><\/p>\n\n
\n
Agregue botones adhesivos a su sitio de WordPress<\/h3>\n
Art\u00edculos relacionados<\/h4>\n
\n