Close
  • Home
  • About
  • Online Tools
  • Blog
  • Contact
  • Skip to primary navigation
  • Skip to main content

Walter Pinem

WordPress Projects

Home » WordPress Plugins » Introduction to OneClick Chat to Order: Just Another WooCommerce Plugin
OneClick Chat to Order woocommerce plugin walter pinem

Introduction to OneClick Chat to Order: Just Another WooCommerce Plugin

May 11, 2020 by Walter Pinem 61 Comments

Introduction to OneClick Chat to Order: Just Another WooCommerce Plugin – Earlier in 2019, I was developing an ecommerce site for a client. He wanted to have a feature with which his customers can contact him before proceeding to order, or to order the products directly via WhatsApp.

I had several options that time, from free to paid plugin versions, but none of them could satisfy what my client needed. So I decided to build a custom plugin my own just to fulfill what he needed.

The plugin was ready and perfectly suited the online store. Instead of just making it a private project for the designated client, I decided to release it for public.

Available Add-Ons

... Selengkapnya

... Selengkapnya

... Selengkapnya

... Selengkapnya

But I felt like there’s still some options needed before submitting it into the WordPress repository. So after throwing in some more basic features, the plugin was ready to be downloaded from the repo for free up until now.

Introduction to OneClick Chat to Order

OneClick Chat to Order - Simplest way to seamlessly pair WooCommerce with WhatsApp | Product Hunt Embed

Here’s the basic features available on OneClick Chat to Order upon the initial release:

  • Option to add WhatsApp button only on single product page
  • Option to show floating button with custom message and tooltip
  • Option to enable Privacy Policy checkbox before making the button clickable (GDPR-compliant)
  • And some more basic features

The original intention was to show the WhatsApp button only on single product pages. It worked globally, so when you set it up on the plugin setting page, the button will be available on all single product pages without the ability to hide it on a specific product page.

Around Februrary 2019 when any bugs fixed, I was vacuum in its development. The reason why was because I was so busy with some projects.

In terms of number of users, the plugin was apparently growing, from dozens to a thousand. Many of them started sending me messages, asking for features addition.

Read: Indonesian Banks, My Very First WordPress Plugin

But none of the features were included into my update list because I barely had time to develop them until WordPress took down my plugin from the repo.

There was complaint about trademark from Facebook since I used the word “WhatsApp” in the original name; OneClick WhatsApp Order. So the plugin was taken down until the name set to be changed.

On November 2019, the plugin was fixed and re-opened again in the repo. So it’s available again up until now, but the feature requests kept flowing in into my inbox.

Since then, I began to spare some time to build some ideas on the development, most of them were based on the requests.

On April 2020, when the COVID-19 attacked and forced us to work from home, I began to intensively develop the new features.

Since version 0.1.3: April 12, 2020, the plugin contained some more options that can override Thank You page / Checkout completion page and add a WhatsApp button to send complete order details, options to show WhatsApp button on Cart and Shop loop page, options to change labels in the message, options to convert customer’s number into clickable WhatsApp link, and options to hide button on Desktop and Mobile respectively.

I didn’t stop there. Several days later, I added some more features such as:

  • Full options to individually hide or show WhatsApp button on every page
  • Individual options to exclude some labels in the message and managing button click target
  • Replaced icon depedency to make it faster in terms of loading speed
  • Options to set button text and custom message for individual product, including option to individually hide / show WhatsApp button on single product page
  • Options to individually hide button on shop loop, cart, and thank you page on mobile and desktop
  • Option to include source page URL in the message when the floating button is clicked
  • Option to include product variation on Cart page (only one variation from each product)
  • Option to include coupon code in the Checkout put (that will include coupon code details in the message)

Many of the plugin users asked me why I kept the plugin free (though some of the features are normally available on the paid versions) and didn’t make several features included as a paid add-on or paid features. Moreover, I also give premium quality support for each user that needs any help of the plugin.

