WhatsApp을 WordPress 웹 사이트에 통합하는 방법

2017년 7월 WhatsApp은 공식적으로 매일 10억 명이 넘는 사람들이 WhatsApp을 사용한다고 발표했습니다. 예, B는 10억입니다. 해당 사용자는 매일 550억 개 이상의 메시지를 보냅니다. WhatsApp WordPress 통합을 사용하면 웹사이트를 수십억 개의 메시지에 포함시킬 수 있습니다.

또한 WhatsApp은 더 이상 전화 전용이 아닙니다. 이제 WhatsApp을 공식적으로 다중 플랫폼으로 만든 Mac 및 Windows 앱이 있습니다.

이 게시물에서는 WhatsApp을 WordPress에 통합할 수 있는 몇 가지 다른 방법을 알려 드리겠습니다. 다양한 옵션이 있는 것은 아니지만 WhatsApp을 통합할 수 있는 몇 가지 방법은 단순한 소셜 공유를 넘어선 것입니다.

무엇보다도 내가 설명할 모든 단일 플러그인 또는 솔루션은 100% 무료입니다! 뛰어들자…

WhatsApp을 WordPress에 통합할 수 있는 방법은 무엇입니까?

WhatsApp WordPress 통합을 설정할 수 있는 몇 가지 다른 방법이 있습니다.

먼저 사용자가 WhatsApp을 통해 게시물을 공유할 수 있는 기본 버튼을 구현할 수 있습니다. 다음을 통해 이를 구현하는 두 가지 방법을 보여 드리겠습니다.

• 떠 있는 공유 바
• 전용 WhatsApp 버튼

이 두 가지 방법 외에도 많은 풀 서비스 소셜 공유 플러그인이 WhatsApp을 지원합니다. 우리는 이미 소셜 공유 플러그인에 대해 작성했고 그러한 플러그인은 WhatsApp에만 국한된 것이 아니기 때문에 이 방법은 보여주지 않겠습니다.

하지만 소셜 공유 외에도 WhatsApp을 사용하여 방문자가 WhatsApp을 통해 쉽게 대화를 시작할 수 있도록 하여 방문자를 지원할 수도 있습니다.

분명히 이것은 모든 단일 웹사이트를 위한 것은 아니지만 누군가가 귀하의 사이트를 떠난 후에도 대화를 계속할 수 있게 해주기 때문에 비즈니스 지향 웹사이트에 대한 깔끔한 솔루션입니다.

방문자가 다음을 통해 WhatsApp 메시지를 보내도록 하는 방법을 보여 드리겠습니다.

• 무료 플러그인
• 실제 WhatsApp API

모바일 사이트에 플로팅 WhatsApp 공유 버튼을 추가하는 방법

이 첫 번째 옵션의 경우 모바일 버전의 사이트에 플로팅 WhatsApp 공유 바를 추가하는 방법을 배우게 됩니다.

몇 가지 다른 플러그인을 찾아보다가 무료 KN Mobile ShareBar 플러그인을 발견했습니다. WhatsApp 외에도 Facebook 및 Twitter 버튼도 추가됩니다. 불행히도 플러그인의 코드를 파헤치지 않고는 비활성화할 수 있는 방법이 없는 것 같습니다.

플러그인을 설치하고 활성화하면 버튼이 자동으로 활성화됩니다.

방문자가 WhatsApp 버튼을 탭하면 WhatsApp API를 통해 게시물을 공유할 수 있으며 미리 채워진 메시지가 완성됩니다.

왓츠앱 API

플러그인 설정을 통해 미리 채워진 메시지를 사용자 정의할 수 있습니다. 그렇게 하려면 설정 → KN Mobile Sharebar로 이동 하여 Whatsapp 텍스트 상자를 편집하십시오.

단축 코드를 사용하여 게시물 제목 및 URL에 대한 동적 정보를 삽입할 수 있습니다.

그리고 그게 전부입니다! 이 공유 버튼은 모바일 사용자에게만 나타납니다. 또한 이미 소셜 공유 플러그인을 사용하고 있다면 사이트의 모바일 버전에서 잠재적인 호환성 문제가 있는지 확실히 테스트해야 합니다.

모바일에 전용 WhatsApp 버튼을 추가하는 방법

WhatsApp 전용 솔루션을 원하는 경우 WhatsApp에 무료 공유 포스트 플러그인을 사용할 수 있습니다. 이전 플러그인의 깔끔한 플로팅 바 기능을 잃게 된다는 점에 유의하세요.

플러그인은 매우 간단합니다. 일단 설치하고 활성화하면 설정 → WhatsApp 에서 게시물 공유 로 이동하여 WhatsApp 공유 버튼을 활성화하기만 하면 됩니다.

