WhatsApp에 WordPress 양식 항목을 보내는 방법

게시 됨: 2023-01-16

WordPress 양식 항목을 WhatsApp에 보내는 방법이 궁금하십니까?

이것은 특히 WhatsApp이 일상적인 작업의 큰 부분을 차지하는 경우 양식 제출을 최신 상태로 유지하는 좋은 방법이 될 수 있습니다.

전체 양식을 WhatsApp에 보낼 수는 없지만 사이트에서 양식이 제출될 때마다 WhatsApp 번호로 알림을 보내도록 사이트를 설정할 수 있습니다.

그러나 이러한 방식으로 WordPress 사이트를 WhatsApp과 연결하는 것은 복잡할 수 있으며 대부분의 기존 솔루션은 제한적입니다.

좋은 소식은 WPForms와 Uncanny Automator 통합이 이 작업을 수행할 수 있는 쉽고 강력한 방법을 제공한다는 것입니다.

모든 것을 설정하는 방법을 배우려면 계속 읽으십시오!

WPForms는 최고의 WordPress Form Builder 플러그인입니다. 무료로 받으세요!

WhatsApp을 WordPress에 어떻게 통합할 수 있습니까?

WhatsApp을 WordPress에 통합하는 가장 강력한 방법은 Uncanny Automator를 사용하는 것입니다. Uncanny Automator는 WhatsApp의 클라우드 API와 연결할 수 있어 사용자가 WhatsApp 사용자와 양방향 대화에 참여할 수 있습니다.

고객 및 잠재 고객이 보낸 WhatsApp 메시지에 응답하는 것과 같은 작업을 수행할 수 있는 몇 가지 WordPress 플러그인이 있지만 Uncanny Automator는 WhatsApp 대화를 시작할 수 있는 유일한 플러그인입니다.

귀하의 사이트에서 이것을 사용하는 방법은 다음과 같습니다!

WhatsApp에 WordPress 양식 제출 알림을 보내는 방법

우리는 WPForms, Uncanny Automator, Facebook for Developers 및 Business Meta를 사용하여 설정합니다. 아직 Facebook 계정이 없는 경우 팔로우하려면 계정을 만들어야 합니다.

확인했으면 다음 단계를 따르세요.

이 기사에서

  • 1단계: WPForms 및 Uncanny Automator 설치
  • 2단계: Uncanny Automator로 사이트 연결
  • 3단계: Facebook에서 개발자용 비즈니스 앱 만들기
  • 4단계: 새 양식 만들기
  • 5단계: WordPress 양식 항목을 WhatsApp에 보내는 새 레시피 만들기

1단계: WPForms 및 Uncanny Automator 설치

The WPForms home page

먼저 WPForms Pro를 설치하여 시작하겠습니다. WPForms는 WhatsApp에 양식 제출 알림을 보내는 최고의 WordPress 양식 플러그인으로, WordPress 플러그인 디렉토리에 5백만 개 이상의 활성 설치와 11,000개 이상의 별 5개 등급을 기록하여 그 인기를 입증했습니다.

또한 WPForms는 Uncanny Automator와 완벽하게 통합됩니다. Pro 라이센스가 있는 경우 양식 작성을 쉽게 만들어주는 방대한 기능 모음도 얻을 수 있습니다.

The WPForms pricing page

WPForms 설치에 대한 도움말은 초보자를 위한 WordPress 플러그인 설치에 대한 이 유용한 가이드를 확인하세요. WPForms를 설치했으면 다음 단계는 Uncanny Automator를 설치하는 것입니다.

Uncanny Automator homepage

Uncanny Automator는 최고의 WordPress 자동화 플러그인이며 이를 사용하여 WordPress 플러그인 및 앱에서 기능을 연결하고 자동화할 수 있습니다. 여러 WordPress 웹 사이트를 연결할 수도 있습니다.

이전에 언급했듯이 Uncanny Automator는 WPForms 및 WhatsApp과 완벽하게 통합되어 두 앱 간의 연결을 만드는 데 완벽합니다.

따라서 위에서 WPForms를 설치한 것처럼 Uncanny Automator를 설치하십시오.

2단계: Uncanny Automator로 사이트 연결

WordPress 관리 대시보드에서 Uncanny Automator로 사이트를 연결할 수 있습니다. 이렇게 하려면 WordPress 대시보드의 사이드바에서 Automator » Settings 를 클릭합니다.