But for me, the donation would be enough (that’s why you see the donation button on some pages on the plugin setting page).

I always want to increase the advancement of the plugin, so it can be available for free for everyone. So if you have some dime to spend, you can always donate or buy me a coffee to support the advancement and development. 🙂

Alright, you can get this plugin for free on WordPress’ official plugin repository:

OneClick Chat to Order

The working sample can be found on this OneClick demo site.

If you’re looking for an overview and a how-to start guide, you can watch this video:

If you have any features request, just head over to this page and send me your inquiry.


Furthermore, to keep this plugin free, I spent cups of coffee building it. If you love and find it really useful for your business, you can always

Share This!
Share
on Facebook
Tweet
Share on Twitter
Share
on Google

Filed Under: WordPress Plugins

About Walter Pinem

A traveler and WordPress Developer, also a web designer. Sometimes can be a translator and writer.

View all posts by Walter Pinem

Reader Interactions

Comments

  1. Oscar Oduor says

    May 23, 2020 at 3:55 PM

    Hi Walter,

    My name is Oscar and I’m from Kenya. I just want to thank you personally. The truth is that I can’t thank you enough for the great plugin. I just wanna let you know that I’m really really grateful. May God bless you some more.

    Regards

    Reply
    • Walter Pinem says

      May 28, 2020 at 10:34 PM

      Hello Oscar.

      I’m greatly thankful for your appreciation.
      Wish you luck for every good thing you do now onwards.

      God bless you too.

      Reply
  2. Marcio Hiranaka says

    May 28, 2020 at 12:08 AM

    Hello, first I would like to congratulate you for the plugin.
    I wonder if there is a possibility to install on a website that has several restaurants, where each one has its orders. The website uses Woocommerce for subscription charges. The orders of the resturantes are made in other pages.
    I use this template https://themeforest.net/item/food-bakery-restaurant-bakery-responsive-wordpress-theme/18970331
    Thank you

    Reply
    • Walter Pinem says

      May 28, 2020 at 10:31 PM

      Thank you very much, Marcio!

      If you mean a site with multiple vendors and you want to show WhatsApp product to every vendor’s product, I’m really sorry that this beyonds the scopes of this plugin. But I will try to integrate it with another multi vendors plugin like Dokan or WCfM.

      Thank you.

      Reply
  3. Javier Baigros says

    May 28, 2020 at 4:16 AM

    Hi, I would like to know if is it possible to give some padding to the left to the whatsapp button in a single product page, because it overlaps with the add to cart woocommerce button.

    Thx in advanced! Great plugin you developed 🙂

    Reply
    • Walter Pinem says

      May 28, 2020 at 10:26 PM

      Hello.

      Thank you for your comment.
      Yes of course, you can adjust the position with a simple CSS to your liking.
      You can use this class .floating_button.

      Let me know if you need further help.

      Thank you.

      Reply
  4. Nathan Marques says

    June 2, 2020 at 11:20 PM

    Hey Walter !!!

    First I want to thank you for the excellent plugin that is OneClick Chat to Order, I am using it here on a website and I would need to include in the message that is sent via whatsapp the order number, I would like to know with you if it is possible.

    Thanks in advance Walter!

    Reply
    • Walter Pinem says

      June 5, 2020 at 12:04 AM

      Hello Nathan.

      Thank you very much, really appreciate it.
      Yes, it’s possible.
      I’m still working on it along with other awesome features.
      It’ll be available soon, perhaps in the next few updates.
      Please be patient.

      Thank you in advance.

      Reply
  5. F Lab says

    June 28, 2020 at 5:03 AM

    Hello Walter how are you?

    Congratulations for the excellent plugin and how it has developed.

    I installed it on some projects and had great feddbacks, but one suggestion we felt, was that when you enter the desktop or Ipad instead of going to api.whatsapp … go to web.whatsapp.

    This can help more people to be able to access orders on Whatsapp,

    Thank you very much and waiting for your pro version …

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:06 AM

      Hi.

      Since the latest version, I have fixed the WhatsApp base URL.
      Please update to the latest version.

      Reply
  6. Max says

    July 1, 2020 at 2:25 PM

    can I hide or replace the checkout button with the Order whatsapp button?

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:07 AM

      Hi.

      It’s now possible to do so.
      Just customize the thank you / order received page from Checkout setting tab to show WhatsApp button there, filled with order details.

      Reply
  7. Kayana Cookies says

    July 14, 2020 at 6:20 AM

    Plugin yang simple dan bermanfaat bagi pebisnis online UMKM. Sukses selalu…

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:07 AM

      Terima kasih!
      Semoga bermanfaat.

      Reply
  8. Nikhil Jain says

    July 15, 2020 at 3:27 AM

    hey
    Hope you are doing good in such a difficult situation all over the globe.
    Actually i used the plugin all worked but when i click the button buy on whatsapp on mobile it does not work. It takes me whatsapp and a error pops out unable to find the number please try again later. Please help.

    Thank You in advance
    Nikhil Jain

    Reply
  9. Marco says

    July 23, 2020 at 12:40 AM

    Hi walter I want to say thanks for that great pluggin! Is an excelent option. I have one question, I want to put in desktop web, but when the customer click on the the button display the page the message for whatsatpp, when they click send display a message whatsapp is not installed, are not integrated with whatsapp web? How I can resolve the problem 😀

    Reply
  10. Ebasone Vanes says

    July 25, 2020 at 6:43 AM

    Dear Walter,

    Thank you so much for this gift. You are a very kind person. You do not know the extend to which this plugin has helped me. I am very grateful for this plugin and I just want you to know that your hard work is very appreciated.

    Peter

    Reply
  11. Ajibola says

    July 29, 2020 at 8:18 PM

    Great plugin. Please I’ll like to know if there’s a way to adopt this for a multi-vendor website.

    Reply
  12. Amir says

    August 10, 2020 at 4:51 AM

    https://whatshop.live/usthad_hotel

    Greeting ,

    as per you plunging there is an option in cart page , send details on whatsapp the same button i want in checkout page so all the checkout details also send once in my whatsapp. is it possible . can you please share how.

    Regard
    Amir

    Reply
  13. BUkit gambang says

    September 11, 2020 at 9:44 PM

    Hi walter, can you make setting calendar booking in OneClick Chat?only send as date.

    Thank you

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:13 AM

      Hi.

      The plugin only works with native WooCommerce order functions.
      Any 3rd party plugins should be integrated manually with custom tweaks.

      Really sorry for that.

      Reply
  14. Samuel says

    September 28, 2020 at 5:15 PM

    Hello Walter. Firstly I will like to say, this is one of the best and effective plugin on WordPress repo. Well done.

    In the checkout options for sending your order details via WhatsApp, can this feature work for a multivendor site, where a buyer sends his/her order details to the vendor. Since every vendor have a different phone number.

    How does it grab the vendor phone number instead?

    Thanks!

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:12 AM

      Hi.

      Thanks for using the plugin.
      It’s already on my feature list.
      Please be patient.

      Reply
  15. Kim says

    October 6, 2020 at 8:24 PM

    Hi. Great plugin, I like the freedom of options that it grants the user as other plugins tend to restrict that, and I really enjoy using this plugin on my clients’ website.
    Is it possible to make it so that it can send multiple variations of one product?

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:11 AM

      Hi.

      Thanks for using the plugin.
      Since version 1.0.1, the messages sent from Cart and Checkout pages now include multiple product variations.
      Please update and enjoy!

      Reply
  16. quthub says

    October 7, 2020 at 3:46 PM

    saya sudah install plugin ini, namun sepertinya di wordpress versi terbaru tidak berfungsi ya?
    saya diminta memasukkan nomor hp terus menerus. padahal sudah saya masukkan sebelumnya,. mohon bantuannya.

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:05 AM

      Hi.

      Permasalahannya sudah saya perbaiki di versi terbaru.
      Silakan update ke versi terbaru.

      Reply
  17. Alex Marcfield says

    October 9, 2020 at 4:08 PM

    Is it possible to attach SKU number as part of the fields sent to whatsapp?

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:02 AM

      Hi.

      It’s now possible since version 1.0.1.
      Please update it to the latest version and enjoy the feature.

      Reply
  18. Williams Arturo says

    October 19, 2020 at 9:24 PM

    Hi, Is it possible to integrate the WhatsApp button in differents listings of a directory? For each listing to be contacted by customers. Thanks

    Reply
    • Walter Pinem says

      November 3, 2020 at 2:05 AM

      Hi.

      If you meant different WhatsApp numbers, since version 1.0.0, the plugin has the ability to add and use unlimited WhatsApp numbers.

      Reply
  19. Alex says

    November 12, 2020 at 10:06 PM

    Hi, I need to change the button color, I know we can change it using custom CSS on the customize section.

    Can I get the class or id (example) to change it using custom CSS? I tried by inspect the button id but didn’t work.

    Reply
    • Walter Pinem says

      November 13, 2020 at 12:18 AM

      Hi.

      Please test this CSS to customize the button on, for example, single product page:
      .entry-summary #sendbtn,
      .entry-summary .wa-order-button {
      background: #333;
      }

      Or you can also use #sendbtn ID.

      If they don’t work, please put the CSS code lower than the current one.
      It works best if you put the CSS code just before the tag.

      Please test it and let me know the result.

      Reply
  20. Alex says

    November 12, 2020 at 11:25 PM

    Hi, it’s me again. And how we remove the whatsapp logo on the button? can we do that?

    Reply
    • Walter Pinem says

      November 13, 2020 at 12:19 AM

      Yes, of course you can do that.

      Use this:
      a.wa-shop-button:before,
      .wa-order-button:before,
      a.wa-order-thankyou:before,
      a.wa-order-checkout:before {
      display: none!important;
      }

      Let me know the result.

      Reply
  21. Alex says

    November 15, 2020 at 9:32 PM

    Hi, The change of color didn’t work for me, I tried like what you said. I tried other ways, but still didn’t work, It’s weird because I just use ‘hello elementor’ theme which is obviously it’s a plain template. It didn’t change on shop/product page and single product page. Maybe you have other suggestion?

    And for the remove button it works, thanks.

    And I want to change the border radius and other thing but didn’t work either because the change color syntax didn’t do anything.

    Btw thanks for the support and replied.

    Reply
    • Walter Pinem says

      November 17, 2020 at 3:20 PM

      Hi.
      Sometimes, since the WA button uses the same class with the WooCommerce’s default class, it’d need special treatment to override the CSS styles.
      May be you can contact me on https://walterpinem.me/projects/contact/, give your site’s URL and let me inspect it.

      Thanks.

      Reply
  22. E Heng says

    November 17, 2020 at 4:26 PM

    Hi, I would like to check on the backend portion of using this plug-in. Does it automatically create an order in the backend or do I need to manually enter it myself?
    Thanks

    Reply
  23. Alex says

    November 18, 2020 at 10:24 PM

    Hi Walter, I Figured it out just need to override the CSS styles, thanks for the support.

    Reply
    • Walter Pinem says

      November 18, 2020 at 10:31 PM

      Glad it worked for you.
      Thanks for confirming.

      Reply
  24. Daniel says

    November 21, 2020 at 9:11 AM

    Hi Walter,

    It is a very great plugin. Is there any way we can modify the Whatsapp message by adding some shortcode?

    Regards.

    Reply
    • Walter Pinem says

      November 21, 2020 at 2:41 PM

      Hi.

      Thanks for your comment.
      Can you explain more about this? Perhaps with some examples of the shortcode?
      Based on my understanding, you want change the WhatsApp message with {{string}} parameter?

      Thanks in advance.

      Reply
  25. Maroof ali says

    November 22, 2020 at 8:10 PM

    i have one question i want to ask make vender contact number as product order whatsapp number how i can do this vendor contact number as whatsapp number if i add vender contact number in vendors profile then whatsapp button automatically detect that contact number as whatsapp number for all product related to that vendor

    Reply
    • Walter Pinem says

      November 23, 2020 at 9:54 AM

      Hi.

      If I understand your question better, so you want to show WhatsApp button for each vendor?
      Then you’ll need a multivendor plugin.
      There’s an add-on for integrating OneClick Chat to Order and WCFM Frontend Manager, called OneClick WCFM Connector which you can find here https://onlinestorekit.com/kit/oneclick-wcfm-connector/

      Thank you and hope it helps.

      Reply
  26. Daniel says

    November 23, 2020 at 9:24 AM

    HI,

    Yes correct. I would like to change / addon a little extra Whatsapp URL string parameter.

    Regards.

    Reply
    • Walter Pinem says

      November 23, 2020 at 9:33 AM

      Hi.

      I’m sorry to tell you that it’s currently not possible to do so via the plugin setting because there’s no option for that.
      But, though not recommended, you can always customize the plugin core by editing it.
      Just don’t forget to save your customization code to use later once there’s an update available.

      Thank you for your understanding.

      Reply
  27. Yeider Vega says

    November 28, 2020 at 12:28 PM

    Hello, I want to use your plugin but I see that I cannot use different numbers at the end of a checkout, only a default number, while if I can use different direct buttons for each product, that is, I want users to be able to fill out the form of purchase and that these data are sent to the number of the owner of that selected product

    Reply
  28. Carlos says

    December 6, 2020 at 3:15 AM

    Greetings, excellent plugin, working with the options it gives works very well. But I have problems with the shortcode, because basically the shortcode generator makes a simple whatsapp link, it does not include the product, the cost, or the quantity to be purchased. Is there a way to include these variables in the shortcode to be able to put the whatsapp button anywhere. The other is if I activate so that the button appears in a single product it appears overlapped with the add to cart button. Any documentation to configure? Thanks in advance

    Reply
  29. Hery says

    January 1, 2021 at 9:38 PM

    Halo om,
    sumpah keren sih ini pluginnya
    cuma ada 1 kendala nih om
    saya pake plugin ongkoskirim.id untuk kebutuhan web saya
    saat mau kirim data pada page checkout melalui plugin ini saya terkendala dengan penulisan chat yang terkirim hanya sebagian dikarenakan setiap pemilihan kurir J&T
    contohnya seperti :
    – Metode Pembayaran:
    Bayar Dirumah / Pilih Kurir J&T <==== Seperti error setelah simbol &

    – Pengiriman:
    Rp10.000 via J <====== Simbol & dan seterusnya tidak terbaca

    untuk contohnya silahkan test order di https://selikurshop.com/kirkland sampai pesanan selesai

    mohon pencerahannya om

    Reply
  30. YUSA says

    January 11, 2021 at 3:42 PM

    sore kak, diwebsite bisa redirect ke whatsapp, tapi kalo di aplikasi kok ga bisa ya?
    net:: ERR_UNKNOWN_URL_SCHEM

    Reply
    • Walter Pinem says

      January 11, 2021 at 10:03 PM

      Halo.

      Untuk handler di aplikasi akan berbeda dengan yang di web browser, baik versi desktop maupun mobile.
      Untuk aplikasi, URL yang digunakan itu harus spesifik, bisa dicoba yang di bawah ini:
      whatsapp://send?abid=&text=

      Anda bisa ganti skema URL di file core plugin tersebut di semua file yang ada di folder oneclick-whatsapp-order => includes => buttons.
      Silakan cari URL api.whatsapp.com dan ganti dengan URL di atas, atau bila Anda bisa membuat conditional code khusus untuk Android, khusus di aplikasi Android, coba redirect api.whatsapp.com ke URL di atas tadi.

      Semoga bermanfaat.

      Reply
  31. Abhijeet says

    January 12, 2021 at 2:08 AM

    Hey Walter,

    The plugin is really impressive.. I have a query as to how can I use this feature –
    Convert Phone Number into WhatsApp in Order Details – This will convert phone number link into WhatsApp chat link.

    Just wondering where will I get this clickable link ??

    Reply
  32. Xaviere says

    January 26, 2021 at 9:18 PM

    Hi walter, terima kasih untuk plugin yang sangat bagus! Aku mengalami kesulitan untuk bisa mengambil beberapa nilai single product (variabel product) pada woocommerce yang kemudian akan ditampilkan pada pesan WA. Seperti:
    Qty dan atribut. Can we do that?

    Thanks in advance!

    Reply
  33. majo says

    February 6, 2021 at 8:40 PM

    Hi, can you help with options shortcode? For example sku in whatsapp.

    Reply
  34. patrick says

    February 19, 2021 at 10:27 PM

    Thanks am indeed grateful for this plugin. Don’t know ho best to say thank you, but may your good work ever be remembered. But pls can i use this in a multivendor website.

    Reply
    • Walter Pinem says

      February 19, 2021 at 10:59 PM

      Thanks.

      You will need an add-on to integrate it with a multivendor site, depending on which plugin you’re using.
      Currently there are 3 multivendor add-ons available:
      1. For WCFM Marketplace: https://onlinestorekit.com/oneclick-wcfm-connector/
      2. For Dokan: https://onlinestorekit.com/oneclick-dokan-connector/
      3. For WC Vendors: https://onlinestorekit.com/kit/oneclick-wcvendors-connector/

      Hope that answers.

      Thank you.

      Reply
  35. Peter says

    April 28, 2021 at 2:14 PM

    Hi Walter Pinem,

    Thanks for creating this awesome plugin ! Really appreciate it.

    I have one question regarding displaying additional Checkout Field’s data on the Whatsapp Message.
    For your information, I’m have added a few additional Checkout fields using “Checkout Field Editor” by Themehigh and I would like to display these additional field’s data on the whatsapp message.

    May I know how should I set it?

    Thank you.

    Regards,

    Reply
  36. tony says

    May 1, 2021 at 11:33 PM

    Hi! Congratulations for this plugin, it is the best I have ever met.

    I have a question, can I add the category of the products in the whatsapp message?

    My website promotes products from other stores and I want the user to send the whatsapp with his order but tell me which store is.

    I hope you can help me.

    Thanks

    Reply
  37. Gastón says

    October 27, 2021 at 4:34 AM

    Hi! I’m trying to add the button on a single product page created with Elementor Pro, but if I use the shortcode when I click on the button don’t get the information about the product on the message, how can I resolve this?

    Thank you!

    Reply
  38. Robert F. says

    February 13, 2022 at 5:24 AM

    I need to use one number whatsapp for one product, but fail, only one number for all products.

    Reply
  39. Peter says

    July 12, 2022 at 12:15 PM

    Hi Walter Pinem,

    Thank you for such wonderful plugin !

    For your information, I have added a few extra fields on the Checkout Out page using Webtoffee Checkout field editor. May I know how can I include these field’s text inside the Whatsapp message?

    Thank you

    Regards,
    Peter

    Reply
Indonesian Banks, My Very First WordPress Plugin
Introducing WP MyLinks: A WordPress Alternative to Linktree to Create Unlimited Micro Landing Pages

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2023 - Coded with ❤ and by Walter Pinem. Powered by Genesis.