Modelo pronto
Daniel
Especialista em No-code, Latenode Embaixador
12 de fevereiro de 2024
Uma plataforma de baixo código que combina simplicidade sem código com potência de código completo 🚀 Você pode usar a plataforma de baixo código para obter mais informações.
Comece a usar gratuitamente
12 de fevereiro de 2024
-
10
leitura mínima

Automatize seu site WordPress usando o plug-in WP webhooks e Latenode!

Daniel
Especialista em No-code, Latenode Embaixador
Tabela de conteúdo
Principais conclusões:
Eleve a funcionalidade do seu site WordPress integrando o plug-in WP Webhooks com Latenode, criando um sistema de automação avançado que agiliza os fluxos de trabalho, melhora o envolvimento do usuário e simplifica o gerenciamento de conteúdo com facilidade. Essa conexão perfeita entre seu site e aplicativos externos por meio dos recursos de automação do Latenode garante que seu site opere de forma mais eficiente e dinâmica do que nunca.

Olá, sou Daniel, do site Latenode. Se você já criou um site com o WordPress, provavelmente notou que não é possível enviar dados do WP para serviços externos ou receber dados de fontes externas sem plug-ins adicionais.

O WP Webhooks parece ser uma das soluções mais populares nesses casos. Graças a esse plugin, você pode usar webhooks e solicitações HTTP para enviar quaisquer dados do seu site WP e executar qualquer ação remotamente. O que isso significa? Significa que você pode automatizar o fluxo de trabalho do WordPress e, neste artigo, mostrarei como fazer isso com o Latenode.com!

A melhor parte? Além de uma instrução passo a passo, você pode simplesmente copiar todo o cenário que mostrarei neste artigo! Você verá o link no final deste artigo.

Vamos lá!

Etapa 1: Instalação do WP Webhooks

Download do plug-in

Para começar, vá para a página página de webhooks do WP e faça o download do plug-in como um arquivo zip. Você NÃO precisa descompactá-lo.

Instalação

Depois disso, em seu site wordpress.com você pode acessar a página de gerenciamento do site:

Meu site > Plug-ins > Adicionar novo plug-in > Fazer upload

Em seguida, escolha o arquivo zip que você acabou de baixar e aguarde a instalação do plug-in.

Você verá os WP Webhooks na guia do plug-in. Clique em Settings para começar a automatizar seu site!

Etapa 2: Visão geral das configurações

Você verá várias guias dentro das configurações do WP Webhooks, mas usando um plano gratuito, você precisará de apenas duas delas: Enviar dados e Receber dados.

Enviar dados

Essa guia contém:

  1. Lista de acionadores disponíveis. Em outras palavras, aqui você pode escolher qual evento em seu site acionará a execução de um fluxo de trabalho de automação que você vai criar.
  2. Descrição do acionador selecionado.

Receber dados

Aqui você pode encontrar:

  1. URL de ações de webhooks com uma chave de API. Você já tem uma desde o início.
  2. Lista de ações disponíveis com descrições

Etapa 3: Automatizando seu site

Bem, é hora de automatizar!

Essa é a ideia do cenário de automação que eu criei:

Quando um usuário deixa um comentário no meu site, o apelido do usuário, o e-mail e o próprio comentário são enviados automaticamente para o meu formulário do Google Sheets. Se o comentário contiver algum link, ele será excluído.

Funciona bem tanto para coletar feedback quanto para moderar, não é? Na verdade, eu já criei esse cenário em latenode.comdê uma olhada:

Deixe-me explicar o que está acontecendo aqui:

  1. O primeiro é o acionador do webhook que ativa o cenário toda vez que um novo comentário na minha página aparece e obtém todos os dados necessários do comentário.
  2. Esse nó do Planilhas Google gera uma nova linha vazia na minha planilha.
  3. O próximo nó do Planilhas Google procura a linha que tem um valor "vazio" na coluna de status.
  4. O iterador processa o valor do nó anterior. Os nós conectados ao ponto superior são executados primeiro.
  5. Esses nós do Planilhas Google atualizam as células com informações de comentários e alteram o status para "atualizado
  6. Em seguida, o nó de solicitação HTTP que exclui o comentário. Ele é ativado somente no caso de haver um link no comentário.

Mas você não precisa criar esse cenário por conta própria! Basta que você o copie do link no final do artigo! E agora, chegou a hora de mostrar a você todas as etapas da criação desse fluxo de trabalho de automação, vamos lá!

Criar um novo cenário

Ir para Latenode.comfaça login em sua conta e clique no botão roxo no canto superior esquerdo da página. Depois disso, você estará na guia de criação do cenário.

Renomeie seu cenário, caso contrário, ele será chamado de "sem título". Depois disso, salve as alterações.
Tente fazer isso sempre que você alterar ou modificar seu cenário. Segurança em primeiro lugar!

Acionador de webhook

Agora, clique em adicionar nó e selecione o acionador do webhook. Em seguida, clique no nó que você adicionou e copie o link do webhook. Não se esqueça do botão "salvar"!

A próxima coisa que você precisa fazer é escolher o acionador "comment created" (comentário criado) na guia Send Data (Enviar dados) do plug-in WP Webhooks e clicar no botão "Add webhook URL" (Adicionar URL do webhook ).

