Portada » Sitios web free
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>
webnode.pe – posicionando mi sitio web free

Webnode, posicionando mi sitio web free en Google, plataforma web gratis, fácil e intuitiva de editar, además te permite editar las cabeceras y los pie de página, para SEO y registrarlo como propiedad a Google search console.

En este video te mostraremos como insertar data estructurada, con las propiedades de schema.org para insertarlo en las cabeceras de cada pagina, con script JSON-LD.