WordPress.org

Slovensko

Get WordPress
WordPress.org

Plugin Directory

Click to Chat – HoliThemes

Click to Chat – HoliThemes

Od holithemes
Stiahnuť

Popis

WhatsApp Chat. Umožnite návštevníkom vašej webovej stránky, aby vás kontaktovali prostredníctvom „WhatsApp“ alebo „WhatsApp Business“ jediným kliknutím (WhatsApp Chat, Group, Share)

Ukážka | Dokumentácia | Podpora | PRO

WhatsApp Chat

Pridajte číslo „WhatsApp“ alebo „WhatsApp Business“ a umožnite návštevníkom vášho webu, aby vás kontaktovali jediným kliknutím.

📱 Mobile: Open the WhatsApp Mobile App for a seamless connection.

💻 Desktop: Prejdite na počítačovú aplikáciu WhatsApp alebo webovú stránku WhatsApp (web.whatsapp.com)

💎 Štýly

Vyberte štýl, ktorý dopĺňa dizajn vašej webovej stránky.

  • 8 preddefinovaných prispôsobiteľných štýlov/dizajnov
  • Pridajte svoj vlastný obrázok/GIF
  • Vlastný element/dizajn (konvertujte ľubovoľný prvok na prvok chatu WhatsApp)
  • Shortcodes (Skrátené Kódy) (Pridajte Tlačidlo/ikonu WhatsApp s vloženým obsahom)
  • Different Styles, Positions for Mobile, Desktop
  • Vyberte si štýl a prispôsobte ho tak, aby zodpovedal dizajnu webovej stránky

Zoznam štýlov | 🎨Prispôsobiť štýly

💡 Pridanie vlastného obrázku

Instead of selecting a pre-defined style, add any Image/Animated-image/GIF.

🌈 Vlastný Element

Pridajte ľubovoľný element ako prvok chatu WhatsApp

  • Trieda/ID: ‚ctc_chat‘ (alebo)
  • Href/link: ‚#ctc_chat‘

Vlastný dizajnový element prejde na WhatsApp na základe nastavení pluginu (Číslo WhatsApp, predvyplnená správa, Analytics, …. ).
(napr. položka menu, tlačidlo, obrázok, odkaz – stačí pridať ctc_chat ako názov triedy)

Vlastný Element

🎉 Greetings Dialog

Add customizable greeting dialogs for boosting user attention and increasing interaction. Seamlessly integrate these greetings into your website for better engagement.

  • Greetings-1 – Customizable Design: Personalize the design to match your branding with full control over fonts, colors, images, and more.
  • Greetings-2 – Content Specific: Deliver focused messages that resonate effectively with your users.

📝 Vyplnenie formulára

Get the necessary information from the website visitors before initiating the chat.

  • Keď používateľ vyplní formulár, dostanete e-mailové upozornenie.
  • Zavolajte webhook s údajmi formulára na integráciu s inými aplikáciami. Pomocou integračných nástrojov pridajte údaje do Google Sheet, CRM a mnohých ďalších aplikácií.
  • Údaje formulára je možné vopred vyplniť v okne chatu WhatsApp.

PRO: Uvítací formulár

👥 Multi-Agent

Pridajte viacero chatovacích účtov WhatsApp v rámci jedného dialógového okna – Pozdravy.

  • Pre každého agenta môžete nastaviť rôzne časové rozsahy. (24×7 alebo viac časových rozsahov pre každý deň v týždni).
  • Offline Agents
    • Chat when offline (display agent with next available time).
    • Vypnúť chat (zobraziť agenta s ďalším dostupným časom).
    • Skryť agentov v režime offline

PRO: Multi-Agent

⌛ Pozdravy – Akcie

  • Click Action: Displays greeting dialog when a user clicks on any element with the class name: ‘ctc_greetings’.
  • ViewPort: Zobrazuje pozdravy, keď je element v dosiahnutej zobrazovacej oblasti (rozpätie 25 %) s názvom triedy: ‚ctc_greetings_now‘ [PRO]
  • Čas, Posúvanie Zobraziť pozdravy podľa času, posúvania [PRO]

These actions enhance user interaction by triggering greetings at the right moments, improving engagement and support efficiency.

Akcie

🔴 Odznak upozornenia

Upútajte pozornosť používateľov zobrazením odznaku upozornenia na prvku WhatsApp Chat.

Prispôsobte si odznak s upozornením pomocou počtu upozornení, farby textu, farby pozadia, farby okrajov a časového oneskorenia, aby sa odznak upozornenia zobrazil.

