WordPress.org

한국어

워드프레스 받기
WordPress.org

Plugin Directory

Joinchat – Enhanced "click to chat"

Joinchat – Enhanced "click to chat"

작성자: Creame
다운로드
실시간 미리보기

설명

대화를 전환으로 전환하기

Joinchat is the most installed plugin for WhatsApp: a customizable floating button that turns your visitors into chats, leads and sales.

Built for conversion from the very first click: eye-catching CTAs, dynamic start messages, native WooCommerce integration and built-in analytics to measure every conversation.

🌍 Joinchat, the global leader in WhatsApp click to chat

🗺️ Present in more than 176 countries

🏆 #1 chat solution in:

🇦🇷 Argentina 🇨🇴 Colombia 🇧🇷 Brazil 🇪🇸 Spain 🇳🇱 Netherlands 🇲🇽 Mexico 🇨🇱 Chile 🇵🇪 Peru 🇵🇹 Portugal

Source: BuiltWith®

What you get with Joinchat

A complete WhatsApp conversion toolkit for WordPress, designed to capture more leads and close more sales.

  • Floating WhatsApp button that opens the WhatsApp app on mobile, and on desktop launches WhatsApp Desktop or WhatsApp Web and shows a scannable QR code.
  • Eye-catching CTAs to greet visitors, present offers and start the chat with the right message.
  • Dynamic start messages so every conversation arrives with full context (the page, the product, the price, the discount…).
  • WooCommerce integration, with a contact button next to “Add to cart” and shop-specific CTAs.
  • Analytics built in — 🆕 — Clicks counter in your WordPress dashboard. Events for Google Analytics 4, Google Tag Manager and Facebook Pixel, plus Google Ads conversions.
  • Lightweight and fast — JavaScript with no dependencies and lazy-loaded styles. No render-blocking.
  • Customizable site-wide or at the page, product, category, etc. level.

🛡️ Say goodbye to the fear of WhatsApp bans

Many companies lose their WhatsApp Business number for contacting customers first without consent. Joinchat flips the model: the visitor writes first, so every conversation starts aligned with WhatsApp’s official policies.

The result: your business number protected and your customers reaching out when they need to, not the other way around.

With Joinchat, you can unlock the full potential of WhatsApp’s “click to chat” feature.

Take Joinchat further with Premium and AI

Joinchat Free is just the start. Premium and AI unlock its full conversion potential.

  • 💬 Add more support channels — extend beyond WhatsApp with Telegram, Facebook Messenger, phone calls and more, all from the same widget.
  • 🕒 Multi-agent with custom schedules — assign chats to the right person at the right time. Each agent works their own hours and only takes chats when available, and you can set an alternative CTA when no agents are online.
  • 🔁 Add a Chat Funnel — guided conversational flows that qualify and capture leads automatically with higher conversion than a form, 24/7, even when no one is at the desk.
  • ✨ Add an AI agent — trained on your FAQs and website content. Answers visitors instantly, anytime, with the tone and knowledge you define.

👉 Get Joinchat Premium | 👉 Get Joinchat AI

📝 Settings at page or archive level

You can change main settings on every Post, Page, Product or CPT and for Tag or Category archive pages. Edit your WhatsApp number, CTA, Start Message and Visibility options.

🔴 Show a notification

Use a balloon on the button to get the visitor’s attention. In this way, you ensure that you do not miss any important message you want to give them, surprise them in a less intrusive way.

📯 Create call-to-action messages

CTAs with Rich Chat: multiple chat bubbles with links, buttons, images or random text. Encourage users to contact you with a welcome message, offering help or promotions and offers. Read more

💬 Customize conversation start messages

Defines a pre-loaded initial message for when the user contacts via WhatsApp. Add context with our “Dynamic Variables” and you will know what page the visitor is coming from or what product they are looking at when they start the chat.

✅ Opt-in text

옵트인이란 사용자가 비즈니스에서 보내는 메시지를 수신하는 데 동의하는 것을 말합니다.