How to get to the Uncanny Automator settings page in WordPress

일반 탭에서 페이지가 열립니다. 라이선스 섹션으로 스크롤하고 사이트 연결 버튼을 클릭합니다.

Click this button to connect your site to Uncanny Automator

이제 무료 계정 연결 을 클릭하여 설정 마법사를 시작할 수 있는 팝업 창이 표시됩니다.

Button to trigger the Uncanny Automator setup wizard

이 시점에서 이름과 이메일을 입력하고 Uncanny Automator 계정을 설정해야 합니다. 이 단계는 1분도 걸리지 않으며 WordPress로 다시 리디렉션됩니다.

이제 레시피를 만들 준비가 되었습니다. 레시피는 자동화 실행 방법을 결정하는 Uncanny Automator 규칙입니다.

Completed Uncanny Automator setup

그러나 WordPress 양식 제출 알림을 WhatsApp에 보내는 레시피를 만들려면 먼저 개발자용 Facebook에서 비즈니스 앱을 설정해야 합니다.

그래서 우리는 잠시 동안 워드프레스에서 나가지만 곧 돌아올 것이기 때문에 탭을 열어 두겠습니다.

3단계: Facebook에서 개발자용 비즈니스 앱 만들기

WordPress에서 WhatsApp으로 양식을 보내려면 먼저 Meta(Facebook) 비즈니스 앱을 만들어야 합니다.

이 단계에서는 일반 Facebook 계정이 필요합니다. 가지고 있다면 비즈니스 앱을 쉽게 만들 수 있습니다. developer.facebook.com으로 이동하고 내 앱 을 클릭하여 시작하세요.

Facebook for Developers homepage

대시보드에서 앱 만들기를 클릭합니다.

Create new app button

이 화면에는 다양한 앱 유형 중에서 선택할 수 있습니다. 비즈니스를 선택한 다음 아래로 스크롤하고 다음 을 클릭합니다.

Business app type

그런 다음 새 앱의 이름, 이메일 주소, 비즈니스 관리자 계정과 같은 몇 가지 기본 정보를 제공하라는 메시지가 표시됩니다.

처음부터 시작한다고 가정하므로 아직 비즈니스 관리자 계정이 없습니다. 이 경우 No Business manager account selected 상태로 두십시오. 그러나 가지고 있는 경우 드롭다운에서 선택합니다. 앱 만들기 를 클릭하여 다음 단계로 이동합니다.

Button to create app

다음 페이지에는 비즈니스 앱에 추가할 수 있는 다양한 제품이 표시됩니다. 아래로 스크롤하여 설정 을 클릭하여 새 비즈니스 앱에 WhatsApp을 추가합니다 .

Add WhatsApp

이렇게 하면 WhatsApp Business Platform API 창으로 리디렉션됩니다. 드롭다운에서 메타 비즈니스 계정을 만들거나 선택하라는 메시지가 표시됩니다. 이 필드는 기본적으로 비즈니스 계정 만들기 로 설정되므로 계정이 없는 경우 계속을 클릭하여 계속 진행할 수 있습니다.

WhatsApp Business Platform API setup

완료했으면 API 사용 시작 을 클릭합니다.

Click this button to start using the Whatsapp Business API

다음 페이지에는 5단계가 표시됩니다. 이 가이드에서는 1, 3, 5단계만 수행하면 됩니다.

1단계에서 다음 세부 정보를 가져옵니다.

  • 임시 액세스 토큰
  • 전화번호 아이디
  • WhatsApp 비즈니스 계정 ID

WhatsApp business app quick start page

곧 WordPress로 돌아갈 때 이러한 세부 정보가 필요합니다. 현재 가지고 있는 것은 23시간 후에 만료되는 임시 액세스 토큰임을 알 수 있습니다.

테스트 목적으로 사용할 수 있지만 연결이 완전히 작동하려면 영구 액세스 토큰이 필요합니다. 영구 토큰을 얻는 방법을 곧 보여드리겠습니다.

이제 웹사이트로 이동하여 Uncanny Automator 설정 페이지로 돌아갑니다. 여기서 Uncanny Automator에 액세스 토큰, 전화번호 ID 및 WhatsApp 비즈니스 계정 ID를 추가합니다.

이렇게 하려면 WordPress 관리 대시보드로 이동하여 Automator » 설정 » 프리미엄 통합 » WhatsApp을 클릭합니다. 그런 다음 세부 정보를 붙여넣고 WhatsApp 계정 연결 을 클릭합니다.

