- Awards
- 38
Hola a todos,
Aquí veremos como añadir el widget Whatsapp para que se conecte directamente a su numero de teléfono o a un grupo.
Iremos en footer.php o index.html en función de la pagina que utilizan y añadiremos abajo antes del </footer> el siguiente código:
Para modificar la posición del widget ( se encontrara a la izquierda ), basta en cambiar en <style> la parte donde dice " left:40px " para "right:40px" para que se ubique a la derecha, también se puede ubicar arriba cambiando el bottom por top.
Para modificar el numero de teléfono y el texto , cambiaran el "phone=7310747066" para su numero de teléfono y el texto "&text=Hola%20information.%20" para el texto que deseáis, si queréis escribir una frase entera, deberéis de tomar en cuenta que cada espacio se representa por un %20 porcentaje20:
Aquí veremos como añadir el widget Whatsapp para que se conecte directamente a su numero de teléfono o a un grupo.
Iremos en footer.php o index.html en función de la pagina que utilizan y añadiremos abajo antes del </footer> el siguiente código:
Código:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?
phone=7310747066
&text=Hola%20information.%20"
class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<!-- CSS -->
<style>
.float{
position:fixed;
width:60px;
height:60px;
bottom:20px;
left:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
</style>
Para modificar la posición del widget ( se encontrara a la izquierda ), basta en cambiar en <style> la parte donde dice " left:40px " para "right:40px" para que se ubique a la derecha, también se puede ubicar arriba cambiando el bottom por top.
Para modificar el numero de teléfono y el texto , cambiaran el "phone=7310747066" para su numero de teléfono y el texto "&text=Hola%20information.%20" para el texto que deseáis, si queréis escribir una frase entera, deberéis de tomar en cuenta que cada espacio se representa por un %20 porcentaje20:
Código:
Hola%20,%20para%20unirse%20al%20grupo%20whatsapp%20gracias%20de%20mandar%20un%20texto.%20