방문자가 연락하는 조건(또는 중요하다고 생각되는 기타 정보)이 포함된 텍스트를 작성합니다.

필수로 설정하고 사용자가 수락할 때까지 연락처를 비활성화할 수 있습니다.

🛒 Integration with WooCommerce

Set CTAs and Start Messages for shop page, product pages and for products on sale.

제품 페이지의 ‘장바구니에 추가’ 버튼 옆에 바로 WhatsApp 연락처 버튼을 추가하거나 가격이 없는 제품에서도 최적의 위치를 선택하세요.

🧩 WhatsApp Contact Button Block

Add beautiful and customizable WhatsApp contact buttons in the Block Editor. You can define phone and initial message of the button or use the post/general Joinchat settings (ideal for Reusable Blocks).

데스크톱에서 QR 코드를 활성화하여 방문자가 이를 스캔하고 휴대폰에서 메시지를 시작할 수 있도록 합니다.

🃏 Dynamic Variables

각 페이지마다 동적으로 변경되는 CTA 및 시작 메시지에 변수를 사용하세요:

  • {SITE} ➡ Website title
  • {TITLE} ➡ Current page title
  • {HOME} ➡ Website home url
  • {URL} ➡ Current page url
  • {HREF} ➡ Current page url (full with query params)
  • {PRODUCT} ➡ Product name (Woo)
  • {SKU} ➡ Product SKU (Woo)
  • {REGULAR} ➡ Product regular price (Woo)
  • {PRICE} ➡ Product current price (Woo)
  • {DISCOUNT} ➡ Product percent discount when is on sale (Woo)

📈 Analytics Integration

사용자가 WhatsApp을 열면 Google 애널리틱스, 구글 태그 관리자 및 페이스북 픽셀로 이벤트를 자동으로 전송합니다.

  • — 🆕 — Clicks counter in your WordPress dashboard
  • Google Analytics 4 send the recommended "generate_lead" event
  • Google Tag Manager send "JoinChat" event
  • Facebook Pixel send "JoinChat" event
  • Google Ads conversion, just add your Conversion ID and Conversion Label

사용자 정의 이벤트를 직접 만들거나 이벤트 매개변수를 추가할 수도 있습니다. 자주 묻는 질문 보기 / 자세히 보기

🍾 Chat Triggers

페이지의 모든 요소가 채팅 트리거가 될 수 있습니다. 예를 들어, 링크에서 WhatsApp을 실행하거나 사용자가 바닥글로 스크롤할 때 Joinchat CTA를 표시할 수 있습니다.

페이지 로드 시(URL 기준):

  • url 쿼리 매개변수 joinchat에 채팅 창을 표시합니다. 지연 시간을 초 단위로 설정할 수 있으며, 기본값은 0 (예: example.com/page/?joinchat=5)입니다.
  • 채팅 창을 표시하려면 URL 쿼리 해시 #joinchat (예: example.com/page/#joinchat)을 입력합니다.

클릭 시:

  • 클래스 "joinchat_app" WhatsApp 직접 실행
  • 클래스 "joinchat_open" Joinchat CTA를 엽니다.
  • link href "#whatsapp" WhatsApp 직접 실행
  • link href "#joinchat"는 Joinchat CTA를 엽니다.

직접 WhatsApp 트리거를 위해 사용자 지정 휴대폰 및 초기 메시지를 설정합니다:

  • data-phone="99999999"
  • data-message="이 트리거 메시지에만 해당".

스크롤 시(요소가 화면에 표시되는 경우):

  • 클래스 "joinchat_show" Joinchat CTA를 엽니다(처음).
  • 클래스 "joinchat_force_show" Joinchat CTA를 엽니다(항상).

💱 Multi-Language & RTL Support

To be able to support all your users, wherever they are. Our plugin is compatible with WPML, Polylang and — 🆕 — TranslatePress and also RTL languages are supported.

🌈 Theme Colors & 🌚 Dark Mode