Click this button to connect WhatsApp Account

이 시점에서 작동하는 Uncanny Automator 및 WhatsApp 연결이 있지만 몇 시간 후에 만료되는 임시 액세스 토큰을 사용했습니다.

webhook를 구성할 때 몇 단계를 거쳐 영구적인 것을 만들어야 합니다. 그러나 먼저 비즈니스 앱에 전화번호를 추가해 보겠습니다.

앱에 전화번호 추가

전화번호 설정은 WhatsApp 번호로 메시지를 보낼 수 있는 중요한 단계입니다.

비즈니스 앱에 추가하려면 5단계까지 아래로 스크롤하고 전화번호 추가 를 클릭합니다. WhatsApp Business 플랫폼에 처음 도착했을 때 비즈니스 계정 만들기 를 선택한 경우 이제 모달이 팝업되어 WhatsApp Business 프로필 을 만들라는 메시지가 표시됩니다.

여기에 몇 가지 세부 정보를 입력해야 합니다.

  • WhatsApp 비즈니스 프로필 표시 이름
  • 시간대
  • 범주
  • 비즈니스 설명(선택사항)

Create a WhatsApp business profile

다음 페이지에는 작성해야 할 필드가 몇 개 더 있습니다.

  • 법적 상호
  • 비즈니스 이메일
  • 국가
  • 비즈니스 웹사이트/URL 또는 소셜 미디어 프로필

완료되면 다음 을 클릭합니다.

Fill in your business information

이제 WhatsApp에서 사용하려는 전화번호를 입력할 수 있습니다.

WhatsApp의 다른 곳에서는 사용할 수 없는 번호를 사용해야 합니다. 따라서 WhatsApp 계정에 연결된 적이 없는 번호를 사용하거나 번호가 이미 WhatsApp에 연결된 경우 계정을 삭제해야 합니다.

Add a phone number for WhatsApp messaging

다음으로 웹후크를 구성해야 합니다.

Webhook 구성

Webhook은 Uncanny Automator가 WhatsApp과 통신하는 방법의 중요한 부분입니다. 이를 설정하려면 3단계 까지 아래로 스크롤하고 Webhook 구성 을 클릭합니다.

Button to configure webhooks

Webhooks 구성 페이지에서 Configuration 섹션의 편집 버튼을 클릭합니다.

Press this button to edit webhook

이제 Automator의 WhatsApp 설정으로 빠르게 돌아갑니다. Verify Token 필드의 값과 함께 Webhook URL 을 복사합니다.

Configure webhook details in Uncanny Automator

WhatsApp Business 탭으로 돌아가서 이러한 세부 정보를 입력한 다음 확인 및 저장을 클릭합니다.

Press this button to verify token

여기서 한 단계 더 나아가야 합니다. 아래로 스크롤하여 관리 를 클릭합니다.

Press this button to manage webhook settings

그런 다음 메시지 까지 다시 아래로 스크롤하고 구독을 클릭합니다. 이 설정을 저장하면 웹후크가 모두 구성됩니다.

Click this button to subscribe for messages

마지막으로 영구 액세스 토큰을 설정해야 하며 WhatsApp에 양식 제출 알림을 보낼 준비가 되었습니다.

영구 액세스 토큰 구성

먼저 비즈니스 앱에 새 시스템 사용자를 추가해야 합니다. 이렇게 하려면 Meta Business Suite에 로그인하고 비즈니스 설정 을 클릭해야 합니다.

Press this button to open the business settings tab

그런 다음 사용자 아래에서 시스템 사용자 링크를 찾습니다.

Add new system users

시작하려면 추가 를 클릭하십시오.

Add new system user

새 시스템 사용자의 이름을 입력하고 시스템 사용자 역할 드롭다운에서 admin 역할을 할당한 다음 시스템 사용자 만들기 를 클릭합니다.

Fill in the details and click create system user

이제 새 사용자에게 자산을 할당해야 합니다. 특히 이 사용자가 우리가 만든 WhatsApp 비즈니스 앱에 대한 전체 액세스 권한을 갖기를 원합니다.

할당된 자산 섹션까지 아래로 스크롤하고 자산 추가 를 클릭합니다.

Add assets to system user