Odznak upozornenia

✳️ Pozícia na umiestnenie

  • Add WhatsApp at any position of the screen
    (not limited to fixed positions).
  • Different positions for Mobile and Desktop.

⏩ Predvyplnená správa

Text that appears in the WhatsApp chat window when the user clicks on the WhatsApp.

Používatelia môžu ľahko začať konverzáciu.

Variables to change values dynamically

  • {site} -> Názov webovej stránky
  • {title} -> Názov stránky
  • {url} -> URL web stránky
  • [url] -> Úplná adresa URL webovej stránky vrátane parametrov dopytu

With these variables, we can understand from which page the user started WhatsApp chat.

Predvyplnená správa

🛍️ WooCommerce

WooCommerce stránky produktov

Pre WooCommerce môžu jednotlivé produktové stránky prepísať hlavné nastavenia a pridať špecifickú správu pre produkt pomocou dynamických premenných.

  • Predvyplnená správa
  • Call to Action
  • Šablóna pozdravov, obsah [PRO]

Ďalšie premenné, špecifické pre jednu produktovú stránku WooCommerce na dynamickú zmenu hodnôt

  • {product} -> Názov produktu
  • {price} -> Cena produktu (aktuálna cena)
  • {regular_price} -> Bežná cena produktu (bez zľavy)
  • {sku} -> Skladová jednotka

Pre stránky Obchod, Košík, Pokladňa a Účet môžete prepísať premenné na úrovni stránky

Pridajte Whatsapp – Stránka obchodu

Pridajte tlačidlo alebo ikonu WhatsApp na jednotlivé produktové stránky WooCommerce.

  • Before Main Content
  • Before Product
  • Before Product Summary
  • Product Summary
  • Before Add to Cart Form
  • Before Cart Button
  • After Cart Button
  • After Add to Cart Form
  • After Product
  • After product summary

Môžete pridať dynamické premenné pre Call to Action.
napr. Kúpiť {product}
{product} bude nahradený názvom produktu pre všetky produktové stránky.

Add WhatsApp Icon/Button in WooCommerce Product pages

Pridajte Whatsapp na stránku obchodu

Add WhatsApp to WooCommerce Products list (shop page, related products list)

Shop page

Nastavenia na úrovni stránky

At the page level, we can overwrite the settings for each post. We can add a different Whatsapp Number, Prefilled Message, Call to Action for each post
(while editing the post, in the right sidebar ‚Click to Chat‘ meta box)

  • WhatsApp Number
  • Call to Action
  • Predvyplnená správa
  • Nastavenia zobrazenia

PRO:

  • Zmena štýlov
  • Time Delay
  • Scroll Delay
  • Šablóna pozdravov
  • Pozdravy Hlavička, Hlavné, Spodný Obsah

Page-level settings

📈 Analytics

Creates an Event when the user clicks on the WhatsApp Icon/button.

Google Analytics

Meta Pixel

Google Ads Konverzie

Webhooky

Pripojte ďalšie aplikácie pomocou nástrojov Integrate, automatizácie, ako sú Zapier, IFTTT, Pipedream atď.

Webhooky

⭐ PRO

  • Multi-Agent: Displays multiple WhatsApp chat accounts
    • Set multiple time ranges for each agent’s availability
    • Hide offline agents or display agent when offline with next available time
  • Random Numbers: Navigates to a random WhatsApp number from the predefined list
  • Form: Get the necessary information from the website visitors, before initiating the chat
    • Keď používateľ vyplní formulár, dostanete e-mailové upozornenie.
    • Use webhooks to send form data to external apps in real-time for seamless integration.
    • Prefill WhatsApp messages with user-provided form data to streamline conversations
  • Business hours: Offline/Online Settings
    • Set business hours for a specific time range within a day, specific days in a week.
    • Hide the widget during offline hours or automatically change the WhatsApp numbers and call to action.
  • Display based on website visitor’s country
  • Webhooks – Dynamic variables
    • {url} – Current page URL.
    • {time} – čas, kedy používateľ vykonal interakciu s tlačidlom/ikonou WhatsApp
    • {number} – WhatsApp Number associated with the icon/button.
    • Get values from url parameters by adding name with in single square brackets E.g. [gclid], [utm_source]
    • Get values from cookies by adding the name with in double square brackets. E.g. [[cookie_name]]
  • Get additional values at Google Analytics, Meta Pixel
    • Get values from url parameters. E.g. [gclid], [utm_source]
    • Get values from cookies. E.g. [[cookie_name]]
  • Greetings Actions: (for all greeting dialogs: Greetings-1, Greetings-2, Form, Multi-agent)
    • Display greetings dynamically based on user actions such as
      • Time: Time spent on the page,
      • Scroll: Page scroll percentage,
      • Click: specific button clicks
      • ViewPort: when an element becomes visible in the viewport.
  • Position to place
    • Fixed: Fixed position on the screen (default position)
    • Absolútna(Absolute): Pevná poloha k obsahu tela. (Pohybuje sa, keď používateľ posúva stránku)
  • Time Delay & Scroll Delay: Display WhatsApp widget after a specified time delay or once the user scrolls a certain percentage of the page.
  • Display based on Website visitor’s login status
  • Page-level settings: Fine-tune WhatsApp button behavior for individual pages. Change styles, time delays, scroll delay, Greetings Template, and Greetings Content
  • WooCommerce: Customize WhatsApp widget behavior specifically for WooCommerce pages
    • Overwrite greetings template, Content for Single product pages.
    • Prepísať nastavenia pre stránky Obchod, Pokladňa a Účet na úrovni stránky