색상을 선택하면 위젯의 전체 시각적 테마를 사용자 지정합니다. 어두운 모드에서는 어두운 색상과 흰색 텍스트로 채팅창을 표시합니다. 설정에서 활성화하거나 자동 설정으로 둘 수 있으며, 디바이스의 구성을 감지합니다.

⚡ Fast & Light

Only load what need when needed. Joinchat is lightweight and follow best coding practices. Use vanilla JavaScript without dependencies, deferred scripts and lazy load of styles to prevent render-blocking.

See Tests Report and Speed Score.

🔕 No distractions

Joinchat은 모든 주요 시각적 편집기 및 페이지 빌더와 통합되며 페이지를 편집할 때 표시되지 않습니다.

지원되는 편집기: 비버 빌더, 브리지 페이지 빌더, 엘리멘터, 오션 빌더, 사이트오리진 페이지 빌더, 쓰리브 아키텍트, 비주얼 컴포저, WP 페이지 빌더.

🍪 Cookies & GDPR

Joinchat은 쿠키 없이 사용할 수 있습니다. 하지만 CTA를 자동으로 표시하려면 두 개의 쿠키가 필요합니다. 이 쿠키는 퍼스트 파티 쿠키이며 개인 데이터를 수집하지 않습니다.

Joinchat은 워드프레스의 개인정보처리방침 가이드와 통합되어 필요한 텍스트를 제안합니다.

👨‍💻 Developer friendly

기능을 확장하거나 동작을 변경할 수 있는 다양한 필터와 작업을 통해 완전히 확장할 수 있습니다.

Documentation

⌁ Joinchat이 마음에 드신다면 😍

  1. ★★★★★ 평가를 남겨 주세요. 감사하겠습니다.
  2. 귀하의 언어로 번역을 도와주세요.
  3. 블로그를 방문하여 join.chat에서 팁과 요령을 찾아보세요.
  4. X에서 @joinchatnow를 팔로우하고 지금 채팅에 참여하세요!

스크린샷

실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
실제 사례
제품 버튼 예시
제품 버튼 예시
일반 설정
일반 설정
표시 여부 설정
표시 여부 설정
우커머스 설정
우커머스 설정
고급 설정
고급 설정
페이지 설정
페이지 설정

설치

  1. 전체 creame-whatsapp-me 폴더를 /wp-content/plugins/ 디렉터리에 업로드합니다.
  2. 워드프레스의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.

FAQ

버튼이 보이지 않거나 다른 항목 위에/아래에 있습니다.

Joinchat 설정> 고급 > 사용자 지정 CSS에서 이 CSS를 추가하여 버튼의 위치를 아무 것도 가리지 않도록 변경할 수 있습니다:

.joinchat { z-index:999999; }

Z-인덱스의 값이 높을수록 기본값은 9000입니다.

위로 이동해야 하는 경우:

/* always */
.joinchat { --bottom: 60px; }

/* mobile only */
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .joinchat { --bottom: 60px; }
}

버튼 크기 변경

Joinchat 설정 > 고급 > 사용자 지정 CSS에서 이 CSS를 추가하여 버튼 크기를 변경할 수 있습니다:

/* always */
.joinchat { --s: 50px; }

/* mobile only */
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .joinchat { --s: 40px; }
}

WooCommerce 제품 버튼의 경우 크기를 변경할 수 있습니다:

.joinchat__woo-btn { --s: 50px; }

쇼트코드 / 트리거

Joinchat은 쇼트코드를 제공하지 않지만, 두 가지 방법으로 WhatsApp에 쉽게 연결할 수 있습니다:

  1. Add an anchor link to #whatsapp (open WhatsApp directly) or #joinchat (show chat window).
    e.g.: add in your menu a custom link with the URL #whatsapp
  2. Add a css class to any element, joinchat_app (open WhatsApp directly) or joinchat_open (show chat window).
    e.g.: <img src="contact.jpg" class="joinchat_open" alt="Contact">

