Cómo agregar WhatsApp Chatbox y botones para compartir en WordPress

How to add WhatsApp share button in WordPress

¿Quiere agregar un cuadro de chat de WhatsApp y botones para compartir en WordPress?

WhatsApp es una de las plataformas de mensajería más populares y tiene alrededor de 2200 millones de usuarios en todo el mundo. Agregar un botón de compartir de WhatsApp le permite interactuar con los clientes y fidelizar a los usuarios, y agregar un botón de cuadro de chat permite a los usuarios enviarle mensajes directamente desde su sitio web.

En este artículo, le mostraremos cómo agregar fácilmente un botón para compartir de WhatsApp en WordPress.

¿Por qué agregar un botón de WhatsApp en WordPress?

WhatsApp es una aplicación de mensajería instantánea que permite a personas de todo el mundo conectarse fácilmente entre sí.

Agregar un botón para compartir de WhatsApp a su sitio web de WordPress permite a los visitantes compartir fácilmente su contenido con sus contactos.

Además, también puede agregar un cuadro de chat de WhatsApp que permite a los usuarios tener una conversación directa con usted.

Por ejemplo, si tiene una tienda en línea, los clientes pueden usar un botón de chat de WhatsApp para realizar consultas de productos sin tener que completar formularios o pasar por el servicio de atención al cliente.

Esto puede generar una mayor participación de los usuarios y menores tasas de abandono del carrito.

Veamos cómo puede agregar fácilmente el botón Compartir de WhatsApp en WordPress.

Método 1: agregar el botón Compartir de WhatsApp en WordPress

Si desea agregar un botón para compartir de WhatsApp a su sitio web, este método es para usted.

Primero necesitas instalarlo y activarlo. Descarado SocialShare enchufar. Consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress para obtener más instrucciones.

Después de la activación, debe visitar Descarado SocialShare Menú de la barra lateral de administración.

Desde aquí, debe cambiar a la pestaña "Interfaz predeterminada" en la parte superior.

Luego, debe desplazarse hacia abajo hasta la sección "Elegir servicios compartidos" y simplemente marcar la casilla junto a la opción de WhatsApp.

Verifique la opción de compartir de WhatsApp

También puede agregar el botón de compartir para otras plataformas de redes sociales, como Facebook, Instagram, Pinterest, Twitter y más.

Cuando haya terminado, no olvide hacer clic en el botón "Guardar cambios" para guardar su configuración y luego puede ir a la pestaña "Seleccionar tema".

Desde aquí, puede personalizar los botones para compartir cambiando su tamaño, forma, logotipo o color de fondo, y más. Es una buena idea elegir los colores de la marca WhatsApp para el botón de compartir para que los usuarios puedan reconocerlo más fácilmente.

Personaliza el botón de compartir de WhatsApp

Cuando haya terminado, asegúrese de hacer clic en el botón "Guardar cambios" para guardar la configuración.

Ahora puede visitar su sitio web para ver el botón de compartir de WhatsApp en acción.

Así es como se veía en nuestro sitio web de demostración.

boton de compartir whatsap

¿No quieres añadir un botón de WhatsApp en cada página? No se preocupe, el complemento también le permite agregarlo fácilmente a publicaciones y páginas individuales.

Agregue el botón de compartir de WhatsApp en el editor de bloques

Si desea mostrar el botón para compartir de WhatsApp solo en publicaciones y páginas específicas, primero debe deshabilitar la visualización global de los botones para compartir.

Para hacer esto, simplemente vaya a Descarado SocialShare Página en la barra lateral de administración de WordPress y cambie a la pestaña Interfaz predeterminada.

A continuación, debe desmarcar la casilla de la opción "Habilitar la interfaz de uso compartido predeterminada".

Deshabilitar botones predeterminados

Luego cambie a la pestaña "Interfaz flotante".

Aquí, desmarque la casilla junto a la opción "Habilitar interfaz de uso compartido flotante".

Deshabilitar botones flotantes

Después de deshabilitar los botones estándar y flotante para compartir en redes sociales, el botón para compartir de WhatsApp le permite acceder a cualquier página o publicación en su sitio web con un código abreviado.

Simplemente abra la publicación o la página donde desea mostrar el botón Compartir de WhatsApp en el editor de contenido o simplemente cree uno nuevo.

