Cómo incluir un icono de whatsapp en wordpress divi

Añadir whatsapp al sitio web

A continuación, puedes vincular el icono a tu perfil en las redes sociales. Para ello, haz clic en el icono una vez, y aparecerá un cuadro para que introduzcas tu dirección. Escribe o pega el enlace a tu perfil en las redes sociales y haz clic en el icono de la flecha para introducirlo.

Cuando hagas clic en el bloqueo, encontrarás ajustes adicionales de bloqueo en la barra lateral derecha. Si no ves la barra lateral, es posible que tengas que hacer clic en el icono del ⚙️ (engranaje/ dentado) de la esquina superior derecha para que aparezca la configuración.

Si activas la opción «Permitir que se ajuste a varias líneas», los botones se moverán a la siguiente línea cuando no haya suficiente espacio en un dispositivo móvil (recomendado). Con este ajuste desactivado, todos los botones permanecerán en la misma línea sin importar lo que suceda.

Whatsapp business wordpress

Esto significa que la mayoría de nuestros usuarios utilizan WhatsApp como método principal de contacto, y probablemente lo llevan utilizando desde hace años. Por lo tanto, ofrecer un acceso fácil desde nuestra web es una buena forma de convertir a esos visitantes en clientes.

Con el botón de chat de WhatsApp, tus visitantes podrán enviar un mensaje directamente a tu número de teléfono. Para empezar a configurarlo, tienes que ir a la pestaña del botón dentro de la sección de chat de WhatsApp que puedes encontrar en tu panel de administración.

Dentro de la pestaña de botones, podrás cambiar entre dos diseños diferentes, y definir si quieres incluir bordes redondeados, también la posición en la que quieres mostrar el botón de WhatsApp, el texto que se mostrará dentro, el número de teléfono de WhatsApp y el mensaje de usuario por defecto.

El chat de WhatsApp también permite incluir un recuadro para mostrar algunos datos de contacto y un mensaje personalizado. Este recuadro se puede activar a través de la pestaña Recuadro dentro de la sección del chat de WhatsApp, y allí también se puede definir el mensaje de cabecera y pie de página, el nombre del contacto, el teléfono, el trabajo y un avatar.

Cómo integrar whatsapp business en la web

Divi – wa-chat (chat de whatsapp) es un módulo para Divi Builder. Este plugin contiene cuatro diseños diferentes de widgets para atraer clientes o usuarios. No es un script independiente. Divi Builder se puede comprar aquí

Para utilizar la extensión, compre y descargue el plugin. En su administración de WordPress, vaya a Plugins > Añadir nuevo. Haz clic en «subir plugin» y elige el archivo de tu carpeta de descargas. Una vez que lo hayas subido, ve a la página donde quieras añadir el chat de WhatsApp.

Aquí puedes añadir un módulo de wa-chat y elegir el aspecto de los widgets de WhatsApp entre uno de los cuatro estilos. Para seleccionar uno de los diseños y añadir un número de WhatsApp (Número de texto predeterminado) actívalo. Cuando un usuario visite una página determinada, los widgets de WhatsApp aparecerán y, cuando el usuario haga clic, se conectará con usted a través de WhatsApp.

Código de whatsapp para wordpress

Hay tantos iconos de marcas y logotipos y sitios de medios sociales por ahí que es difícil hacer un seguimiento de todos ellos. Aquellos de nosotros que usamos Divi regularmente sabemos que Divi no tiene todos los iconos que necesitamos, y por eso buscamos la manera de añadirlos. La mejor manera de añadir más medios sociales e iconos de marca en Divi es añadirlos al módulo de seguimiento social de Divi. ¡Así es, una vez que añadimos el código de los iconos podemos estilizarlos y personalizarlos como queramos directamente en el Constructor de Divi!

El primer paso es asegurarse de que tienes Font Awesome integrado en tu sitio web. Font Awesome es una fuente web de iconos, y tiene una enorme selección de iconos gratuitos y de pago que puedes utilizar. Si ya tienes esto integrado, puedes pasar al paso #2. Si no, por favor, consulte mi guía sobre Cómo agregar Font Awesome a Divi.

A continuación, tenemos que seleccionar la clase CSS correcta para el icono o iconos que queremos reemplazar. Aquí hay una guía útil para usted. Esto puede ser confuso, pero tendrá más sentido cuando vayas al paso #4. Permítanme explicar más.