이는 휴대폰 설정 및 동적 변수가 있는 메시지와 함께 작동하며, Joinchat이 표시되지 않는 페이지에서도 작동합니다.

사용자 지정 직접 WhatsApp 링크의 경우 데이터-전화 및 데이터-메시지 속성을 추가할 수 있습니다
예: <a href="#whatsapp" data-phone="99999999" data-message="지금 채팅하고 싶어요!</a<

향상된 전화 입력 비활성화

Joinchat은 국제 전화번호 입력 라이브러리를 사용하여 각 국가의 형식에 맞는 전화번호를 쉽게 입력하고 검증할 수 있습니다. 전화번호 입력에 문제가 있거나 변경 없이 직접 입력하고 싶은 경우 이 필터를 사용하여 비활성화할 수 있습니다 (WhatsApp 가이드라인을 따르세요.):

add_filter( 'joinchat_enhanced_phone', '__return_false' );

다른 역할이 설정을 변경하도록 허용

기본적으로 Joinchat 설정은 manage_options 권한이 있는 사용자(관리자)만 편집할 수 있습니다.
"joinchat_capability" 필터를 사용하여 필요한 기능을 변경할 수 있습니다.

// e.g. allow shop managers:
add_filter( 'joinchat_capability', function(){ return 'manage_woocommerce'; } );

// e.g. allow editors:
add_filter( 'joinchat_capability', function(){ return 'edit_pages'; } );

V4.4 Joinchat 메뉴는 wp-관리자의 직접 메뉴로 배치되어 있지만 "joinchat_submenu" 필터를 사용하여 변경할 수 있습니다:

// Show as submenu under Settings (also require "manage_options" capability)
add_filter( 'joinchat_submenu', '__return_true' );

구텐베르크 사이드바 비활성화

블록 편집기는 빠르게 진화하며 예상하지 못한 오류가 발생할 수 있습니다.

구텐베르크 및 Joinchat에 오류가 있거나 이전 Joinchat 메타박스를 선호하는 경우 이 필터를 사용할 수 있습니다:

add_filter( 'joinchat_gutenberg_sidebar', '__return_false' );

WPML/Polylang 번역

Joinchat 설정은 사이트의 기본 언어로 저장됩니다. 다른 언어 번역의 경우 WPML/Polylang 설정 > 문자열 번역으로 이동하여 “Joinchat”을 기준으로 문자열 그룹을 필터링하고 각 언어의 문자열을 업데이트합니다.

여러 목적지가 있는 Google 태그

5.1부터 Joinchat은 Google 태그에서 여러 대상을 감지하여 모든 대상에게 이벤트를 보낼 수 있습니다.

Google 애널리틱스 4 통합

Joinchat은 사용자가 WhatsApp을 실행할 때 사용자 지정 이벤트를 보냅니다.

Google 애널리틱스 4(gtag.js)가 감지되면 권장되는 'generate_lead' 이벤트를 사용하세요:

gtag('event', 'generate_lead', {
    event_category: 'JoinChat',
    event_action: 'whatsapp: 99999999999',
    event_label: destination_url,
    chat_channel: 'whatsapp',
    chat_id: '99999999999',
    is_mobile: 'yes' | 'no',
});

사이트에 데이터 레이어(‘dataLayer’)에 대한 표준 이름이 없는 경우 이 PHP 필터를 사용하여 사용자 정의 이름을 설정할 수 있습니다. GA4에 다른 이벤트 이름을 설정할 수도 있습니다:

// Rename GA4 event / Rename dataLayer name
add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_event'] = 'myGA4Event';
    $settings['data_layer'] = 'dataLayerCustom';
    return $settings;
} );

// Disable GA4 event
add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_event'] = false;
    return $settings;
} );

Joinchat is compatible with plugins MonsterInsights – Google Analytics Dashboard for WordPress, Google Tag Manager for WordPress and PixelYourSite custom names.

