Тёмный

How to Add WhatsApp Chat Widget to HTML (2021) 

Elfsight
Подписаться 9 тыс.
Просмотров 74 тыс.
50% 1

Add HTML WhatsApp Live Chat to site in only 2 minutes -
elfsight.com/whatsapp-chat-wi...
Give the audience the chance to rich you out on WhatsApp right from the website. Enhance the quality of customer service, increase the number of leads, improve sales.
Benefits:
• Editable bubble text.
• Editable a chat name.
• Flexible Chat header with caption, and page picture name.
• Selection of Five Reply time variants in the chat window.
• A wide collection of bubble icons for you to select from.
How to Embed WhatsApp Chat on an HTML website?
Video timeline
0:00 Create widget
0:58 Register on Elfsight Apps
1:29 Add widget to HTML
1:39 Check HTML widget
In order to implement the plugin, view the actions from the brief guide below:
1. Pick up the template and customize the widget;
2. Copy an installation code from the popup;
3. Insert the code on the website.
Click the link below in order to find out how to embed HTML WhatsApp Messenger plugin -
elfsight.com/whatsapp-chat-wi...
Best WhatsApp Live Chat integration examples:
Example 1: General - the most common WhatsApp chat bubble for a web page in distinguished colors of the platform.
Example 2: Support - photo of the customer support manager is in the header, as well as dots animation which depicts that the manager is typing a message.
Example 3: Sale - this template is excellent to tell website users about the upcoming deal on behalf of your sales manager.
Here is how easy it is to integrate WhatsApp Messenger plugin to HTML! If you want to learn more about widget templates, elements, and settings, you can write to our skilled Support experts. We’ll eagerly help you!

Опубликовано:

 