그런 다음 섹션에서 추가하려는 앱을 클릭합니다. 이 단계에서는 앱이 하나만 있어야 하며 아래로 스크롤하여 앱 관리 버튼 옆에 있는 버튼을 토글합니다. 저장 을 클릭하여 다음 단계로 이동합니다.

Toggle the manage app button

이제 새 토큰을 만들 수 있습니다. 액세스 토큰 생성 섹션에서 새 토큰 생성 을 클릭하기만 하면 됩니다.

Generating access tokens

사용 가능한 권한에서 whatsapp_business_managementwhatsapp_business_messaging 을 선택하고 토큰 생성 을 다시 클릭합니다.

Tick WhatsApp business management

토큰을 복사하고 확인 을 클릭합니다.

Copy and save token

이제 이전에 임시 액세스 토큰 및 기타 세부 정보를 입력한 Automator 설정으로 돌아갑니다. 여기로 돌아가려면 Automator » Settings »Premium Integrations » WhatsApp 을 클릭하십시오. 여기에서 연결 끊기 를 클릭합니다.

Copy webhooks URL from Uncanny Automator settings

이전에 입력한 임시 액세스 토큰을 방금 생성한 영구 액세스 토큰으로 교체하고 이 설정을 저장합니다.

이제 귀하의 사이트, Uncanny Automator 및 WhatsApp이 연결되지만 아직 완전히 작동하지는 않습니다.

4단계: 새 양식 만들기

이제 Facebook for Developers 플랫폼 작업이 완료됩니다.

WordPress 양식을 WhatsApp에 보내려면 이제 Uncanny Automator 레시피를 설정하고 WhatsApp에 보내려는 양식에서 이 레시피를 활성화해야 합니다.

먼저 WPForms 양식에서 Uncanny Automator를 활성화해야 합니다. 기존 양식을 연결하든 새 양식을 연결하든 매우 쉽습니다. 이 가이드에서는 새 양식을 생성한다고 가정하지만 단계는 동일합니다.

WordPress 관리 영역에서 WPForms » 양식 템플릿 으로 이동합니다. 이렇게 하면 500개 이상의 미리 작성된 사용자 지정 가능한 양식 템플릿 중에서 선택할 수 있는 템플릿 갤러리로 이동합니다.

Click WPForms first then click Form Templates

이 가이드에서는 Simple Contact Form Template 을 선택합니다. 그러나 처음부터 새로 작성하려면 Blank Form 을 선택하기만 하면 됩니다.

단순 연락처 양식 템플릿을 클릭하면 양식 작성기에서 양식이 열립니다. 왼쪽 패널에서 양식 필드를 추가하여 양식을 사용자 지정할 수 있지만 이 예에서는 간단한 문의 양식으로도 충분하므로 그대로 두겠습니다.

WPForms Form Builder interface

우리가 원하는 것은 이 특정 양식을 설정하여 WordPress에 제출물을 보내는 것입니다. 따라서 왼쪽 사이드바로 이동하여 Marketing » Uncanny Automator를 클릭합니다.

Click on marketing then click Uncanny Automator

자동화 만들기를 클릭합니다.

Click the create automation button

이제 WhatsApp 계정을 Uncanny Automator와 연결하라는 메시지가 표시됩니다. 계속 진행하려면 계정 연결 을 클릭하세요.

Click this button to connect WhatsApp with Uncanny Automator

이제 Uncanny Automator 레시피 페이지로 리디렉션됩니다.

5단계: WordPress 양식 항목을 WhatsApp에 보내는 새 레시피 만들기

Uncanny Automator 레시피는 트리거와 이벤트의 두 부분으로 구성됩니다. 트리거는 이벤트라고 하는 후속 조치를 트리거하는 조치 또는 초기 이벤트입니다.

이 경우 양식 제출이 트리거가 되고 WhatsApp 번호에 대한 알림 수신이 작업이 됩니다.

따라서 먼저 트리거 섹션으로 이동하여 WPForms 로고를 클릭한 다음 양식이 트리거로 제출 됨을 선택합니다.

Select form submission as a trigger

그런 다음 작업 섹션까지 아래로 스크롤하고 작업 추가 를 클릭합니다.

Click this button to add an action

WhatsApp 로고를 찾고 찾으면 클릭합니다.

Click the WhatsApp icon to choose an action in WhatsApp

