Información Boton de whatsapp en elemntor?

[carlos gonz]

Como hacer un boton con opcion de whatsapp en Elementor

 

Información  PLUGINS TRADUCCIÓN DE IDIOMAS

T

Información  ¿Divi o elementor?

[Alexander]

hazlo, como un pop up. insertas el Icono de WA, y el link respectivo

 

[jask05]

Yo lo hice con PHP y te evitas todo el problema. Aquí te lo dejo:

Lo metes en el function.php de tu theme child

// Functions.php
// Whatsapp Button
add_action( 'wp_footer', 'awd_add_floating_info');
function awd_add_floating_info () {
?>
<div class="sticky-slider">
   <i class="fa-whatsapp fab button-icon-left fa-lg" aria-hidden="true"></i> <a href="https://wa.me/<telefono>?text=Hola!%20Quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20las%20citas%20y%20la%20disponibilidad.%20Gracias!" target="_blank">Pide tu cita</a>
</div>
<?php
}

Y este es el CSS que lo metes en tu style.css de tu theme hijo.

/* Whatsapp Button */

.sticky-slider {
  position: fixed;
  bottom: 1rem;
  border: none;
  border-radius: 30px;
  background-color: #25d366;
  color: #fff;
  z-index: 10000;
  box-shadow: 0 0 50px 0 rgba(0,0,0,.4);
  padding: 1rem 2rem;
  margin: 1rem 0;
  right: 1rem;
  font-size: 1rem;
  font-size: 18px;
  font-family: var(--body_typography-font-family);
}   

.sticky-slider > a, .sticky-slider > a:hover {
    color: #ffffff;   
}

.sticky-slider:hover{
    border-color: #ffffff;
  background: #8d3baa;
  background-image: linear-gradient(180deg,#8d3baa 0%,#9863ab 100%)
}

 

[Alexander]

buena solucion, igual y recomiendo hacerlo con un pop up , para controlar en que momento aparece

 

[Xirdneh]

Muy buen aporte.

 

[jmello]

gracias por el aporte