Plantilla lista
Daniel
Experto sin código, embajador de Latenode
12 de febrero de 2024
Una plataforma de código bajo que combina la sencillez del código cero con la potencia del código completo 🚀.
Empezar gratis
12 de febrero de 2024
-
10
min leer

¡Automatiza tu sitio web WordPress con el plugin WP webhooks y Latenode!

Daniel
Experto sin código, embajador de Latenode
Índice
Puntos clave:
Eleva la funcionalidad de tu sitio web WordPress integrando el plugin WP Webhooks con Latenode, creando un potente sistema de automatización que agiliza los flujos de trabajo, mejora la participación de los usuarios y simplifica la gestión de contenidos con facilidad. Esta conexión perfecta entre tu sitio y las aplicaciones externas a través de las capacidades de automatización de Latenode garantiza que tu sitio web funcione de forma más eficiente y dinámica que nunca.

Hola, soy Daniel de Latenode. Si alguna vez has creado un sitio web con WordPress, probablemente te habrás dado cuenta de que no existe la posibilidad de enviar datos de WP a servicios externos, ni de recibir datos de fuentes externas sin plugins adicionales.

WP Webhooks parece ser una de las soluciones más populares en estos casos. Gracias a este plugin, puedes utilizar webhooks y peticiones HTTP para enviar cualquier dato desde tu sitio web WP y realizar cualquier acción sobre él de forma remota. ¿Qué significa esto? Significa que puedes automatizar el flujo de trabajo de WordPress y, en este artículo, ¡te mostraré cómo hacerlo con Latenode.com!

¿La mejor parte? Además de una instrucción paso a paso, ¡puedes simplemente copiar todo el escenario que te mostraré en este artículo! Verás el enlace al final de este artículo.

¡Vamos!

Paso 1: Instalación de WP Webhooks

Descarga del plugin

Lo primero es lo primero, ve a Página de WP webhooks y descarga el plugin como archivo zip. NO tienes que descomprimirlo.

Instalación

Después, en tu wordpress.com ve a la página de gestión de tu sitio web:

Mi sitio > Plugins > Añadir nuevo plugin > Cargar

A continuación, elige el archivo zip que acabas de descargar y espera a que se instale el plugin.

Verás los WP Webhooks en la pestaña de tu plugin. ¡Haz clic en Configuración para empezar a automatizar tu sitio web!

Paso 2: Visión general de la configuración

Verás varias pestañas dentro de la configuración de WP Webhooks, pero utilizando un plan gratuito, sólo necesitarás dos de ellas: Enviar Datos y Recibir Datos.

Enviar datos

Esta pestaña contiene:

  1. Lista de desencadenantes disponibles. En otras palabras, aquí puedes elegir qué evento de tu sitio web desencadenará la ejecución de un flujo de trabajo de automatización que vayas a crear.
  2. Descripción del disparador seleccionado.

Recibir datos

Aquí puedes encontrar:

  1. URL de Acciones Webhooks con una clave API. Ya tienes una desde el principio.
  2. Lista de acciones disponibles con descripciones

Paso 3: Automatizar tu sitio web

Pues bien, ¡es hora de automatizar!

Esa es la idea del escenario de automatización que se me ha ocurrido:

Una vez que un usuario deja un comentario en mi sitio, el apodo del usuario, su correo electrónico y el propio comentario se envían automáticamente a mi formulario de Google Sheets. Si el comentario contiene algún enlace, se eliminará.

Funciona bien tanto para recoger opiniones como para moderar, ¿no? En realidad, ya he hecho este escenario en latenode.comecha un vistazo:

Deja que te explique lo que ocurre aquí:

  1. Primero está el desencadenante webhook que activa el escenario cada vez que aparece un nuevo comentario en mi página, y obtiene todos los datos necesarios del comentario.
  2. Este nodo de Google Sheets genera una nueva fila vacía en mi hoja de cálculo.
  3. El siguiente nodo de Google Sheets busca la fila que tiene un valor "vacío" en la columna de estado.
  4. El iterador procesa el valor del nodo anterior. Los nodos conectados al punto superior se ejecutan primero.
  5. Estos nodos de Google Sheets actualizan las celdas con la información de los comentarios y cambian el estado a "actualizado".
  6. Luego va el nodo de petición HTTP que borra el comentario. Se activa sólo en caso de que haya un enlace en el comentario.

¡Pero no necesitas construir este escenario por tu cuenta! ¡Sólo tienes que copiarlo del enlace que aparece al final del artículo! Y ahora, es el momento de mostrarte todos y cada uno de los pasos para crear este flujo de trabajo de automatización, ¡vamos allá!

Crear un nuevo escenario

Ir a Latenode.com, conéctate a tu cuenta y haz clic en el botón morado de la esquina superior izquierda de la página. Después, te encontrarás en la pestaña de creación de escenarios.

Cambia el nombre de tu escenario, de lo contrario, se llamará "sin título". Después, guarda los cambios.
Intenta hacerlo cada vez que cambies o modifiques tu escenario. ¡La seguridad ante todo!

Activador webhook

Ahora, haz clic en añadir nodo y selecciona el desencadenante del webhook. A continuación, haz clic en el nodo que has añadido y copia el enlace del webhook. ¡No te olvides del botón "Guardar"!