🔆 PRO

🎯 Lokalizácia

Click to Chat is Compatible with translation plugins. WPML, Polylang.

It is easy to set up different values for each language

  • WhatsApp Number
  • Call to Action
  • Predvyplnená správa
  • Obsah pozdravov
  • Group ID
  • Share Text

Setup for WPML, Polylang

🚀 Výkon

  • Bohaté na funkcie, ale odľahčený Frontend.

We highly concentrate on speed and performance.

👓 Nastavenia zobrazenia

Customize the visibility of the widget by showing or hiding styles based on specific settings, such as:

  • Typ obsahu
  • ID Článku
  • Category name
  • Device Type(Mobile, Desktop)
  • WooCommerce single product pages

PRO:

  • Time delay
  • Scroll delay
  • Selected time range in a day
  • Selected Days in a week
  • Website visitor login status
  • Website visitor country

✅ Prihlásiť sa

Make the website users opt-in / accept consent before initiating the chat.

Prihlásiť sa

⛳ Shortcodes (Skrátené kódy)

Use shortcodes to instead a WhatsApp icon or button with inline the Post content, widget area.

change the default setting values using shortcode attributes – WhatsApp Number, Style, Pre-filled message, Call to Action.

Chat Shortcodes (Skrátené Kódy)

[ht-ctc-chat]

To change the WhatsApp number use the ‚number‘ attribute

[ht-ctc-chat number=915123456789]

Shortcodes for Chat

Skupina

Enable the Group chat feature and add WhatsApp Group id in the plugin settings.

Make it easy for your customers to join Whatsapp Group.

Skupina

Share

Let users share your website with their WhatsApp contacts and get more leads.

Share

🌏 Help Translate The Plugin

Help by Translating the plugin to be available in more languages

Obrázky

  • 8 štýlov, Pridajte svoj vlastný obrázok alebo GIF. Pridať na ľubovoľnú pozíciu na obrazovke (počítač, mobil: možno nastaviť rôzne štýly, pozície)
  • Vyberte štýl a prispôsobte ho tak, aby zodpovedal dizajnu vašej webovej stránky.
  • Chat Settings – Enter WhatsApp Number, prefilled message, call to action, desktop: web view / desktop app view
  • Štýl, pozícia (na ľubovoľné miesto obrazovky) – Desktop, Mobil
  • Pridať WhatsApp do menu (vlastný element)
  • Change Values at the page level: ‚WhatsApp Number‘, ‚Call to action‘, ‚Skupina ID‘
  • Style – 5 – Image with content box
  • Style – 8 – Materialize button
  • Style – 99 – Add your own Image / GIF(Animated Image)
  • Customize Styles
  • Enable Skupina, Share Settings
  • Skupina settings page
  • Share settings page
  • Nastavenia zobrazenia
  • Webhooky
  • prefilled, call to action for WooCommerce single product pages
  • Animácie
  • Analytics – Google Analytics, Facebook Pixel, Google Ads Konverzie

Inštalácia

From Dashboard ( WordPress admin )

  • plugins -> Add New
  • search for ‚click to chat‘
  • click on Install Now and then Activate.

using FTP or similar

  • Unzip „Click-to-Chat“ file and
  • Upload „Click-to-Chat“ folder to the „/wp-content/plugins/“ directory.
  • Activate the plugin through the „Plugins“ menu in WordPress.

Časté otázky

WhatsApp Number

Enter the WhatsApp number with country code

