Avisos
Vaciar todo

Boton de contacto de whatsapp  

 
CARLOS
 CARLOS
Nuevo usuario

Buenas noches. Segui este tutorial [ https://codigoswp.com/boton-contacto-whatsapp/] para poner un boton en la parte inferior derecha de la pagina de efodesigner.com

La parte de php lo puse usando el plugin CodeSnippet y el CSS lo puse en Apariencia>Personalizar

Funciona bien, solo que en la parte inferior de la web me sale parte del codigo visible:
add_action('wp_footer', 'whatsapp_icon'); function whatsapp_icon() {})
¿que hice mal o donde podria pegar el PHP.?

Saludos cordiales

Contenido solo visible a usuarios registrados

Citar
Respondido : 22/11/2024 3:12 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

No veo ningun codigo, se muestra bien, no se si llegaste a solucionarlo.

screenshot efodesigners com 2024 11 22 10 01 29

 

Vale ya lo vi, vamos a revisarlo y te contestamos en esta misma consulta,

 

Un saludo

Esta publicación ha sido modificada el hace 4 semanas por Pepe
ResponderCitar
Respondido : 22/11/2024 9:04 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

.- Elimina el código anterior

.- Accede a Fragmentos de código -> Añadir nuevo

.- Pulsa en el botón " Añadir nuevo fragmento de "

Captura de Pantalla 2024 11 22 a las 10.28.48

 .- Selecciona la opción de PHP:

Captura de Pantalla 2024 11 22 a las 10.31.10

.- Añade un título y el siguiente código:

add_action('wp_footer', function() {
?>
<a href="https://wa.me/34612345678" target="_blank" class="whatsapp-button">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" style="width: 40px; height: 40px;">
</a>
<style>
.whatsapp-button {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
background-color: #25d366;
border-radius: 50%;
padding: 10px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.whatsapp-button img {
display: block;
}
</style>
<?php
});

 

Del código tienes que modificar " 34612345678 " por tu numero de telefono

screenshot mary52 webempresa eu 2024 11 22 10 35 02

 

Lo activas, guardas los cambios y lo revisas.

 

Un saludo

 

ResponderCitar
Respondido : 22/11/2024 9:36 am
CARLOS
 CARLOS
Nuevo usuario

@pepesoler Te envio un link donde pongo imagenes del problema

https://efodesigners.com/elementor-1598/

ResponderCitar
Respondido : 22/11/2024 6:01 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Vemos que se sigue agregando al footer, prueba ingresar al plugin que tiene de código y hacer clic aquí:

image

Una vez allí borra el código que tengas en el footer:

image

Luego ve al menu para agregar uno nuevo (no vas a agregarlo alli en el footer) y agrega este:

add_action('wp_footer', 'whatsapp_icon');
function whatsapp_icon() {
?>
<a href="https://wa.me/18178768112" target="_blank" rel="noopener noreferrer" class="whatsapp-icon" style="position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; align-items: center; text-decoration: none; background: #25D366; color: white; padding: 10px 15px; border-radius: 50px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-size: 14px;">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="Icono de WhatsApp" style="width: 20px; height: 20px; margin-right: 10px;"></a>
<?php
}

Lo agregas como te indico Pepe, pero te refresco un poco los pasos, haces clic en el botón de + add snippet, y luego en código PHP:

image

Seguido de la opcion de PHP:

image

Verifica y nos comentas, un saludo 🖐️ 

ResponderCitar
Respondido : 22/11/2024 7:32 pm
CARLOS
 CARLOS
Nuevo usuario

Ya lo hice, no me sale nada 🙁

ResponderCitar
Respondido : 22/11/2024 9:48 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Has activado el código? Tienes que tener un botón como este:

image

Tienes que activarlo para que se vea. Verifica y nos comentas.

Un saludo 🖐️ 

ResponderCitar
Respondido : 22/11/2024 11:51 pm