Lo siguiente que tienes que hacer es elegir el activador "comentario creado" en la pestaña Enviar datos del plugin WP Webhooks y hacer clic en el botón "Añadir URL de webhook".

Después, asigna un nombre al activador e inserta la URL del webhook del escenario Latenode .

Y si haces clic en el botón "desplegar" (junto a "guardar"), y luego en "enviar demo" (sección acciones del activador WH), verás que la conexión ya funciona, ¡qué bien!

Hojas de cálculo de Google: Añadir una sola fila

Ahora, haz clic en "añadir nodo", busca el grupo de hojas de Google y elige "añadir fila única".

Regístrate en Google para obtener un token de autorización y, a continuación, selecciona la ruta de la hoja de cálculo necesaria.

La respuesta para "¿Tiene encabezados la primera fila de la hoja?" es "sí". A continuación, escribe "vacío" en el campo "estado" y guarda los cambios.

Hojas de cálculo de Google: Buscar fila

Encontrarás este nodo del mismo modo que el anterior, pero ahora tienes que seleccionar el nodo "Buscar fila"‍.

Elige el mismo token de autorización y la ruta para tu hoja de cálculo.

En la sección de columnas, inserta "D" (si utilizas la hoja que te he proporcionado), y "vacío" en valor.

En pocas palabras, este nodo muestra dónde insertar los datos del comentario, el estado "vacío" es un marcador.

Iterador

Antes de añadir el Iterador, ejecuta una vez dos nodos de Google Sheets que tengas para hacer fluir los datos.

Después, haz clic en "añadir nodo" y elige "otras herramientas". Aquí lo encontrarás.

Para configurarlo, simplemente coloca el objeto de resultados del nodo anterior en el campo "datos a iterar". Luego ejecútalo una vez y guarda los cambios.

Hojas de cálculo de Google: Actualizar celda x4

En este paso, rellenamos las celdas de la hoja de cálculo con el nombre, el correo electrónico y el comentario del usuario, y cambiamos el estado "vacío" a "actualizado". Por eso se necesitan 4 nodos.

Haz clic en "añadir nodo", luego ve de nuevo a google sheets y elige el nodo "Actualizar celda" .

De nuevo, introduce tu código de autorización y elige la ruta de la hoja de cálculo.

Estas acciones son las mismas para los 4 nodos, ¡así que puedes guardar ésta y simplemente copiarla!

Para ello, basta con hacer clic con el botón derecho del ratón en el nodo, luego "copiar" y ¡pegarlo en cualquier sitio!

Luego, conéctalos al punto superior del Iterador.

Para evitar confusiones, cambia el nombre de los nodos para que tengan un aspecto diferente.

Ahora, ¡acabemos con ellos! Célula y valor para:

  1. Nombre

Celda: A (objeto googlesheetnumber del Iterador)

Valor: objeto comment_author del activador webhook

  1. Envía un correo electrónico a

Celda: B (objeto googlesheetnumber del Iterador)

Valor: objeto comment_author_email del activador webhook

  1. Comentario

Celda: C (objeto googlesheetnumber del Iterador)

Valor: objeto comment_content del activador webhook

  1. Estado

Celda: D (objeto googlesheetnumber del Iterador)

Valor: actualizado

¡No olvides guardar los cambios!

Petición HTTP

Vaya, ¡la última! Añade un nodo al punto de conexión derecho del iterador, busca "Solicitud HTTP" en la lista de aplicaciones.

Para configurarlo, tienes que poner la URL de la acción Webhook desde la pestaña Recibir datos del plugin WP Webhooks. Luego ve a Acciones Webhook.

En este caso, buscamos la acción "Eliminar comentario". Para realizar esta acción, tendrás que modificar la URL con &action=borrar_comentario (consulta los detalles) y &comment_id={objeto_id_comentario}.

Vuelve al nodo "Petición HTTP" , establece el método como GET y guarda los cambios.

¡Y una cosa más! Si dejamos las cosas así, este escenario borrará todos los comentarios.

Tenemos que configurar el filtro, y así es como hay que hacerlo:

Haz clic en la conexión entre el Iterador y la petición HTTP, y luego en "configurar filtro"‍.

En la ventana abierta, introduce el nombre del filtro en el campo "Etiqueta".

En el campo "condición", pon la función "contiene" de la ventana Operadores, después del primer hueco pon el objeto comment_id del activador webhook. Y después del punto y coma, pon"https://". Así se borrarán todos los comentarios que tengan el inicio del enlace.

¡Ya está! ¡Vamos a probarlo!

Probando

Dejemos 2 comentarios: uno con el enlace y otro sin él, y veamos cómo funciona.

Ambos comentarios están ahora en mi hoja de cálculo de Google.

Y así reaccionó el escenario:

En el caso del comentario sin enlace, el nodo HTTP no estaba activado, mira:

Y el del comentario:

Conclusión

Bueno, ¡supongo que eso es todo por hoy! Espero que este artículo te haya sido útil.

Como prometí Aquí puedes copiar este escenario como plantilla lista para usar, pero si realmente te gusta automatizar cosas, eres bienvenido a nuestra Latenode comunidad de Discorddonde podrás encontrar ayuda de nuestra creciente comunidad de entusiastas del low-code, de nuestros desarrolladores ¡y de mí!

Artículos relacionados:

Blogs relacionados

Caso práctico

Respaldado por