Plantilla lista
Daniel
Experto en No-code, embajador de Latenode
Febrero 12, 2024
Una plataforma de código bajo que combina la simplicidad sin código con el poder del código completo 🚀
Empieza ahora gratis
Febrero 12, 2024
10
min leer

¡Automatiza tu sitio web de WordPress usando el complemento WP webhooks y Latenode!

Daniel
Experto en No-code, embajador de Latenode
Tabla de contenidos.
Puntos clave:
Aumente la funcionalidad de su sitio web de WordPress integrando el complemento WP Webhooks con Latenode, creando un sistema de automatización poderoso que optimiza los flujos de trabajo, mejora la participación del usuario y simplifica la administración de contenido con facilidad. Esta conexión perfecta entre su sitio y las aplicaciones externas a través de las capacidades de automatización de Latenode garantiza que su sitio web funcione de manera más eficiente y dinámica que nunca.

Hola, soy Daniel de Latenode. Si alguna vez creaste un sitio web con WordPress, probablemente habrás notado que no hay posibilidad de enviar datos de WP a servicios externos ni recibir datos de fuentes externas sin complementos adicionales.

Los WP Webhooks parecen ser una de las soluciones más populares en estos casos. Gracias a este complemento, puedes usar webhooks y solicitudes HTTP para enviar cualquier dato desde tu sitio web WP y realizar cualquier acción en él de forma remota. ¿Qué significa? 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 las instrucciones paso a paso, ¡puedes copiar todo el escenario que te mostraré en este artículo! Verás el enlace al final de este artículo.

¡Vamonos!

Paso 1: Instalación de WP Webhooks

Descarga del complemento

Lo primero es lo primero, ve a Página de webhooks de WP y descargue el complemento como un archivo zip. NO es necesario descomprimirlo.

Instalación

Después de eso, en su wordpress.com Página de administración del sitio web, vaya a:

Mi sitio > Plugins > Añadir nuevo Plugin > Subir

Luego seleccione el archivo zip que acaba de descargar y espere a que se instale el complemento.

Verás los WP Webhooks en la pestaña de tu complemento. Haz clic en Configuración para comenzar a automatizar tu sitio web.

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

Verás varias pestañas dentro de la configuración de WP Webhooks, pero si usas un plan gratuito, solo necesitarás dos de ellas: Enviar datos y recibir datos.

Enviar datos

Esta pestaña contiene:

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

Recibir datos

Aquí puedes encontrar:

  1. URL de acciones de Webhooks con una clave APIYa tienes uno desde el principio.
  2. Lista de acciones disponibles con descripciones

Paso 3: Automatizar su sitio web

¡Bueno, es hora de automatizar!

Esa es la idea del escenario de automatización que he ideado:

Cuando un usuario deja un comentario en mi sitio, el apodo, el correo electrónico y el comentario en sí se envían automáticamente a mi formulario de Hojas de cálculo de Google. Si el comentario contiene enlaces, se eliminarán.

Funciona bien tanto para recopilar comentarios como para moderar, ¿no? De hecho, ya he creado este escenario en latenode.com, echa un vistazo:

Déjame explicarte lo que está pasando aquí:

  1. Primero está el disparador del webhook que activa el escenario cada vez que aparece un nuevo comentario en mi página y obtiene todos los datos de comentarios necesarios.
  2. Este nodo de Hojas de cálculo de Google genera una nueva fila vacía en mi hoja de cálculo.
  3. El próximo nodo de Hojas de cálculo de Google busca la fila que tiene un valor 'vacío' en la columna de estado.
  4. Iterador procesa el valor del nodo anterior. Los nodos conectados al punto superior se ejecutan primero.
  5. Estas hojas de cálculo de Google Los nodos actualizan las celdas con información de comentarios y cambian el estado a 'actualizado'
  6. Luego va Nodo de solicitud HTTP que elimina el comentario. Se activa solo en caso de que exista un enlace en el comentario.

¡Pero no es necesario que construyas este escenario por tu cuenta! ¡Solo 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

Vaya a Latenode.com, inicia sesión en tu cuenta y haz clic en el botón violeta que se encuentra en la esquina superior izquierda de la página. Luego, te encontrarás en la pestaña de creación de escenarios.

Cambie el nombre de su escenario, de lo contrario se llamará “sin título”. Después de eso, guarde los cambios.
Intente hacerlo cada vez que cambie o modifique su escenario. ¡La seguridad es lo primero!

Desencadenador de webhook

Ahora, haga clic en Agregar nodo y seleccione el Activador de webhookLuego, haz clic en el nodo que has agregado y Copiar el enlace del webhook¡No te olvides del botón “guardar”!

