Portada » Entradas » Insertar botón WhatsApp en Webnode sin plugins

Insertar botón WhatsApp en Webnode sin plugins

Insertar boton whatsapp en webnode sin plugins

Botón whatsapp en webnode sin plugins

Insertar botón de WhatsApp en Webnode sin plugins gratis. Colocando código CSS y HTML en el footer de cada página de tu sitio web free.

Pasos a seguir para insertar el código HTML

Insertar este código HTML en el footer de cada página por separado. Coloca bien las rutas url de los contenedores de las imágenes. Verifica que el enlace cargue la imagen en una ventana nueva de tu navegador. Si deseas puedes descargar los botones SVG del ejemplo desde aquí: Descargar botones

<div class="btn-facebook"><a href="https://m.me/id-facebook" rel="nofollow" target="_blank"><img src="url contenedor de imagen svg en webnode" alt="Messenger Facebook"></a></div>
<div class="btn-whatsapp"><a href="https://wa.me/519XXXXXXXX?text=solicito%20una%20cotizacion" rel="nofollow" target="_blank"><img src="url contenedor de imagen svg en webnode" alt="Chat WhatsApp"></a></div>

Luego de insertar los enlaces contenedores de las imágenes que acabas de subir en la plataforma Webnode. Ahora tienes que colocar el código de estilos en la cabecera o head de cada página; que tenga en su sitio webnode free.

<style type="text/css">
 .btn-facebook {display:block; width:60px; height:60px; position: fixed; right:0px; bottom:60px; border-radius:50%; line-height:60px; text-align:center; z-index:9998;}
 .btn-whatsapp {display:block; width:60px; height:0px; position: fixed; right:0px; bottom:60px; border-radius:50%; line-height:60px; text-align:center; z-index:9999;}
</style>

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *