Como poner el botón de WhatsApp en Página web || Con disponibilidad de horario de atención
HTML-код
- Опубликовано: 8 фев 2025
- Este video te voy a mostrar como poner el botón de WhatsApp en Página web.
Te enseñaré como insertar el botón chat soporte de WhatsApp muy profesional en un sitio web, y lo mas importante es que tiene la funcionalidad según la disponibilidad de horario de atención. Entonces es un botón de WhatsApp muy profesional.
Si quieres descargar el archivo, solo te pido que dejes un buen Like y Suscribiéndote al Canal.
github.com/jus...
Tags: como poner el boton de whatsapp en mi pagina web, como poner un boton de whatsapp en html, boton de whatsapp en pagina web, colocar boton de whatsapp en pagina web, poner boton de whatsapp en pagina web, agregar boton de whatsapp en pagina web
Gracias por compartir , y para agregar mas de 1 operador de soporte? y al lado el nombre de cada uno ?
¡Muchas gracias! Ahora solo me falta poder moverlo un poco más a la izquierda, pues se posiciona sobre un botón de scroll que ya tenía, pero de todo lo demás funciona de maravilla. Si alguien sabe como puedo moverlo un poco más a la izquierda, se los agradeceré muchísimo.
Que buena explicación y gran aporte .
un capo la verdad,se agradece tu ayuda. tenes un suscriptor nuevo.
Como estas? muy bueno el plug in, te ganaste un suscriptor. Podras hacer un video explicando de como adaptarlo para que se vea a la izquierda en vez de la derecha? pude colocar el logo de whatsapp a la izquierda pero con el popup no estaría pudiendo. Estaría genial que se pudiera adaptar a la izquierda del sitio porque tuve que mover el boton de ir arriba que lo tenía a la derecha de mi sitio y lo movi a la izquierda porque no pude adaptar el plug in al lado izquierdo. Saludos!
Cambiale en la primera clase de la estructura de html donde dice right por left, saludos!!
@@juscoder Genial, lo unico que queda mal es el cartel de "Contactanos" estaría bueno que quede a la derecha así el botón puede quedar bien pegado a la izquieda. Muy buen plugin !
Gracias Genio me sirvió espectacular 💪💪💪
buenas ,muy bueno e tutorial, a mi me gustaría saber donde esta la opción de cambiar la foto del perfil del botón de WhatsApp o esa imagen cambia sola, gracias ante todo.
MUCHSIMAS GRACIAS ME SIRVIO MUCHO
wouuuuuuuuuuu buen tutorial ... mucha sgracias man!!
Excelente, saludos!!!
me sirvió, gracias...pero, ¿existe la manera de moverlo un poco hacia arriba? 👀
excelente codigo amigo una consulta hay manera de que pueda abrir en automatico
crack sos un capo. Nuevo suscriptor!
Hola como puedo hacer para que se lance automaticamente despues de 4 segundos de cargada la página?
y para la version responsive, que se adapte al ancho de pantalla de un smarphone. cuando tiene estilos el icono agrega como una columna a la derecha y sale solo en la derecha... que podria hacer
Si tienes la base de CSS puedes hacer modificaciones inspeccionando el codigo.
@@juscoder muchas gracias ya lo solucione
puedo utilizar su codigo para mi pagina web
Hola que tal, ya hace un tiempo había usado este tutorial para agregar el boton a mi pagina pero hoy de dejo de mostrar los iconos como el de whatsapp y el "send" porque puede ser? en su defecto aparece un cuadradito
Puede ser porque se movieron las rutas de los enlaces de css.
Chale me sale un error: Refused to apply style from because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. tanto para los archivos css y js, revise los links y estan bien
La primera vez que vea este error
Lo estoy realizando en un proyecto en angular 13
Hola buen día, tengo una duda
Al momento de colocar un número para que se envíe el mensaje. Y escribo el mensaje me sale un error, que dice :
"El número de teléfono compartido a través de la dirección URL es inválido "
Ya me asegure de que esté bien, pero sigue saliendo el mensaje como puedo solucionarlo
Y muchas gracias por el video me va ayudar mucho :D
Solucionado !!!
Había colocado solo los 10 dígitos,
la solución fue agregarle el: +52 1 y los 10 dígitos
@@hylianv1447 Perfecto bien bien.
Hola compre una plantilla en theme forest, esta ya trae jquery y al no agregargo, como se explico en el video, no me muestra el boton
Revisa que la version de jquery sea lo mismo que el button. si es diferente entonces agregalé el jquery del button.
@@juscoder me pasa lo mismo, como veo la version de jquery?
hola que tal!! ¿cómo le hago para que sea 24horas? osea que funcione como 24 horas ojalá puedas respomder
En hmtl solo tienes que eliminar la linea de codigo donde dice data-availability y listo.
amigo, ,al ponerle la parte de Jqueru 1.8 se elimina mi imagen de fondo, que puede ser?
Puede ser que tengas otras versiones de JQuery y aga conflictos, revisalo en tu página.
Ponemos nuestro numero pero no redirecciona al numero, que sucede? Nos podrías apoyar, saludos desde México!
Bro tienes un correo? necesito una consulñta urgente
Hola, seguí todos los pasos pero no se puede observar mi foto de perfil en el ícono de whatsapp
Verifica la ruta de la imagen en donde esta almacenado y luego dirceccionas esa ruta.
Lo puedo insertar en
wordpress?
Si tines conociemiento basico de HTML y JS si lo puedes, de lo contrario se te va a dificultar acerlo.
@@juscoder si tengo conocimiento de ello, pero apenas se muy poco de todas los funciones de wordpress
Stmm.. No me sirvio! Pongo mis horarios disponibles y sigo ausente por chat..