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 鈥淎帽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 鈥淪ubir 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 鈥淚nstalar ahora鈥.







  5. Una vez instalado, haremos click en 鈥淎ctivar 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 鈥淢anage templates鈥.
  3. Una vez en el listado de plantillas, crearemos una nueva haciendo click en el bot贸n 鈥淎dd template鈥









  4. Completamos la informaci贸n requerida en los campos 鈥淣ame鈥, 鈥淐ategory鈥, 鈥淟anguage鈥 y 鈥淭emplate type鈥, en este 煤ltimo caso, lo dejaremos como 鈥淪tandard(text only)鈥














  5. En el campo de texto 鈥淏ODY鈥 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 鈥淧review 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 鈥淪ubmit 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: 鈥淲hats 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 鈥淧rocesando鈥.

  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 鈥淧rocesando鈥.

    En el campo 鈥淪elect 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:
鈥淐lick 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 鈥淪ave changes鈥 y ya tendremos todo listo y funcionando para notificar a nuestros clientes el estado de su pedido.

0 - 0

Thank You For Your Vote!

Sorry You have Already Voted!