E.g.
country code +1
number: 6123456789
** WhatsApp number: 16123456789 **

(WhatsApp Number)[https://holithemes.com/plugins/click-to-chat/whatsapp-number/]

Predvyplnená správa

Text that appears in the WhatsApp chat window when the user clicks on the WhatsApp.

Add variables to change values dynamically

{url} -> Web page URL
{title} -> Page Title
{site} -> Website Title

Napr.

Hi {site}!!
I like to know more information about this {title}, {url}.

Variables for WooCommerce single product pages

{product} -> Product Name
{price} -> Product Price (current price might be the sale price/regular price)
{regular_price} -> Regular product price (with out any sale)
{sku} ->Stock keeping unit

Napr.

Hi {site}!!
Name: 
I like to buy this {product}, {url}

With this prefilled text, we can know from which page the user started the conversation, the purpose of the contact, and their details

Predvyplnená správa
Pre-filled Message for WooCommerce

Select Styles

Select Styles/widget that matches the design
* customize the style to match the website design.
* Add your own Image/GIF
* Custom Element/Design (convert any element to a WhatsApp Chat element)
* Select differnt Styles for mobile, desktop to match the website design.

Position to place the styles

Add Styles at any position of the screen (not just fixed to selected positions).

Position to place settings

Napr.

bottom-right corner:
bottom: 10px
right: 10px

Center of the Screen (bottom-center)
bottom: 10px
right: 50%

Center of the Screen (left-center)
bottom: 50%
right: 10px

Plugin supports all CSS units as the suffix. (px, %, rem,…)

position to place

GDPR

„Click to Chat“ don’t collect any of the user data and don’t use cookies.

Súhlas používateľa pred začatím chatu.

Prihlásiť sa

Display only on selected countries

Display based on country

Show/Hide on Selected pages/devices

Show only on selected pages

Hide only on selected pages

Show/Hide on Mobile/Desktop

Localization: Change number, content for each language / page

We can change values for each language if using WPML, Polylang for translation.

Multilingual

From WPML / Polylang Settings -> ‚String Translations‘ and filter strings to ‚Click to chat for WhatsApp‘ and change value based on language.

  • User Input (Plugin Settings values): – ‚Click to chat for WhatsApp‘
  • Admin strings (Plugin Settings) – text domain: ‚click-to-chat-for-whatsapp‘

Page-level settings

WhatsApp Group Invite/chat

Enable Group Feature Add WhatsApp group id at plugin settings page. and let user join in WhatsApp Group.

WhatsApp Share

Enable Share feature and let users share your website easily.

Add variables to change values dynamically
{url} -> Web page URL
{title} -> Page Title
{site} -> Website Title

Share Text – E.g.

Checkout this Awesome page {title}, {url}

Kompatibilita AMP

Click to Chat je kompatibilné s doplnkom (AMP)[https://wordpress.org/plugins/amp/]. AMP nenačíta súbory JavaScript doplnkov, takže sú k dispozícii obmedzené funkcie.

🔧 Basic Troubleshooting

  • Clear cache
    • from Cache plugins
    • Cache na strane servera (niektorí poskytovatelia hostingu štandardne pridávajú funkciu vyrovnávacej pamäte)
    • Vyrovnávacia pamäť CDN (cache) (neplatnosť vyrovnávacej pamäte – cache)
  • Check Display settings
  • (Nastavenia každej stránky)[https://holithemes.com/plugins/click-to-chat/change-values-at-page-level/]

✍️ For any queries, please contact us.

❤️ Support / Contact

For any issues with the plugin / suggestions:

⭐️ Give Support

If you like the plugin, support the developers by giving 5 star rating

Vopred vám veľmi pekne ďakujeme „Click to Chat“ Tím.

Recenzie

Great Plugin – Easy and Effective!

9. októbra 2025 1 reply
Click to Chat is super easy to set up and works flawlessly. It makes it simple for my customers to contact me directly via WhatsApp, which has improved my support and response times. Highly recommended for anyone who wants to connect with their website visitors quickly!

Great plugin and support

5. mája 2025 1 reply
The plugin is brilliant. It allows you to have whatsapp on the web in a simple, visual and beautiful way. The technical support is incredible, I recommend it 100%.

Site hacked

18. marca 2025 6 replies
Website hacked, tested over the weekend and as soon as we turn the plugin on hacked again showing some Indonesia lotto website, disabled all plugins left the site for 2 days it stayed on, turned click to chat back on first site down, it only started after i updated to 4.19 please fix this

The latest version of the plugin is causing WordPress to crash.

15. januára 2025 3 replies
Hello, when I update the plugin to the latest version, WordPress crashes and a virus infects the site. I restored my WordPress from a backup once and waited a week without updating the plugin, updating other plugins without any issues. Today, I updated this plugin again, and the result was the same: the website crashed again, and I had to restore it from yesterday’s backup. I kindly request the plugin to be checked. I am almost certain that the issue is caused by the WhatsApp plugin.

Problem with the phone number displayed

23. júla 2024 1 reply
The plugin displays a phone number I used a few months ago despite updating it to a new WhatsApp number. I have tried clearing the cache on both of my devices and for WordPress.
Prečítať všetkých 132 recenzií

Prispievatelia a vývojári

“Click to Chat – HoliThemes” je softvér s otvoreným zdrojovým kódom. Do tohto pluginu prispeli nasledujúci ľudia.

Prispievatelia

„Click to Chat – HoliThemes“ bol preložený do 9 jazykov. Ďakujeme prekladateľom za ich príspevky.

Preložiť „Click to Chat – HoliThemes“ do vašho jazyka.

Máte záujem o vývoj?

Prehľadávajte zdrojový kód, preskúmajte SVN repozitár, alebo sa prihláste na odber vývojárskeho logu cez RSS.

Zoznam zmien

4.31

  • Fix: Shortcode style-1 added icon

4.30

  • Enchancement: Google Analytics feature.

4.29

  • Settings to load JavaScript files as Normal, Async, or Defer for improved performance.

4.28

  • Fix: The Custom Element feature now works correctly even when the ‚ctc_chat‘ class is added dynamically.

4.27

  • app.js file now loads asynchronously and deferred to improve page load performance.

4.26

  • Custom URL feature is now available in this main plugin. We can add WhatsApp Chanel URL in the plugin settings to open WhatsApp Channel.
  • Enhancement: Page level settings design.

4.25

  • Fix: Greeting dialog modal not displaying correctly due to z-index issues when certain background elements were present.

4.24

  • Fixed: Page-level settings now work correctly on the WooCommerce Shop page.
  • Improved: Better visual styling for the base widget.

4.23

🚨 Important Update
* ✨ New Feature: Greetings Dialog can now appear as a modal for better visibility and UX.
* 🛠️ Fix: Resolved an issue where the Greetings Dialog was not displaying correctly when the base widget was positioned at the top.
* 🛠️ Fix: On iPhone Chrome, the Share feature now opens WhatsApp correctly without opening a new tab.
* 🔧 Improvement: When a WhatsApp number is not set, the admin notice is now displayed using a more reliable and secure method — instead of using JS .html().

4.22

  • The Custom Image widget now automatically uses the image file name as the alt attribute
  • Settings to disable page-level settings.

4.21

  • Fix: Resolved issue where phone numbers with +1888 prefix were not being saved in settings.

4.20

  • New: Added {{price}} variable for WooCommerce product pages to display price with currency symbol, thousand separator, and decimal separator.
  • Fix: Resolved conflict with some themes caused by animation class name.

4.19

  • Fix: PHP Error. Thanks, Malae, for reporting it!

4.18

  • Fix: Resolved an issue where the Style-5 profile image was displaying above the greetings dialog on mobile devices.
  • Fix: Corrected the border alignment in Style-5.
  • Enhancement: Admin Demo for better usability

4.17

  • Fix: Display Widget as an Add to Cart like button is not working on the WooCommerce single product page, Archive list.

4.16

  • Added ‚Alt‘ attribute value for greetings header image
  • Fix: Style-7, Style-7 Extend hover effects not working.

4.15

  • Fix: Page-level settings not working properly.
  • Fix: Alignment issues at admin setting pages

4.14

  • Enhancement: Show or hide the admin demo.

4.13

  • Fix: Alignment issues at admin setting pages

4.12.1

  • Fix: Hover effects for Style-7 Extend
  • Fix: Dual lines issue for Style-8 with large call to action text

4.12

  • Fix: Custom CSS Code block not allowing quotes at front end

4.11

  • New: Custom CSS Code block.

4.10

  • Fix: Page level display settings for WooCommerce single product page

4.9

  • Fix: Display based on device not working as expected on iPad Pro

changelog

Meta

Hodnotenia

4.8 out of 5 stars.

Pridať moju recenziu

See all reviews

Prispievatelia

Podpora

Počet vyriešených chýb za dva mesiace:

5 z celkového počtu: 5

Zobraziť fórum podpory