Desde aquí, simplemente haga clic en el botón Agregar bloque (+) en la esquina superior izquierda y busque el bloque Shortcode. Luego simplemente agregue el bloque a la página.

Agrega un shortcode en el editor de bloques

A continuación, debe copiar y pegar el siguiente código corto en el bloque "Código corto".

Cuando haya terminado, simplemente haga clic en el botón "Publicar" o "Actualizar" para guardar los cambios. El botón para compartir de WhatsApp se verá así.

Botón de compartir de WhatsApp en un lado

Agregue el botón de compartir de WhatsApp como un widget

Para agregar el botón Compartir de WhatsApp a la barra lateral de su sitio web, debe visitar Apariencia » Widgets Página de la barra lateral de administración.

Desde aquí, simplemente haga clic en el botón Agregar bloque (+) en la esquina superior izquierda y busque el bloque Shortcode.

A continuación, debe agregar el bloque "Código corto" a la barra lateral.

Widget de botón de compartir de WhatsApp

Luego simplemente copie y pegue el código abreviado a continuación en el bloque.

Luego haga clic en el botón "Actualizar" para guardar su configuración.

Así es como se verá el botón para compartir de WhatsApp una vez que se agregue a la barra lateral del sitio.

Botón de compartir de WhatsApp en la barra lateral

Agregue el botón Compartir de WhatsApp en el editor de sitio completo

Si usa un tema de bloque, usa el editor de sitio completo y no tiene acceso a la página de Widgets.

Debes visitar primero Apariencia » Redactor Opción en la barra lateral de administración para iniciar un editor de sitio completo.

A continuación, debe hacer clic en el botón Agregar bloque (+) en la parte superior de la pantalla y agregar el bloque Shortcode en una ubicación conveniente en su sitio web.

Luego agregue el siguiente código abreviado al bloque.

Agregue el botón Compartir de WhatsApp en el editor de sitio completo

Cuando haya terminado, haga clic en el botón "Guardar" en la parte superior.

Así es como se veía el botón de compartir de WhatsApp en nuestro sitio web de demostración.

Vista previa del botón de compartir de WhatsApp en FSE

Método 2: agregar el botón de la caja de chat de WhatsApp en WordPress

Puede usar este método para agregar el botón de chat de WhatsApp en WordPress.

Esto significa que cuando un usuario hace clic en el botón de chat de WhatsApp, puede enviarle un mensaje directo a su número de teléfono de WhatsApp.

Nota: No recibirá ningún mensaje directamente en el panel de control de WordPress, pero puede chatear en la aplicación móvil, la interfaz web y el software de escritorio de WhatsApp como de costumbre.

Primero necesitas instalarlo y activarlo. Haz clic para chatear enchufar. Para obtener más instrucciones, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Después de la activación, debe ir Haz clic para chatear Elemento de menú agregado a la barra lateral del panel de administración de WordPress.

Desde aquí, lo primero que debe hacer es ingresar el número de teléfono de su trabajo en el campo Número de WhatsApp.

Este es el número de teléfono donde recibirás los mensajes de los usuarios.

Luego debe ingresar un mensaje simple en el campo "Mensaje precargado". Este es el mensaje predeterminado que aparecerá en su ventana de chat de WhatsApp.

Proporciona tu número de teléfono en WhatsApp

A continuación, debe desplazarse hacia abajo hasta la sección "Estilo, posición".

Puede comenzar eligiendo un estilo para su cuadro de chat de WhatsApp en el menú desplegable. De forma predeterminada, este complemento ofrece alrededor de 8 estilos diferentes. Solo elige los que prefieras.

Elija un estilo para el cuadro de chat en WhatsApp

A continuación, debe desplazarse hacia abajo hasta la sección "Pegar posición".

Desde aquí puede seleccionar la posición y el tamaño de su cuadro de chat en los menús desplegables.

Seleccione la posición de su cuadro de chat

Luego debe ir a la sección "Configuración de pantalla".

Aquí solo necesita marcar la casilla Global junto a las opciones donde desea mostrar su cuadro de chat de WhatsApp.

Por ejemplo, si desea mostrar el cuadro de chat en sus publicaciones, páginas y páginas de categorías, debe habilitar la opción "Global".

También puede seleccionar la opción Ocultar si no desea mostrar el cuadro de chat de WhatsApp en una página en particular.

