Puede incluir soporte de contacto de WhatsApp en su sitio web con el widget de WhatsApp de ElementsKit. Simplemente arrastre y suelte el widget en el editor de diseño de Elementor y obtener el botón de whatsapp en el sitio web sin problemas.

WhatsApp es una de las opciones de mensajería segura más populares en la actualidad. La gente lo prefiere como medio de mensajería instantánea. Por lo tanto, este widget es útil para escuchar consultas, intereses y solicitudes inmediatas de los clientes.

Lea esta documentación para aprender cómo utilizar el widget del botón Elementor WhatsApp de ElementsKit.

Paso 1: Obtenga el botón Elementor WhatsApp en el sitio web: ElementsKit #

Para obtener el botón de WhatsApp en su sitio web, primero habilite el widget de WhatsApp de ElementsKit, luego abra el editor de Elementor y arrastre y suelte el widget en el área de diseño.

Habilite el widget de WhatsApp: #

Para habilitar el widget:

Navegar a ElementosKit > Widgets.
Encuentre el código de cupón y habilitar el widget.
Haga clic en GUARDAR CAMBIOS.

Arrastra y suelta el widget: #

Después de eso, arrastre y suelte el widget Content Ticker de ElementsKit en el área de diseño del editor Elementor.

Paso 2: configurar el widget de WhatsApp #

Puede configurar el encabezado, el cuerpo, el pie de página, el botón y la configuración del widget de WhatsApp de ElementsKit.

Encabezamiento #

Elige foto de perfil: Puede agregar una foto de perfil en el cuadro de chat de WhatsApp. Sube una foto o elige una de la biblioteca multimedia de WordPress.
Nombre de usuario: Ingrese su nombre en el campo de nombre de usuario.
Texto de usuario: Puede ingresar un texto breve que aparece debajo del nombre de usuario.
Habilitar punto activo: Muestre su estado activo habilitando el punto activo.

Habilitar tiempo activo personalizado(Disponible cuando Active Dot está habilitado): Puede mostrar el estado activo durante una determinada hora del día habilitando esta función. Cuando esté habilitado, las siguientes opciones estarán disponibles:
- Hora de inicio: Establezca una hora del día en la que estará en línea.
- Hora de finalización: Establece una hora del día en la que ya no estarás disponible en línea.
- Elija Vacaciones: Elige los días libres.
- Ingrese el mensaje de vacaciones: Puede configurar un mensaje para los clientes cuando esté de vacaciones.

Cuerpo #

Habilitar cargador: Cuando está habilitado, aparecerá una animación de escritura en la pantalla del usuario cuando esté escribiendo.
Mostrar nombre de usuario: Puede mostrar el nombre de usuario con el mensaje si habilita esta opción.
Texto de pregunta: Este texto aparecerá de forma predeterminada cuando un usuario haga clic en el botón de WhatsApp.

Pie de página #

El widget ElementsKit WhatsApp viene con tres estilos diferentes para la sección de pie de página.

Estilo: Entrada

Un campo de chat sencillo donde los usuarios pueden escribir un mensaje y enviarlo.

Elige estilo: Selecciona el estilo “Aporte".
Marcador de posición de entrada: Introduzca un texto de marcador de posición.
Opción de enlace abierto: Cuando el usuario haga clic en el botón enviar, seleccione adónde será redirigido. Hay tres opciones disponibles: 1. Misma página, 2. Nueva pestaña y 3. Ventana emergente.

Estilo: Botón

En este estilo, aparecerá un botón. Al hacer clic en el botón, los usuarios pueden enviarle mensajes utilizando la web de WhatsApp.

Elige estilo: Selecciona el estilo “Botón".
Icono: Puede agregar un ícono en el botón de mensaje. Cargue un ícono como SVG o elija uno de la biblioteca de íconos de Elementor.
Texto: Introduzca el texto de un botón.
Opción de enlace abierto: Cuando el usuario hace clic en el botón enviar, los usuarios pueden ser redirigidos a una de las siguientes opciones: 1. Misma página, 2. Nueva pestaña y 3. Ventana emergente.

Estilo: Entrada interna

Un campo de chat simple pero el campo está doblado dentro de la ventana de WhatsApp.

Elige estilo: Selecciona el estilo “Entrada interna“.
Marcador de posición de entrada: Introduzca un texto de marcador de posición.
Opción de enlace abierto: Cuando el usuario haga clic en el botón enviar, seleccione adónde será redirigido. Hay tres opciones disponibles: 1. Misma página, 2. Nueva pestaña y 3. Ventana emergente.

Botón #

Elige estilo: Seleccione el estilo del botón de las opciones dadas.
Icono: Puede agregar un ícono para el botón Elementor WhatsApp (si el estilo que elija tiene una opción de ícono disponible).
Texto: Agregue un texto en el botón (si el estilo que elija tiene una opción de ícono disponible).

Desactivar posición fija: Cuando esté APAGADO, la posición del botón será fija. De lo contrario, puede cambiar la posición del botón.
Posición (personalizado): Puede cambiar la posición del botón si la posición fija está desactivada.

Ajustes #

Número de WhatsApp: Aquí podrás poner tu número de contacto del servicio WhatsApp. Este es el número para el que has configurado el widget de WhatsApp para los usuarios.
Mostrar desde el principio: si estableces Espectáculo luego aparecerá el cuadro de chat desde el principio un visitante visita su sitio web. Y si estableces Esconder luego solo verán el ícono y tendrán que hacer clic en él para iniciar un chat.

Paso 3: personaliza el botón de WhatsApp de Elementor #

Puedes cambiar el estilo y la apariencia del botón de WhatsApp y del chatbox con ElementsKit.