Botón de WhatsApp para páginas con Google

Botón de WhatsApp Google Sites

Comentario de un usuario:

buen tutorial bro, pero estoy buscando como hacer un botón flotante de WhatsApp pero en GOOGLE SITES porque estoy haciendo mi pagina web en esa plataforma y hay una opción que dice INCORPORAR y dentro de esa ventana hay una pestaña que dice INCORPORAR CODIGO donde ahí se introduce los códigos HTML, me gustaría que hicieras un video porque no he encontrado en ningún lado, ya me suscribí y te di like saludos desde Perú

La opción de tener un botón flotante en Google Sites NO EXISTE. Google Sites limita mucho lo que podemos meter en la web y no permite disponer de un botón flotante.

Existen otras opciones para crear tu web de forma sencilla como en Google Sites, pero con Google NO podrás disponer de un botón flotante.

Si usas Google Sites para crear tu página web puedes añadir botones para que tus clientes te puedan contactar con WhatsApp.

En este link puedes ver un comentario sobre este tema en los foros de Google Sites. – cómo añadir WhatsApp widget a Google Sites.

Crea tu botón para WhatsApp en Google Sites

<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>

Botón para Google Sites usando WhatsApp con divs

Para un mejor control y diseño, puedes usar este botón con 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>