Seleccione la casilla de verificación Global

Finalmente, no olvide hacer clic en el botón "Guardar cambios" para guardar su configuración.

Ahora tienes que ir a Haga clic en Chat » Saludos Página para seleccionar un cuadro de diálogo de bienvenida de un menú desplegable.

Este cuadro de diálogo de bienvenida aparecerá en su página junto con el botón de WhatsApp.

Seleccione el cuadro de diálogo de bienvenida en el menú desplegable.

Una vez que haya hecho sus selecciones, deberá ingresar el contenido del encabezado, el cuerpo y la llamada a la acción de su diálogo de bienvenida.

Luego, desplácese hacia abajo hasta la pestaña Tema personalizado.

Introduzca el contenido del cuadro de diálogo de bienvenida

Una vez aquí, puede elegir los colores de fondo para su contenido principal, encabezado y cuadro de mensaje.

Luego simplemente haga clic en el botón "Guardar cambios" para guardar su configuración

Seleccione el color de fondo para el cuadro de diálogo de bienvenida

Entonces necesitas visitar su sitio web.

De forma predeterminada, su cuadro de chat de WhatsApp se ve así.

Cuadro de chat de WhatsApp en el sitio web

Ahora le mostraremos cómo agregar fácilmente el botón de chat de WhatsApp en el editor de bloques, el widget y el editor de sitio completo.

Agregue el botón de chat de WhatsApp en el editor de bloques

Con el editor de bloques, puede agregar fácilmente el botón de WhatsApp a una página o publicación específica en su sitio web de WordPress.

Para este tutorial, agregaremos el botón de WhatsApp a una página.

tienes que ir primero Páginas » Agregar nuevo Página de la barra lateral de administración.

Esto iniciará el editor de bloques.

Ahora debe hacer clic en el botón "Agregar bloque" (+) en la esquina superior izquierda de la pantalla y luego en el bloque "Código corto".

Agrega un shortcode en el editor de bloques

Una vez que se agrega el bloque Shortcode, debe copiar y pegar el siguiente código abreviado en el bloque.

Luego simplemente haga clic en el botón 'Publicar' en la parte superior.

Así es como se veía el botón de WhatsApp en nuestro sitio web de demostración.

Botón de WhatsApp en el lateral.

Agregue el botón de chat de WhatsApp como un widget

En este método, le mostraremos cómo agregar fácilmente el botón de WhatsApp como un widget a la barra lateral de su sitio web.

Primero tienes que ir a Apariencia » Widgets Página de la barra lateral de WordPress.

Desde allí, simplemente haga clic en la pestaña de la barra lateral para expandirla, luego haga clic en el botón Agregar bloque (+) en la parte superior.

Luego, solo busque el bloque Shortcode y agréguelo a la barra lateral.

Agregue el bloque de shortcode a la barra lateral

Ahora simplemente copie y pegue el siguiente código abreviado en el bloque.

Finalmente, no olvide hacer clic en el botón "Actualizar" para guardar su configuración.

así es como cómo se veía el botón de WhatsApp después de que lo agregamos a la barra lateral de nuestro sitio de demostración.

Botón de WhatsApp en la barra lateral

Agregue el botón de chat de WhatsApp en el editor de sitio completo

Si está utilizando un tema basado en bloques con un editor de sitio web completo, este método es para usted.

Ir al primero Apariencia » Redactor Página de inicio del editor de sitio completo.

Desde allí, simplemente haga clic en el botón Agregar bloque (+) en la esquina superior izquierda de la pantalla.

Simplemente busque el bloque Shortcode ahora y agréguelo a su ubicación preferida en el sitio web.

Agregue el bloque de shortcode en FSE

Una vez que se agrega el bloque, simplemente copie y pegue el código abreviado a continuación en el bloque.

Finalmente, no olvide hacer clic en el botón "Actualizar" en la parte superior para guardar los cambios.

Así se veía el botón de WhatsApp en nuestro sitio.

Botón de WhatsApp en FSE

Esperamos que este artículo le haya ayudado a aprender cómo agregar un botón para compartir de WhatsApp en WordPress. Es posible que también desee ver nuestras mejores selecciones de las mejores herramientas de monitoreo de redes sociales para usuarios de WordPress y nuestra guía para principiantes para crear una lista de correo electrónico.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es Y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir