Cómo automatizar mensajes de pedidos con WhatsApp en WooCommerce

1. Instalación del plugin

Comenzamos con la instalación del plugin.

  1. Nos iremos al apartado de plugins:
    http://TUDOMINIO.COM/wp-admin/plugins.php

    Y hacemos click en “Añadir nuevo”




  2. Nos llevará al repositorio de plugins de wordpress. En este caso, lo que haremos será subir el plugin desde una carpeta en nuestro equipo. Haremos click en el botón “Subir plugin”.




    Descargar el plugin del repositorio de GitHub https://github.com/chatwithio

  3. Seleccionamos el plugin en nuestro equipo:






  4. Una vez seleccionado el plugin, haremos click en el botón “Instalar ahora”.







  5. Una vez instalado, haremos click en “Activar plugin”




  6. Si todo ha salido bien, ya tendremos nuestro plugin instalado correctamente.

A continuación, explicaremos cómo configurar las notificaciones que se enviarán a nuestros usuarios cuando efectúen una compra o se modifique el estado de su pedido.



2. Configuración de plantillas en 360dialog

A continuación, os contaremos como configurar en 360dialog nuestras plantillas que utilizaremos para la configuración de las notificaciones.

  1. Accedemos a nuestra cuenta de 360dialog previamente creada y configurada.
    https://hub.360dialog.com/auth/login
  2. Accederemos ya en nuestra cuenta al apartado de plantillas haciendo click en el botón “Manage templates”.
  3. Una vez en el listado de plantillas, crearemos una nueva haciendo click en el botón “Add template”









  4. Completamos la información requerida en los campos “Name”, “Category”, “Language” y “Template type”, en este último caso, lo dejaremos como “Standard(text only)”














  5. En el campo de texto “BODY” incluiremos el texto que queramos que llegue en nuestra notificación. En este caso la plantilla que estamos creando, es para pedidos nuevos a través de nuestros woocommerce. En el mensaje, incluiremos las diferentes variables que asociaremos posteriormente en la configuración del plugin con datos que obtendremos del pedido. Una vez tengamos listo nuestro mensaje, le daremos al botón “Preview an submit”.









  6. Nos llevará a una pantalla de previsualización de nuestra plantilla donde completaremos los campos correspondientes a las variables que hemos creado para ver como quedará la notificación.



  7. Una vez hayamos verificado que todo está correctamente, haremos click en el botón “Submit template”. Automáticamente, el sistema nos llevará al listado de plantillas donde ya podremos ver nuestra plantilla.



    Inicialmente, nos saldrá la caja del idioma, con fondo gris, que indica que está pendiente de aprobación por parte de facebook. Deberemos darle al botón de sincronizar. Este proceso puede tardar varios minutos. Una vez aprobada nuestra plantilla, aparecerá la caja del idioma en color verde.

3. Configuración del plugin de notificaciones

  1. Una vez instalado y activado el plugin, podremos proceder a la configuración de las notificaciones.

Para ello, en el menú de nuestra instalación de wordpress, se habrá habilitado un nuevo acceso: “Whats API”

  1. Una vez hayamos accedido, nos aparecerá una interfaz básica donde se mostrarán los diferentes estados de un pedido de woocommerce,
    1. Procesando
    2. Pendiente de pago
    3. En espera
    4. Completado
    5. Cancelado
    6. Reembolsado
    7. Fallido


Podremos crear una plantilla para cada estado siguiendo los pasos explicados anteriormente. En nuestro caso, utilizaremos la plantilla que hemos creado para asignarla al estado “Procesando”.

  1. Para poder tener acceso a nuestras plantillas, deberemos introducir nuestra API Key de 360dialog.



    Una vez sincronizado, ya podremos proceder a la configuración de las notificaciones según el estado de los pedidos.
  1. Nos centraremos como hemos indicado anteriormente en el estado del pedido “Procesando”.

    En el campo “Select Template” se desplegarán todas las plantillas que hayamos creado, seleccionamos la que hemos creado para esta ocasión (Pedido Realizado – es).



    Como podéis ver en el ejemplo, se han añadido 4 campos. Estos campos se corresponden con las variables que creamos en nuestra plantilla en 360dialog.

En estos campos, incluiremos el código de las variables disponibles en el plugin que se corresponden con información de nuestro pedido, datos del usuario o del sitio web.





Podemos consultar las variables disponibles haciendo click en el enlace:
“Click here” to know about the placeholders. 

En cualquier de los otros estados que no estamos configurando aún.



Se nos mostrará en una ventana emergente los disponibles.



Recuperamos la captura de imagen que hemos creado para identificar mejor nuestras variables y asociar la variable de woocommerce correspondiente a cada una de ellas.

  1. Asociación de variables:
Variable templateVariable woocommerce
{{1}}{{order_billing_first_name}}
{{2}}{{order_id}}
{{3}}{{order_total}}
{{4}}{{site_url}}
  1. Incluimos las variables en los campos:



  2. Repetiremos este proceso en el resto de estados que queramos notificar vía whatsapp y que hayamos configurado previamente nuestra plantilla en 360dialog.

  3. Una vez tengamos todo listo, le daremos al botón “Save changes” y ya tendremos todo listo y funcionando para notificar a nuestros clientes el estado de su pedido.