Hemos preparado una serie de plantillas para que a la hora de presentar tu diseño de página web puedas incorporar el widget de WhatsApp de una forma sencilla. De esta forma tus clientes podrán ver el diseño final de tu página web antes de publicarlo.
Descargar 👉 WhatsApp Widget Template – XD
Qué debes tener en cuenta a la hora de diseñar tu página web si vas a incorporar el widget de WhatsApp.
Primero es cómo quieres mostrar el icono de WhatsApp en tu página web.
Existen dos opciones principalmente, la primera sería mostrar solo el icono de WhatsApp. La otra opción es mostrar el icono de WhatsApp con un mensaje. Este mensaje es lo que llamamos el “call to action”.
Ese mensaje es importante ya que va ayudar a que tus clientes pinchen en el widget de WhatsApp y inicien la conversación con tus comerciales.
También puedes definir los colores y posición del widget. Por defecto el widget lo colocamos a la derecha ya que es una posición muy visible para el usuario.
Si quieres puedes ponerlo a la izquierda. El color del widget es totalmente libre y lo puedes personalizar a tu gusto.
El icono que se muestra del WhatsApp por defecto es el icono de WhatsApp. Si lo quieres modificarte te damos la opción en la configuración del widget.
Segundo. Una vez definido el diseño del botón ahora puedes diseñar el panel de agentes. Este panel va a mostrar a los usuarios los agentes disponibles para la atención en tu página web. Recomendamos mostrar hasta un máximo de tres agentes. De esta forma puedes ofrecer un panel sin Scroll con todos los agentes visibles. Si añades un cuarto agente, esa gente quedaría en un Scroll y no sería visible en una primera vista.
Cada gente puede tener una foto, cargo, nombre, y si está online o Off Line.
Todos estos campos los podrás gestionar desde la configuración del widget.
El campo de online y Off Line se configura al añadir a la gente un horario de trabajo. Los agentes Off Line si quieres se pueden ocultar.
Tercero. El último elemento de diseño que tienes disponible en el widget es el formulario. El formulario se compone de un texto de bienvenida, los campos que el usuario debe rellenar, y un botón para que el usuario envíe ese formulario e inicia la conversación en WhatsApp. Éstas opciones igualmente son todas configurable desde el panel de control.
Descarga esta plantilla en Adobe XD para WhatsApp
Con la plantilla de diseño lo que permitimos es que puedas diseñar todos los elementos de tu widget, validarlos con tu cliente y una vez esté todo conforme poder configurarlo en tu cuenta. Este documento lo hemos hecho tanto para la versión escritorio como para la versión móvil del widget.
Si tienes dudas, comentarios, sugerencias, escríbenos. Te queremos ayudar en cualquier cosa que necesites para poner en marcha tu widget de WhatsApp. 
WhatsApp Chat con nosotros https://chatwith.io/s/5f12d2ebbc3e4