Lo siguiente que tienes que hacer es elegir el “comentario creado” disparador en la pestaña Enviar datos del complemento WP Webhooks y haga clic en el “Agregar URL de webhook” del botón.

Después de eso, nombre el disparador e inserte la URL del webhook del escenario Latenode.

Y si haces clic en el "desplegar" botón (al lado de “guardar”), y luego “Enviar demostración” (sección de acciones del disparador WH), verás que la conexión ya está funcionando, ¡genial!

Hojas de cálculo de Google: agregar una sola fila

Ahora, haga clic en “agregar nodo”, busque el grupo de hojas de cálculo de Google y elija “agregar una sola fila”.

Regístrese con Google Para obtener un token de autorización, seleccione la ruta de la hoja de cálculo necesaria.

La respuesta para “¿La primera fila de la hoja tiene encabezados?” es “sí”. A continuación, escribir “vacío” en el “estado” campo y guardar los cambios.

Hojas de cálculo de Google: Buscar fila

Encontrarás este nodo de la misma manera que el anterior, pero ahora debes seleccionar el “Buscar fila” nodo.

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

En la sección de la columna, inserte “D”(si estás usando la hoja que te he proporcionado), y “vacío” en valor.

En pocas palabras, este nodo muestra dónde insertar datos de comentarios, el estado “vacío” es un marcador.

Iterador

Antes de agregar el iterador, Ejecute una vez dos nodos de Google Sheets que deben generar el flujo de datos.

Después de eso, haga clic en “agregar nodo” y elija “Otras herramientas”. Aquí lo encontrarás.

Para configurarlo, simplemente coloque el objeto de resultados del nodo anterior en “datos para iterar” campo. Luego ejecútelo una vez y guarde los cambios.

Hojas de cálculo de Google: Actualizar celda x4

En este paso, rellenamos las celdas de la hoja de cálculo con los nombre , email y comentario del usuario y cambiar Estado “vacío” a “actualizado”Por eso se necesitan 4 nodos.

Haga clic en "agregar nodo", luego vaya a las hojas de cálculo de Google nuevamente y seleccione el “Actualizar celda” nodo.

Nuevamente, inserte su token 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 esta y simplemente copiarla!

Para ello, simplemente haga clic derecho en el nodo, luego “cópielo” y péguelo en cualquier lugar.

Entonces, Conéctelos al punto superior del iterador..

Para evitar confusiones, cambie el nombre de los nodos para que se vean diferentes.

¡Ahora, acabemos con ellos! Celda y valor para:

  1. Nombre

Celda: A (objeto googlesheetnumber del Iterador)

Valor: objeto comment_author del activador del webhook

  1. Correo electrónico

Celda: B (objeto googlesheetnumber del Iterador)

Valor: objeto comment_author_email del activador del webhook

  1. Comentario

Celda: C (objeto googlesheetnumber del Iterador)

Valor: objeto comment_content del activador del webhook

  1. Estado

Celda: D (objeto googlesheetnumber del iterador)

Valor: actualizado

¡No olvides guardar los cambios!

Solicitud HTTP

¡Vaya, el último! Agrega un nodo al punto de conexión correcto del iterador, busca “Solicitud HTTP" en la lista de aplicaciones.

Para configurarlo, necesitas: Coloque la URL de la acción del Webhook desde la pestaña Recibir datos del complemento WP Webhooks. Luego vaya a Acciones de Webhook.

En este caso, buscamos el “Eliminar comentario"acción. Para realizar esta acción, deberá modificar la URL con &action=delete_comment (verifique los detalles) y &comment_id={objetivo comment_id}.

De vuelta a la “Solicitud HTTP” nodo, Establezca el método como GET y guarde los cambios.

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

Tenemos que configurar el filtroY así es como se hace:

Haga clic en la conexión entre el iterador y la solicitud HTTP, entonces “configurar filtro”.

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

In "condición" campo, poner "contiene" Función de la ventana Operadores, después del primer espacio poner comment_id objeto del disparador del webhook. Y después del punto y coma, ponga “https://”. Por lo tanto, cualquier comentario que tenga el comienzo del enlace se elimina.

¡Eso es todo! ¡Vamos a probarlo!

Probando

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

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

Y así reaccionó el escenario:

En caso de que con el comentario sin el enlace, el nodo HTTP no se haya activado, mira:

Y el del comentario:

Conclusión

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

Como prometí Aquí puedes copiar Este escenario es una plantilla lista para usar, pero si realmente te gusta automatizar cosas, eres bienvenido a nuestra Comunidad de Discord de Latenode, donde podrás encontrar ayuda de nuestra creciente comunidad de entusiastas del low-code, nuestros desarrolladores y de mí.

Artículos relacionados:

Aplicación unoAplicación dos

Probar ahora

Blogs relacionados

Caso de uso

Respaldado por