21 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 45   
@Elfsight
@Elfsight 5 лет назад
We hope this video will help you embed Whatsapp Chat widget in your HTML website. If you still have questions left, ask away in the comments, and we'll be happy to answer!
@ameritoproofingcontractors9590
@ameritoproofingcontractors9590 3 года назад
You said "put code in designated area" on code page. Where exactly does it go? In the header or footer??
@Elfsight
@Elfsight 3 года назад
​@@ameritoproofingcontractors9590 Hi! Our apologies for the long wait! It means you can put the code wherever you need the widget on your website. It can be a header, a footer or any place of the content area. If you need assistance with the widget installation, please contact our Support Team - they'll be happy to help you! They'll install the widget for you for free.
@ameritoproofingcontractors9590
@ameritoproofingcontractors9590 3 года назад
@@Elfsight Cool thank you. I actually already figured it out but it was because of this video so you still did a great job by me. Thank you.
@Elfsight
@Elfsight 3 года назад
@@ameritoproofingcontractors9590 We're really happy that our video helped you out! 😊
@mhdsman5433
@mhdsman5433 4 года назад
Thanks for the video.
@mostafaalizadeh7295
@mostafaalizadeh7295 4 года назад
very nice
@zaldygonzales08
@zaldygonzales08 4 года назад
Hi! So it's basically just a button in your website but you don't actually do the chatting within your website?
@Elfsight
@Elfsight 4 года назад
Hi Zaldy Gonzales, Thanks for your question! You see, our widget is basically an interface that connects your website to WhatsApp and the the chat takes place on WhatsApp side. In case of any other questions, please contact our Support Center. We'll be happy to help you!
@roodbalylorde3733
@roodbalylorde3733 3 года назад
how can i edit it for mobile version ?? When the widget is on the mobile website it puch the margin right away
@Elfsight
@Elfsight 3 года назад
Hi! Sorry for the delay in response! Our widgets are fully-responsive - they work on any device, including mobiles. So, there might be a conflict on your side - please contact our Support Team. They'll be happy to fix everything for you!
@mahajnadania473
@mahajnadania473 4 года назад
i dont have the start chat button can i have an explantion why?
@Elfsight
@Elfsight 4 года назад
Hi Mahajna, We're terribly sorry that you have any issues with our widget. Fortunately, you can always contact our Support Team and count on their prompt response and high-qualified help.
@midlifeparty
@midlifeparty Год назад
Behaves like it's on desktop when viewing the mobile version of the site. The chat button won't float. It's only visible if you zoom out and look in bottom right. 😕
@Elfsight
@Elfsight Год назад
hi, we're so sorry about it! please contact our Support Team and provide a link to the page with the widget in question - they will be delighted to help 🙂
@yashwanthv2502
@yashwanthv2502 4 года назад
i am getting "No messengers are connected .Connect a messenger to enable chat button " .how to solve this problem
@Elfsight
@Elfsight 4 года назад
Hi, We’re really sorry you have problems with the widget. Please make sure you have connected the widget with your WhatsApp number. To do it: 1) Go to the Content tab; 2) Insert your phone number into the WhatsApp phone number field. 3) Please check if the phone code is right. Save the changes! If the difficulties still come up, you can always contact our Support Center. We’ll be happy to help you!
@zajaweb3543
@zajaweb3543 4 года назад
whats the difference between the free and paid plans?
@Elfsight
@Elfsight 4 года назад
Hello, Zaja Web Using the free plan, you'll absolutely have all functions of the widget, but there's a limit for views and Elfsight logo. You're welcome to use the free plan as longer as you need. If happens there won't enough views for you, feel free to subscribe on any paid plans. In any case of help required, Elfsight Team will be happy to answer your questions.
@dusabimanaeric3494
@dusabimanaeric3494 3 года назад
hey!, how to remove Free Whatsapp Chat widget button with red close that located under start chat button, bcz when you click on close red it redirect you to widget page instead of remove it
@Elfsight
@Elfsight 3 года назад
Hello! We are very sorry that you have a problem. This is probably because your widget is deactivated and requires an upgrade. Please contact our Support Team - we will be glad to help you with this issue!
@geethanshr
@geethanshr 3 года назад
Does it have a view limit for free version??
@Elfsight
@Elfsight 3 года назад
Hi! You're quite right free Lite plan for WhatsApp widget has a views limit (200 / each month). You can use the free plan as long as you need - there are no time restrictions. If the views amount isn’t enough for you - you can upgrade it to any of the paid plans (start from $5 per month). In case of any other questions, please feel free to contact our Support Team. We’ll be glad to help you!
@technologyrss
@technologyrss 2 года назад
is possible direct live chat without open new window like as facebook live chat, ?
@Elfsight
@Elfsight 2 года назад
unfortunately, at the moment we don't support this functionality, our apologies! But we have this feature request in our wishlist, so you're most welcome to vote for it to get notified about its status changes - wishlist.elfsight.com/ideas/WC-I-6
@superheroes1753
@superheroes1753 4 года назад
I MOBILE HAVING PROBLEM PURCHASE CODE I HAVE COPY CODE HOW I DE CODE IT
@Elfsight
@Elfsight 4 года назад
Hi! Our apologies for the long wait! We’re very sorry to know that you are facing some issues with our widget and we'll be happy to help. Please contact our Support Team here - support@elfsight.com
@tod670
@tod670 3 года назад
Im trying to add it to my react app and it doesn't show.. how can I do it?
@Elfsight
@Elfsight 3 года назад
Hi! We're sorry you have some difficulties with our widget. Please contact our Support Team - they'll be happy to help you with the use-case.
@subinsubin2436
@subinsubin2436 4 года назад
Is there a need to install whatsapp whoever wants to chat with me in my website?
@Elfsight
@Elfsight 4 года назад
Hi Subin, The WhatsApp widget is basically an interface that connects your website to WhatsApp. The chat takes place on WhatsApp side, so you're right - your users need to have WhatsApp messenger. If you'd like to provide your audience with more ways of communication, you can try our All-in-One Chat widget - elfsight.com/all-in-one-chat-widget/. If any other questions come up, don't hesitate to contact us!
@kavishagarg234
@kavishagarg234 3 года назад
Hi.! Can I add multiple of these widgets to my website?
@Elfsight
@Elfsight 3 года назад
Hi! You can do it with any paid plan. If you'd like to try a free lite plan - you'll be able to create only the one WhatsApp widget.
@VinuChacko999
@VinuChacko999 4 года назад
What about the privacy ?
@Elfsight
@Elfsight 4 года назад
Hello Vinu, Our apologies for the long wait! As for your question, you see, our widget is just an interface that connects your website to WhatsApp and the chat takes place on WhatsApp side. So, you can be sure about the privacy of your conversations. We don't have access to them. If you need to know a bit more about how the Elfsight WhatsApp widget works, don't hesitate to contact our Support Center, they will be glad to help you!
@ms13bravo3
@ms13bravo3 4 года назад
please tell me what is the advantage of unlimited subscription
@Elfsight
@Elfsight 4 года назад
Hi Vishnu Das , Our apologies for the long wait! Could you specify your question - do you mean the paid plans for WhatsApp Chat widget or “All-in One Pack” subscription? You can always contact our Support Team and they will find the optimum variant exactly for your use-case. The assistance is absolutely free. By the way, don’t forget about our 20% welcome coupon for any paid subscriptions, including an all-in-one pack with 70+ widgets, including WhatsApp Chat.
@coolguyshun
@coolguyshun 4 года назад
does this absolutely free ?
@Elfsight
@Elfsight 4 года назад
Hello, the service is freemium, which means that we have both free and paid subscription plans. The free plan doesn’t limit the widgets’ functionality in any way and you’re welcome to use it for as long as it’s convenient for you. Paid plans start with $5 a month.
@user-ui5jv9bv6t
@user-ui5jv9bv6t 3 года назад
انا لم افهم هذا البرنامج ماهوى
@Elfsight
@Elfsight 3 года назад
Hi! It's a customizable WhatsApp Chat widget for the website. Via it, you can easily be reached by your customers or website visitors. If you have any other questions, please contact our Support Team - we'll be delighted to help you! 😊 مرحبا! إنها أداة دردشة WhatsApp قابلة للتخصيص لموقع الويب. من خلاله ، يمكنك الوصول بسهولة من قبل العملاء أو زوار الموقع. إذا كانت لديك أي أسئلة أخرى ، فيرجى الاتصال بفريق الدعم لدينا - يسعدنا مساعدتك! 😊
@hugobiller4826
@hugobiller4826 3 года назад
its paid!!!!!!!!!!!!!!!
@Elfsight
@Elfsight 3 года назад
hi Hugo, We do provide free Lite plan which is free and not restricted either in functionality or in time. You're welcome to stick to this plan in case you're good with the views limit.
Далее
How to Add WhatsApp Chat to WordPress Website
8:01
Просмотров 431 тыс.
How to Add Widget to Elementor (free & easy)
2:29
Просмотров 21 тыс.
Top 20 CSS & Javascript Effects | March 2020
4:42
Просмотров 1,3 млн
How to Use Whatsapp - 2024 Beginner's Guide
10:21
Просмотров 100 тыс.
HTML WhatsApp Button 🤓 Works everywhere
5:55
Просмотров 12 тыс.
30 Web Design Tips in 11 Minutes
11:16
Просмотров 94 тыс.
How to Make a Website in 10 mins - Simple & Easy
12:22
How to Add Whatsapp Chat to HTML Website (Easy 2024)
3:14