Google 태그 관리자 통합

Joinchat은 사용자가 WhatsApp을 실행할 때 GTM이 감지되면 'Joinchat' 이벤트를 전송합니다:

dataLayer.push({
    event: 'JoinChat',
    event_action: 'whatsapp: 99999999999',
    event_label: destination_url,
    chat_channel: 'whatsapp',
    chat_id: '99999999999',
    is_mobile: 'yes' | 'no',
    page_location: current_url,
    page_title: page_title,
});

Facebook Pixel 통합

사용자가 WhatsApp을 실행할 때 페이스북 픽셀이 감지되면 JoinChat은 'JoinChat' 사용자 지정 이벤트를 전송합니다:

fbq('trackCustom', 'JoinChat', {
    event_action: 'whatsapp: 99999999999',
    event_label: destination_url,
    chat_channel: 'whatsapp',
    chat_id: '99999999999',
    is_mobile: 'yes' | 'no',
    page_location: current_url,
    page_title: page_title,
});

사용자 지정 이벤트 / 이벤트 매개변수 추가

Joinchat은 WhatsApp을 실행하기 전과 분석 이벤트를 보내기 전 'joinchat:open'에 사용자 지정 이벤트를 트리거합니다 'joinchat:event'.

이를 사용하여 필요에 따라 확장하거나, 추가 기능을 추가하거나, 이벤트를 취소하거나, 추가 매개변수를 추가할 수 있습니다.

// e.g.: Send webhook to Zapier
jQuery(document).on('joinchat:event', function (event, params) {
  jQuery.post('https://hooks.zapier.com/hooks/catch/123456/xxxxxx/', params );
});

// e.g.: Add user_is_logged param for GA4/GTM event
jQuery(document).on('joinchat:event', function (event, params) {
  params.user_is_logged = document.body.classList.contains('logged-in') ? 'yes' : 'no';
});

GDPR은 어떻게 되나요?

Joinchat은 쿠키 없이 사용할 수 있습니다.

Joinchat 설정에 따라 두 개의 쿠키가 필요할 수 있습니다. 이 쿠키는 퍼스트 파티 쿠키이며 개인 데이터를 수집하지 않습니다.

  • joinchat_views는 채팅 창을 언제 표시할지 제어하는 방문 카운터입니다.
  • joinchat_hashes는 사용자가 CTA와 상호작용한 경우 저장하여 해당 CTA가 자동으로 다시 표시되는 것을 방지합니다.

설정 > 개인정보 > 정책 가이드에서 Joinchat에서 제안한 텍스트를 볼 수 있습니다.

후기

Exelente!

2026년 2월 20일 답글 1개
Muy simple y eficiente. Me gustó mucho!

Perfect service and very quick!

2025년 5월 27일 답글 1개
I really appreciate the support of Joinchat team, very professional! And I also have the free verison of the plugin. Very, very professional!
모든 189 평가 읽기

기여자 & 개발자

“Joinchat – Enhanced "click to chat"”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Joinchat – Enhanced "click to chat"”(이)가 12 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Joinchat – Enhanced "click to chat"”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

6.2.3

  • NEW Compatible with PixelYourSite custom DataLayer name

6.2.2

  • Enhanced clicks counter to prevent duplicates (in a 60s window) and bot hits
  • Add icon to dashboard widget

6.2.1

  • Fix migrate setting from Header to Show Branding

6.2.0

  • New Clicks Counter widget on dashboard
  • New Add compatibility with TranslatePress for multi-language support
  • Change branding label out of chat window header
  • Fix detect videos with webm extension for animated images
  • Fix chat bubble HR separator styles
  • Fix Plugin Check (PCP) fixes

6.1.3

  • Fix recover Gutenberg compatibility with WordPress < 6.6

6.1.2

  • Fix editor error on WordPress 6.9 on edit page with “Joinchat Button” block
  • Updated “Joinchat Button” block with more flexible controls (orientation vertical/horizontal, align, gap and button settings)
  • New event parameter “trigger” on JS events “joinchat:show” and “joinchat:open”
  • New JS event “joinchat:optin” on change opt-in value