그런 다음 조치 선택을 클릭하십시오. WhatsApp 템플릿을 WhatsApp 번호 로 보내기 및 WhatsApp 메시지를 번호로 보내기 옵션이 표시됩니다.

기본적으로 WhatsApp Cloud API를 사용하여 WhatsApp 번호로 보내는 첫 번째 메시지는 WhatsApp 메시지 템플릿이어야 합니다. 메시지 템플릿의 수신자가 초기 메시지에 응답하면 일반 메시지를 보낼 수 있습니다.

사용 가능한 WhatsApp 메시지 템플릿은 양식 제출 알림에 사용하도록 설계되지 않았습니다. 그러나 이 알림을 내부용으로 설정하므로 보완적인 WhatsApp 메시지 템플릿 중 하나를 사용해도 괜찮습니다. 계속 해서 번호로 WhatsApp 메시지 템플릿 보내기 를 클릭하십시오.

Select send WhatsApp message template to a number

미리 설정된 변수를 사용하여 데이터를 가져와 이러한 기본 템플릿에 대해 제한된 사용자 지정을 수행할 수 있습니다. 수행할 작업은 다음과 같습니다.

사용자 이름 및 이메일과 같은 변수를 템플릿에 추가하려면 변수 가져오기를 클릭합니다.

Click the get variables button

우리가 찾고 있는 것은 템플릿 본문에 콘텐츠를 추가하는 변수입니다. 따라서 본문 변수 필드에서 별표를 클릭하면 사용 가능한 변수가 표시됩니다.

Click on the asterisk to see the available tokens

원하는 변수 유형을 선택한 다음 템플릿에 포함할 토큰을 선택하기만 하면 됩니다.

The variable types dropdown menu

이 경우 트리거는 WPForms의 작업이고 WPForms 관련 토큰이 필요하므로 트리거 섹션에서 선택합니다.

트리거 레이블 아래로 스크롤하면 양식 제출인 레시피에 대한 트리거가 표시됩니다. 옆에 있는 드롭다운 아이콘을 클릭합니다.

Click the dropdown below the Triggers label

이제 선택할 수 있는 여러 WPForms 관련 토큰이 표시됩니다.

WPForms-specific tokens

Name , Email , What can we help you with 라는 레이블이 지정된 양식의 message 필드를 선택합니다. 당신의 것은 뭔가 다를 수 있습니다.

템플릿에 약간의 텍스트를 추가하여 항목을 구성할 수도 있습니다. 문장 부호와 함께 몇 가지 레이블을 추가합니다. 콘텐츠 사이에 공백을 추가해야 합니다. 그렇지 않으면 알림을 받을 때 공백 없이 텍스트가 나타납니다.

WhatsApp message template with WPForms tokens added

연결을 활성화하려면 페이지 오른쪽에 있는 상태 버튼을 토글하는 것을 잊지 마십시오. 그게 다입니다!

Toggle the draft button to make the automation live

이제 귀하의 웹사이트에서 양식이 제출될 때마다 WhatsApp 번호로 메시지를 보내는 완전히 활성화된 연결을 갖게 됩니다.

WhatsApp message created when user submits a form

사용자 이름(이 경우에는 Sullie Eloso)과 이메일 주소([email protected])가 표시됩니다. 또한 템플릿에 유용하지 않은 텍스트가 약간 추가된 것을 볼 수 있습니다. 귀하의 사이트에서 이를 변경할 수는 없지만 원하는 경우 Meta Business Manager 플랫폼에서 완전히 사용자 정의된 템플릿을 만들 수 있습니다.

이것으로 WhatsApp에 양식 제출 알림을 보내는 방법에 대한 가이드를 마치겠습니다!

다음으로, 양식 제출 시 Slack 알림 받기

양식 제출 알림을 WhatsApp 번호로 보내도록 웹 사이트를 설정하는 방법을 보여 드렸습니다. Slack으로 동일한 작업을 수행할 수 있다는 것을 알고 계셨습니까? WordPress 양식에서 Slack 알림을 받는 방법에 대한 가이드에서 이에 대해 모두 알아보세요.

양식을 만들 준비가 되셨습니까? 가장 쉬운 WordPress 양식 빌더 플러그인으로 지금 시작하세요. WPForms Pro에는 많은 무료 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.

지금 WordPress 양식 만들기

이 기사가 유용하다고 생각되면 블로그에서 더 많은 내용을 보려면 Facebook 및 Twitter에서 우리를 팔로우하십시오.