If you use Google Sites to create your website you can add a WhatsApp button to your site.
💡Read the comment from Google Support about our tool – how to add Whatsapp to your Google Site.
In a few easy steps you can add WhatsApp to your Google Site;
- Create your WhatsApp link with our free tool
- Insert your WhatsApp link in the code that we give you
- Add the code to your web page
Google sites widgets
You can use our WhatsApp button to add WhatsApp to your google site. In this article we explain step by step how to create your button and how to link to WhatsApp.
1- Create Your WhatsApp Link
To add WhatsApp to your Google Site, you should start with creating your WhatsApp link. It’s pretty fast, introduce your phone number at this tool: WhatsApp Link Creator. Don’t forget to add your country code to your phone number, otherwise the link wouldn’t work!
2- Insert Your WhatsApp Link in the Given Code
Here we share with you the code that you will use to add WhatsApp to your Google Site:
<a href="HERE YOUR LINK" 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;">HERE YOUR TEXT BUTTON</a>
>Instead of “HERE YOUR LINK”, you should insert your WhatsApp link created in step 1.
>”HERE YOUR TEXT BUTTON” is where you should write the text that you want to appear on your WhatsApp button.
>Once you complete the code, copy it.
Google Sites WhatsApp Button with divs
For better control and design you can use this version with Divs:
<div style="float: left; width: 50%; display: table; clear: both; position: absolute; top: 1px; left: 1px;"> <p><a style="font-family: sans-serif; text-decoration: none; margin: 1em auto; color: #fff; font-size: 0.5em; padding: 0.5em 1em 0.5em 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;" href="https://chatwith.io/s/5ef6db4b99179">WhatsApp about AsiaShip consultancy</a></p> </div>
3- Add the Code to Your Google Sites Page
After creating your WhatsApp link and inserting it to the code we gave you, the last step is to add this code in your web and publish your button.
>Go to Google Sites and click on “Embed” under the ‘Insert’ menu
>Choose “Embed code”
>Paste your code created in step 2
Click on “Next” and it’s done! Now you have your WhatsApp button in your web page. Through this button the visitors of your page can start a direct WhatsApp conversation with you, with just a click!
Also you can check the statistics of your link whenever you want on your chatwith.io account.
If you want to learn more about WhatsApp link, button and widget, visit our Youtube channel > Youtube/ Click to Chat – Link to WhatsApp where we share detailed tutorials.
Google Sites using WhatsApp Widget
This website made with Google Sites is helping entrepreneurs to create their own business. They use our WhatsApp Widget to create a communication channel with their customers.
View this google site with WhatsApp link