6.1.1

  • Fix revert defer styles with media=”print” because some optimizers remove them.
  • With WP 6.9 and classic theme ensure enqueue styles on header.

6.1.0

  • New Added WordPress Abilities for set main settings and generate WhatsApp “click to chat” links
  • Updated Joinchat Block with API V3
  • Updated admin styles for WordPress 7.0
  • Add smooth transitions as the chat window grows and other modern CSS optimizations
  • Add lazy load for animated images (as webm video)
  • Fix WordPress 6.9 don’t load styles with classic themes in some cases
  • Bump tested up to WordPress 7.0

6.0.10

  • Tweak CTA random text allow html tags (bold, italic, img…)

6.0.9

  • New add WordPress 6.9 script enqueue option fetchpriority low
  • Bump tested up to WordPress 6.9
  • Tweak replace png images to webp
  • Tweak Updated IntTelInput library to 25.13.3

6.0.8

  • ‘joinchat_get_settings’ 필터를 사용하여 GA4 이벤트를 비활성화하고 ‘ga_event’를 false로 설정하는 기능 추가
  • Fix mask WhatsApp phone number for Facebook Pixel events
  • Joinchat 플로팅 버튼에 아리아 라벨 추가 수정

6.0.7

  • 로딩 및 노트 메시지의 어두운 스타일 수정
  • 다른 플러그인이 IntTelInput 라이브러리를 사용할 때 관리자 JS 충돌 수정
  • 하이브프레스에서 Joinchat 설정이 작동하지 않는 문제 수정

6.0.6

  • 라이트스피드 캐시 플러그인에 대한 필터를 추가하여 Joinchat JS/CSS 에셋 버전을 확인합니다. 방문자가 Joinchat v5 캐시 에셋을 가지고 있는 경우 Joinchat 레이아웃이 깨지지 않도록 방지합니다(@tendenzeshabbychic 및 @qtwrk 덕분에).

6.0.5

  • 채팅창 없이 플로팅 버튼만 있는 경우 CSS 투명 배경색을 수정합니다.

6.0.4

  • 다른 플러그인이 IntTelInput을 추가하는 경우 wp-admin에서 일부 js 충돌을 수정합니다.

6.0.3

  • 가변 제품 SKU의 js 오류 수정.

6.0.2

  • 최소 PHP 버전을 7.0으로 상향 조정합니다.
  • 이전 워드프레스 버전에서 누락된 기능에 대한 폴백을 추가합니다.
  • JoinchatUtil 클래스가 누락된 이전 애드온의 치명적인 오류를 수정합니다.
  • Woo 제품 버튼 스타일을 수정합니다.

6.0.1

  • 숨겨진 속성 수정은 부트스트랩과 같은 일부 CSS 재설정을 통해 버튼을 보이지 않게 만들 수 있습니다.

6.0.0

  • 신규 리치 채팅: 링크, 버튼, 이미지, 무작위 텍스트가 포함된 여러 개의 대화 풍선.
  • 성능 향상: 스타일과 스크립트의 종속성 및 지연 로딩이 없는 바닐라 자바스크립트.
  • 새 버튼 아이콘을 클릭하고 대체 이미지를 고정된 상태로 유지할 수 있습니다.
  • 신규 WooCommerce 브랜드와의 통합.
  • 기타 최적화: 리팩터링 및 스타일 개선, 전화 입력 업데이트(37개 번역 포함), {HOME} 변수 추가 등이 있습니다.

이전 변경 로그는 changelog.txt를 참조하세요.

기초

평점

별 5점 만점에 4.7점.

Your review

모든 리뷰 보기

지원

지난 2개월 동안 해결된 문제:

4 중 3

지원 포럼 보기

기부

이 플러그인이 발전하도록 도우시겠습니까?

이 플러그인에 기부하기