Depois disso, nomeie o acionador e insira o URL do webhook do cenário Latenode .

E se você clicar no botão "deploy" (ao lado de "save") e, em seguida, em "send demo" (seção de ações do acionador WH), verá que a conexão já está funcionando, ótimo!

Planilhas Google: Adicionar uma única linha

Agora, clique em "add node" (adicionar nó), procure o grupo de planilhas do Google e escolha "add single row" (adicionar linha única).

Registre-se no Google para obter um token de autorização e, em seguida, selecione o caminho da planilha necessária.

A resposta para "A primeira linha da planilha tem cabeçalhos?" é "sim". Em seguida, escreva "empty" (vazio) no campo "status" e salve as alterações.

Planilhas Google: Localizar linha

Você encontrará esse nó da mesma forma que o anterior, mas agora terá de selecionar o nó "Localizar linha".

Escolha o mesmo token de autorização e o caminho para sua planilha.

Na seção da coluna, insira "D" (se você estiver usando a planilha que forneci) e "vazio" no valor.

Em outras palavras, esse nó mostra onde você deve inserir dados de comentários; o status "vazio" é um marcador.

Iterador

Antes de adicionar o Iterator, execute uma vez os dois nós do Google Sheets que você precisa para fazer o fluxo de dados.

Depois disso, clique em "adicionar nó" e escolha "outras ferramentas". Aqui você o encontrará.

Para configurá-lo, basta colocar o objeto de resultados do nó anterior no campo "data to iterate". Em seguida, execute-o uma vez e salve as alterações.

Planilhas Google: Atualizar célula x4

Nesta etapa, preenchemos as células da planilha com o nome, o e-mail e o comentário do usuário e alteramos o status "vazio" para "atualizado". É por isso que são necessários 4 nós.

Clique em "adicionar nó" e, em seguida, vá para o Google Sheets novamente e escolha o nó "Atualizar célula" .

Novamente, insira seu token de autorização e escolha o caminho da planilha.

Essas ações são as mesmas para todos os 4 nós, portanto, você pode salvar esta e simplesmente copiá-la!

Para isso, basta clicar com o botão direito do mouse no nó, depois em "copiar" e colá-lo em qualquer lugar!

Em seguida, conecte-os ao ponto superior do Iterador.

Para evitar confusão, renomeie os nós para que tenham uma aparência diferente.

Agora, vamos finalizá-los! Célula e valor para:

  1. Nome

Cell: A (objeto googlesheetnumber do Iterator)

Valor: objeto comment_author do acionador do webhook

  1. E-mail

Cell: B (objeto googlesheetnumber do Iterator)

Valor: objeto comment_author_email do acionador do webhook

  1. Comentário

Cell: C (objeto googlesheetnumber do Iterator)

Valor: objeto comment_content do acionador do webhook

  1. Status

Cell: D (objeto googlesheetnumber do Iterator)

Valor: atualizado

Não se esqueça de salvar as alterações!

Solicitação HTTP

Uau, o último! Adicione o nó ao ponto de conexão direito do iterador, procure por "HTTP request" na lista de aplicativos.

Para configurá-lo, você precisa colocar o URL da ação do Webhook na guia Receive Data (Receber dados) do plug-in WP Webhooks. Em seguida, você deve acessar as ações do Webhook.

Nesse caso, estamos procurando a ação "Excluir comentário". Para executar essa ação, você precisará modificar o URL com &action=delete_comment (verifique os detalhes) e &comment_id={comment_id object}.

De volta ao nó "Solicitação HTTP" , defina o método como GET e salve as alterações.

E mais uma coisa! Se você deixar coisas como essas, esse cenário excluirá todos os comentários.

Temos que configurar o filtro, e é assim que você deve fazer isso:

Clique na conexão entre o Iterator e a solicitação HTTP e, em seguida, em "configurar filtro".

Na janela aberta, insira o nome do filtro no campo "Label" (Rótulo)

No campo "condition" (condição), coloque a função "contains" (contém) da janela Operators (Operadores) e, após o primeiro espaço , coloque o objeto comment_id do acionador do webhook. E, depois do ponto e vírgula, coloque"https://". Assim, todos os comentários que tiverem o início do link serão excluídos.

É isso aí! Vamos testá-lo!

Testando

Vamos deixar dois comentários: um com o link e outro sem, e ver como isso funciona.

Ambos os comentários estão em minha planilha do Google agora.

E foi assim que o cenário reagiu:

No caso do comentário sem o link, o nó HTTP não foi ativado, veja:

E aquele com o comentário:

Conclusão

Bem, acho que isso é tudo por hoje! Espero que este artigo tenha sido útil para você!

Como prometi Aqui você pode copiar esse cenário como um modelo pronto para uso, mas se você realmente gosta de automatizar as coisas, será bem-vindo à nossa Latenode comunidade do Discordonde você pode encontrar ajuda da nossa crescente comunidade de entusiastas de baixo código, dos nossos desenvolvedores e de mim!

Artigos relacionados:

Blogs relacionados

Caso de uso

Com o apoio de