WhatsApp chat HTML code
You can use this code to copy and paste the code in your HTML website. Just copy and paste and you will have a WhatsApp Button.
<a href="https://chatwith.io/s/5f33ce0c4aede" style="display: table; font-family: sans-serif; text-decoration: none; margin: 1em auto; color: #fff; font-size: 0.9em; padding: 1em 2em 1em 3.5em; border-radius: 2em; font-weight: bold; background: #25d366 url('https://tochat.be/click-to-chat-directory/css/whatsapp.svg') no-repeat 1.5em center; background-size: 1.6em;">Contacto con WhatsApp</a>
This code will create a button just like this one in your website:
Contact con WhatsApp
If you have a PHP or HTML website you may need to have “script” you can embed in your Code.
Join our WhatsApp PHP developers group
If you have questions, comments, need support or ideas, please join this WhatsApp Group for PHP Developers.
PHP WhatsApp Widget
We offer a solution for any PHP or HTML website that wants to have a WhatsApp widget for support and sales.
The look and feel of the widget can be customised and you can launch the widget using our API. This gives you the freedom to configure and setup the widgets for your clients as you really want.
You can add unlimited agents, languages, timetables and forms to your WhatsApp Widget.
Embed WhatsApp chat in website
If this is what you need you can use this tool to generate the WhatsApp Widget that you can embed in your site. We understand sometimes you develop your own website and you need to have a WhatsApp Chat Box to engage with your users.
This is another name for WhatsApp Link. Hyperlink is the “old name” we use to use for link. This is a more technical name for links or link. You can use it if you want to look older in a meeting with your client. “We will create an Hyperlink for your WhatsApp account to reach more customers.”
If you want to add your link to WhatsApp your code in HTML should start with A HREF
This is the basic line to create a link to WhatsApp. You need to type <a href=” YOUT LINK to WHATASAPP goes here> THE TEXT FOR YOUR LINK </A>
To create your link to WhatsApp you can use our service. The link to your WhatsApp will look like https://chatwith.io/s/5f687a450cf8a
Every click in your link to WhatsApp will have stats in your control panel.
WhatsApp script for website
The script we give and you can test in your website is like this one. You can copy and paste this code in your website and test it. We do not lock the script to a certain domain. You can use the same script in different domains if you want to. It is not the best use but it is possible. We think it is better to have one widget per domain that way you can apply changes in your agents, designs without affecting different websites. You can use specific widgets for specific languages in your website.
<script defer data-key="6fd735c9-1763-4c1b-b3c5-70771efb5e42" src="https://widget.tochat.be/bundle.js"></script>
How to generate a code for WhatsApp?
- Go to the site and create an account.
- Personalice your Widget. Define the look and feel, agents, URL, etc…
- Publish your script and you are ready to go.
Widget WhatsApp HTML
The same may happens here. If you have a HTML website and you need a free WhatsApp Widget you can use this script.
In this youtube video you can see step by step how to add your WhatsApp Widget to your website.
WhatsApp web in iframe
Using an Iframe is not the best option to add your WhatsApp widget. It is better to use a simple link to WhatsApp + a button with CSS. Iframes are not accesible and sometimes you can face issues with opening a new window to launch WhatsApp in the desktop version.
Create a better version of you WhatsApp widget, using our script.