모바일 사용자가 버튼을 클릭하면 실제 WhatsApp 앱을 열라는 메시지가 표시됩니다( 내 iPhone 6에서 작동하는 것으로 확인됨 ).

유일한 단점은 버튼이 모바일에서만 작동한다는 사실에도 불구하고 플러그인이 사이트의 데스크톱 및 모바일 버전 모두에 표시된다는 것입니다.

이를 해결하기 위해 CSS 및 미디어 쿼리를 사용할 수 있습니다. 나는 다음과 같은 것을 사용하여 내 사이트의 데스크탑 버전에서 그것을 숨길 수 있었습니다.

@media screen and (min-width:667px) {
.share-to-whatsapp-wrapper {
display:none;
}
}

데스크톱 사용자를 위한 버튼을 자동으로 숨기는 또 다른 무료 플러그인은 Alex Moss의 WhatsApp Share Button입니다. 하지만 플러그인이 3년 동안 업데이트되지 않았기 때문에 추천하기가 꺼려집니다. 그래도 몇 가지 기본 테스트를 통해 실행했을 때 작동하는 것 같았습니다.

WordPress에 WhatsApp 라이브 채팅을 추가하는 방법

소셜 공유 외에도 WhatsApp WordPress 통합은 WhatsApp을 사용하여 의사 라이브 채팅을 통해 방문자와 대화하는 것입니다.

라이브 채팅 버튼은 채팅만 시작 하기 때문에 "의사"라고 합니다. 채팅이 시작되면 WhatsApp 인터페이스를 통해 채팅을 계속해야 합니다.

WhatsApp 채팅 버튼을 WordPress에 추가하려면 무료 WhatsHelp 채팅 버튼 플러그인이 마음에 듭니다.

플러그인을 설치하고 활성화하면 실제로 버튼 코드를 생성하기 위해 다음 외부 페이지로 이동해야 합니다.

해당 페이지에서 WhatsApp 을 메시징 앱으로 선택하고 나머지 정보를 입력해야 합니다. 오른쪽 하단에서 실시간 미리보기를 볼 수 있습니다.

완료되면 하단에 이메일을 입력하고 버튼 코드 받기 를 클릭합니다. 그런 다음 해당 코드를 WordPress 대시보드의 WhatsHelp 탭에 붙여넣습니다.

변경 사항을 저장하면 사이트의 라이브 버전에 WhatsApp 채팅 버튼이 표시됩니다.

WhatsApp API로 나만의 솔루션을 만드는 방법

위의 플러그인 중 어느 것도 자동으로 수행되지 않는 경우 WhatsApp API를 사용하여 고유한 사용자 지정 버튼을 만들 수도 있습니다.

버튼을 사용하여 다음 URL로 트래픽을 보내기만 하면 됩니다.

https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

예를 들어 여기로 연결되는 메시지 보내기 버튼 생성:

https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message

WhatsApp 채팅 메시지를 "123456789"에 "이것은 메시지입니다"라는 메시지와 함께 보냅니다.

텍스트를 인코딩하는 방법에 어려움을 겪고 있다면 이와 같은 도구를 사용할 수 있습니다.

이 방법을 사용하는 링크로 사람들을 보내기만 하면 되므로 구현 방법에 많은 유연성이 있습니다. 원하는 경우 Divi 모듈에서 사용할 수도 있습니다.

정리하기

WhatsApp은 엄청나게 인기 있는 도구입니다. 숫자 자체가 말해줍니다. 웹 및 모바일 앱으로 확장되면서 WhatsApp도 다중 플랫폼입니다.

WhatsApp을 WordPress에 통합하면 서비스의 수십억 사용자가 WhatsApp을 통해 귀하와 연결하거나 귀하의 콘텐츠를 공유할 수 있습니다.

이미 소셜 공유 버튼 플러그인을 사용하고 있다면 이를 통해 WhatsApp 공유 버튼을 추가할 수 있습니다. 그렇지 않으면 두 가지 설명된 솔루션 중 하나를 사용하여 WhatsApp 공유 버튼을 WordPress에 추가할 수 있습니다.

공유 외에도 WhatsHelp 또는 WhatsApp API를 사용하여 방문자가 자신의 WhatsApp 번호로 직접 메시지를 보낼 수 있습니다.

이제 WhatsApp 채팅 버튼이 라이브 채팅의 실행 가능한 대안/추가 기능이라고 생각하십니까? WhatsApp의 인기를 감안할 때 특정 인구 통계에 따라 흥미로운 옵션처럼 보입니다.

x9626/Shutterstock.com의 기사 썸네일 이미지