🔥 ¡NUEVO TUTORIAL PREMIUM! 🔥 Cómo agregar un chat flotante de WhatsApp Multi Agente en divi sin plugins: ovdivi.com/como-agregar-un-chat-flotante-de-whatsapp-multi-agente-en-divi-sin-plugins/
Que difícil es encontrar en estos tiempos contenido tan bueno y tan simple de entender. Muchas felicidades por tu trabajo y tus aportes. Tus tutoriales son increíbles y fáciles de digerir. Sigue así. ¡Saludos de un Marketer!
definitivamente eres el mejor latino que trabaja con DIVI, he intentado acceder a tu membresía pero no tenga tarjeta de crédito y no encuentro otra opción, saludos desde Colombia
Excelente , queria que saliera solo un un pagina , puse todo los codigos en un modulo de " codigo" alfinal de la pagina y me resultoooo !! ahora a configurarlo ! gracias por tus videos!
Súper bien, actualmente uso un plugin para eso pero siempre es mejor evitar plugins inecesarios y como actualmente solo tenemos un número de WhatsApp lo reemplazaré 👏
Hola, Oscar Felicidades por tu canal, es muy bueno. Nada más por juguetear, exploré esta opción para el botón de WhatsApp y me parece fantástico. No funcionaba en móvil, pero supongo que era por algún problema de caché, porque después de un rato ya funcionó y va genial. Saludos
Muchas gracias por tus explicaciones, son muy directas y fáciles de entender para una persona como yo que soy profano en la materia. Te quería comentar como se puede hacer visible esto mismo en el móvil. Un saludo.
Muchas gracias por tu comentario. Sobre tu pregunta este botón flotante también debe ser visible en móvil, por defecto es así. ¿Estás teniendo algún problema?
Muchas gracias, es Genial. No podía hacerlo funcionar y era la manito del saludo predeterminado, por que yo desabilité los emoticones en mi sitio. La borré y listo! Saludos!
Bien con el aporte, solo que hay algunos detalles que me di cuenta para aquellos que tienen una pagina creado desde cero sin depender de ningún Sistema de Gestión de Contenido, el detalle que me di cuenta es cuando abres la ventana del chat ingresas los datos en campo le das clic enviar y te enlaza al WhatsApp web y te vas a la pagina ahí todavía tenemos los datos y la ventana abierta no hace la limpia el campo solo hay que refrescar la pagina y solamente así, pero eso para el usuario no es viable, yo arregle ese detalle desde la librería de Jquery donde están ahí los métodos y que quieras modificar.
Hola Angel, entiendo amigo. Yo lo hice pensando en wordpress y divi pero implementandolo en un sitio de cero no lo había probado, por lo tanto, desconocia el problema. Pero gracias por la sugerencia Angel. Un abrazo.
Hola Carola, el peso es muy mínimo. Aunque cada sitio es diferente, lo importante es hacer pruebas con el icono o sin el icono para ver que rendimiento tiene tu web. Pero no tiene que afectar mucho.
sigo todos los pasos pero no me aparece en mi web , no se que estoy haciendo mal :( LISTO!!! funciono faltaba desactivar en perfomance la opcion para que no lo bloquee , lo lei en uno de los comentarios que diste esa respuesta! eres lo maximo muchas gracias!!
Hola, sí por supuesto. En lugar de pegar los códigos en las opciones del tema de divi, debes colocar los códigos en un módulo código dentro de la página.
Muchísimas gracias por este tutorial, una consulta, quité el código que tenia del pixel de facebook para colocar estos, si quisiera agregarlo luego se puede hacer abajo de este? Gracias
Hola Nayeli, muchas gracias. Si totalmente, puedes agregar el código abajo o arriba del que hemos colocado en este tutorial. No debes tener ningún problema. Saludos
que increible video, una duda amigo, es posible darle margenes osea que no este tan pegado a la esquina, poder subir un poco el boton para que no quede tan pegado al borde?
Hola Carlos, por supuesto. En Divi / Opciones del tema / CSS Personalizado pega este fragmento: .floating-wpp { bottom: 40px !important; right: 40px !important; } Puedes modificar el valor a tu gusto. Saludos
A mi me aparece el WhatsApp flotante sólo cuando estoy en modo editor, el WhatsApp flotante desaparece cuando salgo del modo editor, no se si haya una línea que tenga que modificar para que aparezca. Apenas salgo del constructor y desaparece el WhatsApp flotante, Saludos.
Hola, Me paso lo mismo , cuando instale un plugin de optimizar imágenes llamado "Smush", lo desactive y funciono perfectamente, utilizo otro , un saludo
@@Icuevasp saludos, gracias por el consejo. Tengo Smush también ¿sabes que otro plugin hace lo que Smush pero que sea compatible con el botón de Divi? Saludos.
@@OVDIVI saludos. Desactivé el Smush y puse uno que se llama reshmush.it, después de eliminar Smush y poner el nuevo pluggin, ya me aparece el icono flotante, pero sólo me aparece en escritorio de computadora. ¿El WhatsApp flotante que pusiste es para aparecer tanto en computadoras como en móviles o sólo para escritorios de computadoras? para saber si este nuevo reductor de imágenes me está evitando que aparezca en móvil el ícono flotante. Para saber si mejor instalo los pluggins que me dices "Imagify, ShortPixel" para que me aparezca en todos los dispositivos.
Hola Oscar, super util, mil gracias, una pregunta. si quisiera modificar el tamaño del icono solo en dispositivos moviles, como deberia editar el codigo? gracias
Hola Jorge, muchas gracias. Usa este código (el código debe ir en Divi > Opciones del tema / General / CSS Personalizado): @media only screen and (max-width: 768px) { .floating-wpp-button { width: 50px !important; height: 50px !important; } } Con ese código se mostrará el icono a un tamaño de 50px de ancho y alto en resoluciones de 768px hacía abajo. Puedes modificar esos valores. Saludos.
Hola Eduardo, la verdad desconozco ese tema :( pero seguro es posible con algún código que te de google tag manager o algo así. No soy experto en eso 😔
Hola Oscar una consulta puedo insertar el donde va la URL del logo la URL de una animación de lottiefiles de un botón de WhatsApp que tiene animación? Tengo la última actualización y no me aparece el botón creo que tengo que cambiar las configuraciones de divi.
Hola, muy interesante lo que deseas lograr pero no creo que sea posible, sería mejor tener la animación como gif, de esta manera solo colocas la url :)
Hola Oscae. Genial el video. Puedes hacer un tuto para agregar en la home de un sitio corporativo una seccion de las ultimas entradas pero que tenga una presentacion de las entradas bien llamativas. Quizás algo con aspecto de blig de noticias o semanario ...Gracias Oscar!!!!
Hola , muchas gracias por el video, una pregunta: ésto se podría hacer solamente para que aparezca el botón flotante de Whatsapp en una página de mi dominio y no en todas ?, es decir en una landing page del dominio y no en todas las páginas? porque esta configuiración toca el DIVI en general.
hola, para lo que quieres hacer te recomiendo que donde lo quieras implementar metas un modulo codigo al final de la pagina y hay insertar los scripts como dice oscar, asi solo saldria en esa pagina. Si pones el contenido como el lo desarrolla en el tutorial se mostraria en todas las páginas como te digo, en paginas individuales poner modulo codigo y ponerlo. Espero que tenga suerte, la verdad no es tan dificil. un saludo
@@5webcadiz hola! Ya lo intente de dos manera agregando un módulo de códigos: la primera en el contenido pegando todos los links, y la segunda en avanzado en CSS personalizado los dos primeros links en "antes" y los links 3 y 4 en "elemento principal" y en ninguno de los dos me funciona .Ayuda por fa!
Hola Gina, por supuesto que es posible. Lo único que tienes que hacer es habilitar el divi builder en la página dónde desees el icono y pegar los códigos en un módulo código hasta abajo de tu página :)
Hola Jorge, sería excelente pero por defecto no tenemos la opción, hay que hacerlo con código personalizado. Solo podemos darle un retraso a la ventanita del chat con la opción: autoOpenTimeout: 3000,
Hola buenas tardes un saludo desde Bogota Colombia, Sigo al pie sus tutoriales y todo hasta ahora bien, una pregunta como hago para que el Boton de whatsapp lo pueda dejar un poco mas arriba? gracias
Hola Oscar, me dispongo a ver tu nuevo tutorial. De los cursos premium llevo tres nada más y no sé con que me voy a encontrar pero deseando estoy ir avanzando. Te cuento esto porque hoy he terminado otro curso en otro sitio y me ha chiflado una cosa para poder poner por ejemplo en una sección de la cabecera de la página principal, pero ni idea de si sabría hacerlo bien, así que te emplazo, si te apetece o lo ves conveniente, a que cuando puedas o quieras, hicieras un tutorial. Se trataría de poder poner y como los "códigos de los efectos que hay en la página de CODEPEN en divi". Como lo harías tú. Perdón por poner esto aquí, igual no te gusta que lo haga, mis disculpas si es así, pero no sé, pienso que estaría bien como nuevo contenido a tus tutoriales premium o normales o como lo vieras tu claro está. Saludos Crack!!
Hola Vicente, sí podría considerar realizar un tutorial para integrar algunos ejemplos de codepen en divi, pero ten en cuenta que no todos los ejercicios de codepen se pueden integrar con divi, algunos serán muy difíciles por la forma y lenguajes que usan, otros serán más fáciles. Si tienes algún ejemplo de un ejercicio que te gustaría integrar compárteme la url y veo que se puede hacer :)
Saludos desde colombia nuevo suscriptor como Lo Pongo en dos paginas? Y redes sociales flotantes puedes hacer un vide..... Muchss gracias por compartir todo tu conocimiento que buen contenido
Gracias, saludos hasta Colombia. 🇨🇴 El icono debe aparecer en todas las páginas de tu sitio y para agregar redes sociales flotantes puedes usar el plugin Monarch de Elegant Themes :)
Hola muchas gracias !!!, una pregunta :que puedo hacer si solo quiero ésta función en una de mis landing pages?? para que no me aparezca en todas las páginas del mismo hosting o dominio?
@@OVDIVI muchas gracias por responder. En la configuración que explicas en el video se toca el head y body también del Divi. Cómo pondría los links todos juntos en el módulo código para que funcione?
muy buen tutorial, gracias por compartir tus conocimientos. Tengo una duda, no me aparece cuando navego desde el movil. Como puedo resolverlo. Gracias de antemano. Saludos
Excelente el contenido y la explicación Oscar, tengo un par de dudas ¿Se puede realizar con una cuenta de Telegram -TG-? ¿Se puede usar para multi-cuentas, ya sean de WA o de WA y TG? Gracias de antemano.
Muchas gracias Esteban, en cuanto a tus dudas: Se necesita otro método para integrar un chat con telegram, más adelante haré un tutorial para integrar telegram y whatsapp con multi-cuentas.
hola! felicidades!! me funciono excelente, muchas gracias, solo quisiera un timpo de espera, que el boton recien aparezca despues de 30 segundos, con que codigo css podria hacer eso por favor?. muchas gracias
Hola Mauricio, me alegra saber que te ha funcionado :) Para que el botón aparezca después de un tiempo predeterminado sigue estos pasos: 1. En divi > Personalizador de temas > CSS Adicional, pega este código: #WABoton { display: none; } 2. En dónde pegaste el código para inicializar la librería, abajo pegas este otro código: jQuery(document).ready(function( $ ) { setTimeout(function(){ $("#WABoton").show(); }, 30000); }); });
@@OVDIVI hola amigo, gracias por tu ayuda, te cuento que hice exactamente los mismos pasos, pero el boton de whatsapp nunca aparece, ni bajando el tiempo a 2000, habra algun error que no veo? puse el display en css adicional del personalizador del temas, y copie el script en un modulo de codigo en mi pagina, este es mi código que puse en mi modulo codigo de la pagina... jQuery(document).ready(function( $ ) { setTimeout(function(){ $("#WABoton").show(); }, 3000); }); }); jQuery(document).ready(function($){ $('#WABoton').floatingWhatsApp({ phone: '+59165070095', // Número WhatsApp Business popupMessage: 'Hola 👋 ¿Cómo podemos ayudarte?', // Mensaje pop up message: "Hola Wildhen...", // Mensaje por defecto showPopup: true, // Habilita el pop up headerTitle: 'WhatsApp Chat', // Título del header headerColor: '#093653', // Color del header buttonImage: '', // Icono WhatsApp size: '72px', // Tamaño del icono //backgroundColor: '#00000', // Color de fondo del botón position: "right", // Posición del icono avatar: 'www.w3schools.com/howto/img_avatar.png', // URL imagen avatar avatarName: 'Informaciones', // Nombre del avatar avatarRole: 'En Linea', // Rol del avatar //autoOpenTimeout: 3000, zIndex: '9999999', }); });
Hola muy bueno el video, una consulta como hacer para agregar ese botón flotante pero en ciertas paginas , no en todo el sitio, porque lo implemente y me aparece en todas las paginas y solo quiero q aparezca en algunas, gracias
Hola Marcelo qué tal, puedes hacerlo desde el generador de temas y se lo asignas a las páginas dónde quieras implementarlo. Los códigos irían en un módulo código y todo debe funcionar igual :)
Muy buenos videos, me han servido, gracias, en la version de escritorio me funciona tal cual el video pero en las versiones de telefono movil el icono no flota como en el video, se queda en la parte de abajo de la web, sabe a que se deba? gracias.
Hola Ana, por ahora no tengo un truco para realizar lo que deseas con el módulo formulario de divi. Pero puedes considerar otra opción como el plugin "Contact Form 7" para agregar un formulario con imágenes adjuntas.
@@OVDIVI Así lo hice, después de buscar y encontré lo del plugin que mencionas, pensé que conocías la manera, gracias por tu respuesta, feliz resto del día ;)
Hola Oscar, gran tutorial, siempre tus tutoriales son de gran valor... Una pregunta, ¿hay alguna forma que el pop-up se despliegue únicamente dándole click al icono y no que se despliegue al pasar el cursor por encima de este? La verdad considero que esto último se torna algo molesto, es decir, que el pop-up este saltando cuando accidentalmente es alcanzado por el movimiento del cursor y toca cerrarlo cada vez, sería mejor que el usuario le de un click y alli se despliegue. quedo atento a tu amable respuesta. Un fuerte abrazo
Hola Andrey, totalmente de acuerdo con lo que mencionas. Lamentablemente dependemos de la librería y la función que ellos han activado es que se muestre al pasar el cursor y no al hacer click :(
@@OVDIVI Muchas gracias por tu respuesta... Disculpa la insistencia en este tema pero ¿Habrá alguna manera de solicitarlo al desarrollador de la librería o depronto intentarlo con CSS o algún tipo de código? Nuevamente discúlpame la molestia...
Hola Luis, cada página de WordPress viene con una clase única, para saber el nombre de clase única debes hacer click derecho sobre la página > Inspeccionar > Te abre el inspector con el código HTML y en el body (hasta arriba) vienen los nombres de clases, por ejemplo: page-id-10 Lo que cambia por página será el número de ID, en este caso 10. Entonces para ocultar el chat en ciertas páginas usas el siguiente fragmento CSS: .page-id-10 #WABoton { display: none !important; }
Hola Christian por defecto no hay una opción amigo. Pero lo que puedes hacer es insertar el código HTML del botón en un módulo código en la parte de tu página que desees mostrarlo. Y luego en Divi > Personalizador de temas > CSS Adicional... pegar esto: #WABoton { position: relative !important; }
Hola OV DIVI... Excelente vídeo! ¿Es posible tener varios agentes?, donde se puede tener 2 o 3 asesores disponibles a elección de usuario para conversar. Agradezco tu atención y pronta respuesta.
Hola Nick, sí. Solamente inserta los códigos en un módulo código en cada página que desees el chat. Habilitas el constructor visual > En la parte inferior del sitio insertas el módulo código > Pegas los códigos y listo.
Que buen contenido lo intale en solo una barias paginas de mi sitio por medio de modulo de codigo de divi pero en una pagina se me oculta atras del texto o la imagen que deberia a hacer para que funcione ala perfeccion ya que es muy molesto para el cliente que se le deforme o se oculte espero tu respuesta Muchas Gracias🤜🤛💪
Debes jugar con el indice Z de las secciones, filas o módulos que estén por encima del icono. O también a la sección que contiene el icono subirle el indice z desde ajustes > Avanzado > Puesto... es cosa de probar Leandro.
Hola, amigo me parece genial el tutorial aunque tengo una duda, como podría colocar una imagen png pero que no tenga el borde. es que si o si hay un circulo que me limita a que el icono que hago tiene que ser circular. Espero haberme hecho entender. Mil gracias.
Muchas gracias Joan, lo que deseas no es nada complicado, solamente en el enlace debes colocar el número así: tel:+34000000000 Obviamente delante de tel: va el prefijo del país + el número.
@@OVDIVI Gracias me ayudaste muchísimo!!. Te recomendaría que tengas una cuenta para que te puedan hacer donaciones por los tutoriales (sería una forma más para generar ingresos).
@@joansoundes3910 Excelente Joan. En mi sitio de ovdivi.com hasta abajo (pie de página) tengo un enlace para donaciones :) jaja. Si quieres puedes revisar. Un abrazo.
Hola Oscar, gracias por tu contenido, excelente y bien explicado. Estoy empezando en esto de DIVI y hay algo que aun no entiendo. Hice una pagina desde cero tipo Blank page como hago para que este boton de wp aparesca en esa pagina especificamente. Porque hago loos pasos y no me sale el boton
Hola Yurby, cuando colocas tu página como "blank page" el header y footer se oculta, por lo tanto al introducir el botón de WA este no se mostrará. Lo que puedes hacer es insertar los códigos dentro de un módulo código en tu página a través del constructor visual de divi
hola, como creo mi propio repositorio en hithack, quiero subir mi propio svg como el icono que tienes de whastapp, mi servidor no me permite subir SVG a medios.
@ Hola Jose Antonio, revisa el tema de las comillas que ya he respondido en varias ocasiones en los comentarios. También asegúrate de tener la configuración de divi performance que he recomendado en más de una ocasión en los comentarios por fa. Si después de hacer esos cambios el problema persiste me avisas.
Muy buen video! Nuevo suscriptor acá. Probé el método, pero pasa que cuando agrego el código y pongo guardar, queda guardando y no se completa la tarea nunca.
Hola, podría ser por la versión de divi, o también puedes intentar colocar el código en un módulo código dentro de la página y no desde la pestaña integración de los ajustes de divi...
Hola Oscar, me ocurre que sólo con el constructor visual habilitado se puede ver, si salgo del constructor o abro la página en otro navegador no lo veo. Además muestra dos globos o íconos de AhatsApp. ¿Qué será?
Buenas tardes, muchas gracias tengo una pregunta, en mi wordprees tengo varias paginas y quiero colocar el botón de whatssap solo en una, como haría para que aparezca en solo una página en especifico?
🔥 ¡NUEVO TUTORIAL PREMIUM! 🔥
Cómo agregar un chat flotante de WhatsApp Multi Agente en divi sin plugins: ovdivi.com/como-agregar-un-chat-flotante-de-whatsapp-multi-agente-en-divi-sin-plugins/
Que difícil es encontrar en estos tiempos contenido tan bueno y tan simple de entender. Muchas felicidades por tu trabajo y tus aportes. Tus tutoriales son increíbles y fáciles de digerir. Sigue así. ¡Saludos de un Marketer!
Muchas gracias por las palabras Ivan, me inspiras a seguir creando más y más contenido para divi y wordpress. Seguiremos así. Un abrazo.
Me gustaría que sepas que este es uno de los mejores tutoriales sobre este tema que hay en este momento, mis felicitaciones
Muchas gracias Alejandro. Me alegra saber que hay personas que valoran el trabajo :) Te mando un abrazo y seguimos!
definitivamente eres el mejor latino que trabaja con DIVI, he intentado acceder a tu membresía pero no tenga tarjeta de crédito y no encuentro otra opción, saludos desde Colombia
Tarjeta virtual daviplata 👍🏻
Hola David qué tal, muchas gracias. Puedes escribirme por facebook messenger y te puedo generar un enlace para que realices el pago manual. :)
Hola si te interesa tengo la membresia de por vida.
@@camilopremium51 aun se puede?
Buenísimo, eres un genio, me ayudó bastante. Obviamente me voy a suscribir. Saludos desde Bolivia.
Muchas gracias Marcelo, un abrazote hasta Bolivia
Uff Genial, No Estaba Haciendo Esta Parte Todavia De Mi Pagina, Pero Adelante Muchisimo y Muy facil
Gracias Crack
Genial Alejo, espero te sea muy útil. Un abrazo.
Hola Oscar, he visto varios tutoriales sobre este tema flotante de WhatsApp, pero nunca sin plugins, ¡¡ genial !! trabajo , un saludo
El sello de la casa Iñaki jaja. Entre menos plugins mejor 😁
Alguién se acaba de ganar un supremo sub :D Gracias hermano
Muchas gracias Alejandro 🤩 ¡Saludos!
Hermano veo tus tutoriales, sos el mejor lejos , Muchas gracias!!
Muchas gracias por el apoyo David ¡Seguimos!
Amigo que gran tutorial te doy una calificación de 1000. Suscrito, campanita, y seguidos forever
Muchas gracias amigo. Un abrazo :D
Excelente , queria que saliera solo un un pagina , puse todo los codigos en un modulo de " codigo" alfinal de la pagina y me resultoooo !!
ahora a configurarlo !
gracias por tus videos!
Esa es la manera Christian, me alegra que te haya funcionado. Saludos :)
Súper bien, actualmente uso un plugin para eso pero siempre es mejor evitar plugins inecesarios y como actualmente solo tenemos un número de WhatsApp lo reemplazaré 👏
Sí, siempre es mejor hacerlo sin plugins, entre menos tengamos instalados es mucho mejor :)
Excelente tutorial Oscar sos un crack maestro felicidades y muchos más exitos
Muchas gracias Samuel, ¡Seguimos!
Que generoso eres, muchas gracias
Gracias por tus palabras. Seguimos con todo. Un abrazo.
Muchas gracias y muchos éxitos.
Muchas gracias. Un abrazo
Mil gracias, ha sido muy útil y muy fácil, me he suscrito a tu canal👍👍👍
Muchas gracias Sandra. Saludos. 👍👍👍
Hola, Oscar
Felicidades por tu canal, es muy bueno. Nada más por juguetear, exploré esta opción para el botón de WhatsApp y me parece fantástico. No funcionaba en móvil, pero supongo que era por algún problema de caché, porque después de un rato ya funcionó y va genial.
Saludos
Excelente Jorge, muchas gracias por el apoyo y me alegra saber que el botón también te funcione en móvil :) Ya me estabas asustando jaja. Un abrazo.
la proxima semana me inscribo con los 6 dolares mensuales, me encanta todo tu contenido bro, saludos
Muchas gracias por el apoyo amigo. Te espero dentro de los tutoriales exclusivos. Un abrazo.
Muchas gracias por tus explicaciones, son muy directas y fáciles de entender para una persona como yo que soy profano en la materia. Te quería comentar como se puede hacer visible esto mismo en el móvil. Un saludo.
Muchas gracias por tu comentario. Sobre tu pregunta este botón flotante también debe ser visible en móvil, por defecto es así. ¿Estás teniendo algún problema?
Mil gracias, súper útil
Gracias Joel. Seguimos con todo. Un abrazo
Que pedazo de tutorial!! 👌
GRACIAS !!
Bien explicado y claro como el agua 😬
Gracias Harrys 🤩 Seguiremos así ☺
Super facil, mil gracias, me encantan tus tutoriales.
Muchas gracias Alexandra. Seguiremos creando muchos más 🤩
Muchas gracias, funciona perfecto!!
Excelente Freddo! Saludos :)
Hola, que buen video, tan sencillo que lo pusiste, y explicas muy bien. Me encantó. Gracias!!!
Muchas gracias Rebeca :) ¡Un abrazo!
Anotado en el sitio y en los cursos!! muy buenos!!
Muchas gracias por el apoyo Juan :) ¡Saludos!
clarito y limpio, Grande!!;)
Gracias Sonot 1. Saludos
Muchas gracias, es Genial. No podía hacerlo funcionar y era la manito del saludo predeterminado, por que yo desabilité los emoticones en mi sitio. La borré y listo!
Saludos!
Hola Ramiro, muy bien, qué bueno que compartes tu experiencia. Un abrazo
Ramiro buen dia, ¿donde se habilita o deshabilita los emoticones?. Gracias!
@@Sebaskiller100 ua-cam.com/video/jVkNLlsLLuQ/v-deo.html
Excelente oscar Gracias 👏
Muchas gracias Carlos. Un abrazo.
BRUTAL tu tutorial y me sirvió a la perfección. Gracias!!!
Excelente Miguel, me alegra leer esto ¡Venga!
Muy buena opción para evitar pluggins, gracias por compartir el tuto, muy bueno.
Así es Yhon, de eso se trata, de utilizar la menor cantidad de plugins :)
Como siempre, muy claro y útil.
Gracias Edgare, un abrazo.
Excelente material!!
Gracias Ailen, seguimos!
Excelente aporte muy bueno la verdad, felicitaciones
Muchas gracias Airam :D ¡Un abrazote!
Bien con el aporte, solo que hay algunos detalles que me di cuenta para aquellos que tienen una pagina creado desde cero sin depender de ningún Sistema de Gestión de Contenido, el detalle que me di cuenta es cuando abres la ventana del chat ingresas los datos en campo le das clic enviar y te enlaza al WhatsApp web y te vas a la pagina ahí todavía tenemos los datos y la ventana abierta no hace la limpia el campo solo hay que refrescar la pagina y solamente así, pero eso para el usuario no es viable, yo arregle ese detalle desde la librería de Jquery donde están ahí los métodos y que quieras modificar.
Hola Angel, entiendo amigo. Yo lo hice pensando en wordpress y divi pero implementandolo en un sitio de cero no lo había probado, por lo tanto, desconocia el problema. Pero gracias por la sugerencia Angel. Un abrazo.
Gracias, Excelente video, una consulta este icono no afecta en la velocidad de la carga de la pagina?
Hola Carola, el peso es muy mínimo. Aunque cada sitio es diferente, lo importante es hacer pruebas con el icono o sin el icono para ver que rendimiento tiene tu web. Pero no tiene que afectar mucho.
Parcero muchas Gracias Excelente Ya lo puse en mi web
Genial David! Un abrazo
sigo todos los pasos pero no me aparece en mi web , no se que estoy haciendo mal :( LISTO!!! funciono faltaba desactivar en perfomance la opcion para que no lo bloquee , lo lei en uno de los comentarios que diste esa respuesta! eres lo maximo muchas gracias!!
Excelente Roberto, que genial que lograste encontrar la solución. Un abrazo. :)
Muy buen material! Es posible hacer esto solo para una página del sitio? Por ejemplo: la landing page de un evento? Saludos desde Argentina!
Hola, sí por supuesto. En lugar de pegar los códigos en las opciones del tema de divi, debes colocar los códigos en un módulo código dentro de la página.
Excelente tutorial, muchas gracias.
Gracias a ti también Andrés. Saludos
Muchísimas gracias por este tutorial, una consulta, quité el código que tenia del pixel de facebook para colocar estos, si quisiera agregarlo luego se puede hacer abajo de este? Gracias
Hola Nayeli, muchas gracias. Si totalmente, puedes agregar el código abajo o arriba del que hemos colocado en este tutorial. No debes tener ningún problema.
Saludos
Genial.. Súper fácil de hacer.. Gracias
Un abrazo Gledys :)
que increible video, una duda amigo, es posible darle margenes osea que no este tan pegado a la esquina, poder subir un poco el boton para que no quede tan pegado al borde?
Hola Carlos, por supuesto. En Divi / Opciones del tema / CSS Personalizado pega este fragmento:
.floating-wpp {
bottom: 40px !important;
right: 40px !important;
}
Puedes modificar el valor a tu gusto. Saludos
Excelente Video Tutorial, gracias.
Gracias Julian, saludos
Buen video, gran ayuda, facil, practico y funcional, suscrito
Muchas gracias Fabian :) ¡Saludos!
Sos un genio.... Gracias..!
Gracias Diego, un abrazo :)
Eres Una Maravilla!
Gracias Nelson, seguiremos así :)
Me quedo excelente!! muchas gracias!!
Qué genial Alma :) ¡Saludos!
Sos el mejor!! Gracias!!
Gracias :D
@@OVDIVI Ojalá pudiese darte ¡1000 likes!
Excelente video. Gracias
Gracias Franklin. Saludos
¡Qué bueno! Te quería preguntar si hay alguna ventaja al hacer esto sin plugins.
Justamente la ventaja es que no utilizas plugins y esto ayuda a no saturar o hacer más lento tu wordpress
Me funcionó muy bien. Gracias!
Qué genial Yaney. Un abrazo :D
Muy bueno. Gracias.
Gracias :) ¡Saludos!
Hola que buen video, puedes hacer un vídeo con los mejores plugins de DIVI?
Sí, claro lo voy a anotar para hacerlo más adelante. Tengo que seguir probando plugins porque seguido salen nuevos y mejores.
Super!! Muchas gracias
Gracias Fernando, un abrazo de vuelta :)
me funciono perfecto muchas gracias :3 excelentes tutoriales :3
Genial :) ¡Un abrazo!
A mi me aparece el WhatsApp flotante sólo cuando estoy en modo editor, el WhatsApp flotante desaparece cuando salgo del modo editor, no se si haya una línea que tenga que modificar para que aparezca. Apenas salgo del constructor y desaparece el WhatsApp flotante, Saludos.
Hola, Me paso lo mismo , cuando instale un plugin de optimizar imágenes llamado "Smush", lo desactive y funciono perfectamente, utilizo otro , un saludo
@@Icuevasp saludos, gracias por el consejo. Tengo Smush también ¿sabes que otro plugin hace lo que Smush pero que sea compatible con el botón de Divi? Saludos.
@@Icuevasp Wow! No sabía ese detalle con "Smush" gracias Iñaki por compartir la solución.
@@TIPPsicologosCursos Hay alternativas como Imagify, ShortPixel. Prueba con esos.
@@OVDIVI saludos. Desactivé el Smush y puse uno que se llama reshmush.it, después de eliminar Smush y poner el nuevo pluggin, ya me aparece el icono flotante, pero sólo me aparece en escritorio de computadora. ¿El WhatsApp flotante que pusiste es para aparecer tanto en computadoras como en móviles o sólo para escritorios de computadoras? para saber si este nuevo reductor de imágenes me está evitando que aparezca en móvil el ícono flotante. Para saber si mejor instalo los pluggins que me dices "Imagify, ShortPixel" para que me aparezca en todos los dispositivos.
Hola Oscar, super util, mil gracias, una pregunta. si quisiera modificar el tamaño del icono solo en dispositivos moviles, como deberia editar el codigo? gracias
Hola Jorge, muchas gracias.
Usa este código (el código debe ir en Divi > Opciones del tema / General / CSS Personalizado):
@media only screen and (max-width: 768px) {
.floating-wpp-button {
width: 50px !important;
height: 50px !important;
}
}
Con ese código se mostrará el icono a un tamaño de 50px de ancho y alto en resoluciones de 768px hacía abajo. Puedes modificar esos valores.
Saludos.
Hola gracias por el vídeo, una pregunta por medio de ese botón se puede enviar imágenes o url's?
Hola, no es posible. Eso lo tienes que hacer desde la app de whatsapp
Hola, cómo puedo hacerle seguimiento por google tag manager? Está genial!
Hola Eduardo, la verdad desconozco ese tema :( pero seguro es posible con algún código que te de google tag manager o algo así. No soy experto en eso 😔
Hola Oscar una consulta puedo insertar el donde va la URL del logo la URL de una animación de lottiefiles de un botón de WhatsApp que tiene animación? Tengo la última actualización y no me aparece el botón creo que tengo que cambiar las configuraciones de divi.
Hola, muy interesante lo que deseas lograr pero no creo que sea posible, sería mejor tener la animación como gif, de esta manera solo colocas la url :)
Hola Oscae. Genial el video. Puedes hacer un tuto para agregar en la home de un sitio corporativo una seccion de las ultimas entradas pero que tenga una presentacion de las entradas bien llamativas. Quizás algo con aspecto de blig de noticias o semanario ...Gracias Oscar!!!!
Sí, por supuesto Octavio, si tienes un ejemplo o una referencia para guiarme estaría excelente me la compartieras :) ¡Saludos!
Excelente tutorial amigo, exitoos
Gracias Peter! Saludos :)
Hola , muchas gracias por el video, una pregunta: ésto se podría hacer solamente para que aparezca el botón flotante de Whatsapp en una página de mi dominio y no en todas ?, es decir en una landing page del dominio y no en todas las páginas? porque esta configuiración toca el DIVI en general.
hola, para lo que quieres hacer te recomiendo que donde lo quieras implementar metas un modulo codigo al final de la pagina y hay insertar los scripts como dice oscar, asi solo saldria en esa pagina. Si pones el contenido como el lo desarrolla en el tutorial se mostraria en todas las páginas como te digo, en paginas individuales poner modulo codigo y ponerlo. Espero que tenga suerte, la verdad no es tan dificil. un saludo
@@5webcadiz hola! Ya lo intente de dos manera agregando un módulo de códigos: la primera en el contenido pegando todos los links, y la segunda en avanzado en CSS personalizado los dos primeros links en "antes" y los links 3 y 4 en "elemento principal" y en ninguno de los dos me funciona .Ayuda por fa!
Hola Gina, por supuesto que es posible. Lo único que tienes que hacer es habilitar el divi builder en la página dónde desees el icono y pegar los códigos en un módulo código hasta abajo de tu página :)
EXCELENTE TUTORIAL, DISCULPA COMO LE PUEDO AGREGAR UN TIEMPO DE RETRASO A LA APARICIÓN DE LA BURBUJA, MUCHAS GRACIAS
Hola Jorge, sería excelente pero por defecto no tenemos la opción, hay que hacerlo con código personalizado. Solo podemos darle un retraso a la ventanita del chat con la opción: autoOpenTimeout: 3000,
sos un GENIO
Gracias por el apoyo Alan. Saludos
Hola buenas tardes un saludo desde Bogota Colombia, Sigo al pie sus tutoriales y todo hasta ahora bien, una pregunta como hago para que el Boton de whatsapp lo pueda dejar un poco mas arriba? gracias
Hola podrías intenta con este código CSS:
.floating-wpp {
bottom: 40px !important;
}
muy buenaaaaa, mil gracias
me susbribooo
Genial Hades, gracias por el apoyo. Saludos :)
Hola Oscar, me dispongo a ver tu nuevo tutorial. De los cursos premium llevo tres nada más y no sé con que me voy a encontrar pero deseando estoy ir avanzando. Te cuento esto porque hoy he terminado otro curso en otro sitio y me ha chiflado una cosa para poder poner por ejemplo en una sección de la cabecera de la página principal, pero ni idea de si sabría hacerlo bien, así que te emplazo, si te apetece o lo ves conveniente, a que cuando puedas o quieras, hicieras un tutorial. Se trataría de poder poner y como los "códigos de los efectos que hay en la página de CODEPEN en divi". Como lo harías tú. Perdón por poner esto aquí, igual no te gusta que lo haga, mis disculpas si es así, pero no sé, pienso que estaría bien como nuevo contenido a tus tutoriales premium o normales o como lo vieras tu claro está. Saludos Crack!!
Hola Vicente, sí podría considerar realizar un tutorial para integrar algunos ejemplos de codepen en divi, pero ten en cuenta que no todos los ejercicios de codepen se pueden integrar con divi, algunos serán muy difíciles por la forma y lenguajes que usan, otros serán más fáciles.
Si tienes algún ejemplo de un ejercicio que te gustaría integrar compárteme la url y veo que se puede hacer :)
@@OVDIVI genial Oscar. Pues ya te diría algo. Muuuchas gracias por considerarlo.
Muchas Gracias ;)
También para ti Daniel :) ¡Saludos!
Saludos desde colombia nuevo suscriptor como Lo Pongo en dos paginas? Y redes sociales flotantes puedes hacer un vide..... Muchss gracias por compartir todo tu conocimiento que buen contenido
Gracias, saludos hasta Colombia. 🇨🇴
El icono debe aparecer en todas las páginas de tu sitio y para agregar redes sociales flotantes puedes usar el plugin Monarch de Elegant Themes :)
Una consulta. El plan bana corporate de BANAHOSTING sirve para ecommerce en woocomerce? Es que veo que no tiene pci compliance
Sí, claro que sirve muy bien :) de hecho en ese tengo alojada mi Academia y no he tenido problemas.
@@OVDIVI muchas gracias!
Hola muchas gracias !!!, una pregunta :que puedo hacer si solo quiero ésta función en una de mis landing pages?? para que no me aparezca en todas las páginas del mismo hosting o dominio?
Hola Gina, en lugar de agregar el código en las opciones del tema de divi, agrégalo en un módulo código dentro de tu landing :)
@@OVDIVI muchas gracias por responder. En la configuración que explicas en el video se toca el head y body también del Divi. Cómo pondría los links todos juntos en el módulo código para que funcione?
@@ginabedoya2566 Solamente inserta todo en un módulo código y listo, en ese orden que los tengo en el post del tutorial. No debes tener problema. :D
gracias por compartir .....tendrás algun codigo con retardo de tiempo para el boton de whassap?
Hola Rocio, no lo tengo. Ya que la funcionalidad viene de la librería del botón.
Gracias por tu excelente tutorial, una pregunta, como se podría hacerlo fijo?
Hola Jorge muchas gracias. ¿Cómo fijo? El icono se queda fijo por defecto al ir haciendo scroll sobre la página
muy buen tutorial, gracias por compartir tus conocimientos. Tengo una duda, no me aparece cuando navego desde el movil. Como puedo resolverlo. Gracias de antemano. Saludos
Sigue las recomendaciones que he dejado en los comentarios, a ver si eso ayuda. Saludos :)
Excelente, y como hago pR el logo de WhatsApp vibre o se mueva como una campana o algo así. Gracias
Hola Armando, no es posible hacer eso con esta librería amigo :/
Excelente el contenido y la explicación Oscar, tengo un par de dudas
¿Se puede realizar con una cuenta de Telegram -TG-?
¿Se puede usar para multi-cuentas, ya sean de WA o de WA y TG?
Gracias de antemano.
Muchas gracias Esteban, en cuanto a tus dudas:
Se necesita otro método para integrar un chat con telegram, más adelante haré un tutorial para integrar telegram y whatsapp con multi-cuentas.
hola! felicidades!! me funciono excelente, muchas gracias, solo quisiera un timpo de espera, que el boton recien aparezca despues de 30 segundos, con que codigo css podria hacer eso por favor?. muchas gracias
Hola Mauricio, me alegra saber que te ha funcionado :)
Para que el botón aparezca después de un tiempo predeterminado sigue estos pasos:
1. En divi > Personalizador de temas > CSS Adicional, pega este código:
#WABoton {
display: none;
}
2. En dónde pegaste el código para inicializar la librería, abajo pegas este otro código:
jQuery(document).ready(function( $ ) {
setTimeout(function(){
$("#WABoton").show();
}, 30000);
});
});
@@OVDIVI hola amigo, gracias por tu ayuda, te cuento que hice exactamente los mismos pasos, pero el boton de whatsapp nunca aparece, ni bajando el tiempo a 2000, habra algun error que no veo? puse el display en css adicional del personalizador del temas, y copie el script en un modulo de codigo en mi pagina, este es mi código que puse en mi modulo codigo de la pagina...
jQuery(document).ready(function( $ ) {
setTimeout(function(){
$("#WABoton").show();
}, 3000);
});
});
jQuery(document).ready(function($){
$('#WABoton').floatingWhatsApp({
phone: '+59165070095', // Número WhatsApp Business
popupMessage: 'Hola 👋 ¿Cómo podemos ayudarte?', // Mensaje pop up
message: "Hola Wildhen...", // Mensaje por defecto
showPopup: true, // Habilita el pop up
headerTitle: 'WhatsApp Chat', // Título del header
headerColor: '#093653', // Color del header
buttonImage: '', // Icono WhatsApp
size: '72px', // Tamaño del icono
//backgroundColor: '#00000', // Color de fondo del botón
position: "right", // Posición del icono
avatar: 'www.w3schools.com/howto/img_avatar.png', // URL imagen avatar
avatarName: 'Informaciones', // Nombre del avatar
avatarRole: 'En Linea', // Rol del avatar
//autoOpenTimeout: 3000,
zIndex: '9999999',
});
});
@@mauriciovillagomezcoronado1605 Cual es el link de tu sitio donde lo implementaste?
Hola muy bueno el video, una consulta como hacer para agregar ese botón flotante pero en ciertas paginas , no en todo el sitio, porque lo implemente y me aparece en todas las paginas y solo quiero q aparezca en algunas, gracias
Hola Marcelo qué tal, puedes hacerlo desde el generador de temas y se lo asignas a las páginas dónde quieras implementarlo.
Los códigos irían en un módulo código y todo debe funcionar igual :)
Excelente!
Muchas gracias Carolina :)
Muy buenos videos, me han servido, gracias, en la version de escritorio me funciona tal cual el video pero en las versiones de telefono movil el icono no flota como en el video, se queda en la parte de abajo de la web, sabe a que se deba? gracias.
Hola Carlos, que raro. ¿Cuál es la url de tu web?
Buena tarde, desde Colombia, tienes información de ¿Cómo adjuntar una imagen en un formulario de divi? Agradecería tu ayuda, feliz resto del día
Hola Ana, por ahora no tengo un truco para realizar lo que deseas con el módulo formulario de divi. Pero puedes considerar otra opción como el plugin "Contact Form 7" para agregar un formulario con imágenes adjuntas.
@@OVDIVI Así lo hice, después de buscar y encontré lo del plugin que mencionas, pensé que conocías la manera, gracias por tu respuesta, feliz resto del día ;)
y lo del botón de WhatsApp salió perfecto ;)
@@anacarolinabautista3643 Genial Ana :) Un abrazo.
Hola Oscar, gran tutorial, siempre tus tutoriales son de gran valor...
Una pregunta, ¿hay alguna forma que el pop-up se despliegue únicamente dándole click al icono y no que se despliegue al pasar el cursor por encima de este?
La verdad considero que esto último se torna algo molesto, es decir, que el pop-up este saltando cuando accidentalmente es alcanzado por el movimiento del cursor y toca cerrarlo cada vez, sería mejor que el usuario le de un click y alli se despliegue.
quedo atento a tu amable respuesta.
Un fuerte abrazo
Hola Andrey, totalmente de acuerdo con lo que mencionas. Lamentablemente dependemos de la librería y la función que ellos han activado es que se muestre al pasar el cursor y no al hacer click :(
@@OVDIVI Muchas gracias por tu respuesta...
Disculpa la insistencia en este tema pero ¿Habrá alguna manera de solicitarlo al desarrollador de la librería o depronto intentarlo con CSS o algún tipo de código? Nuevamente discúlpame la molestia...
@@wbeimarandreyriveraperez3273La librería de Jquery la puedes bajar y ahí tu lo puedes modificar, yo ya baje y estoy modificando esos detalles.
Está super el tutorial, gracias, pero como puedo quitar el icono en ciertas páginas, como el carrito o checkout?
Puedes ponerle una línea css con display none insertado solamente en la página donde quieras quitar la burbuja.
Hola Luis, cada página de WordPress viene con una clase única, para saber el nombre de clase única debes hacer click derecho sobre la página > Inspeccionar > Te abre el inspector con el código HTML y en el body (hasta arriba) vienen los nombres de clases, por ejemplo: page-id-10
Lo que cambia por página será el número de ID, en este caso 10.
Entonces para ocultar el chat en ciertas páginas usas el siguiente fragmento CSS:
.page-id-10 #WABoton {
display: none !important;
}
Si son varias las páginas es así:
.page-id-10 #WABoton,
.page-id-11 #WABoton,
.page-id-12 #WABoton {
display: none !important;
}
Muchas gracias Oscar 😁
muy buen tutorial, hay alguna forma de poner el icono solo al final de la pagina?
Hola Christian por defecto no hay una opción amigo. Pero lo que puedes hacer es insertar el código HTML del botón en un módulo código en la parte de tu página que desees mostrarlo.
Y luego en Divi > Personalizador de temas > CSS Adicional... pegar esto:
#WABoton {
position: relative !important;
}
Hola OV DIVI... Excelente vídeo! ¿Es posible tener varios agentes?, donde se puede tener 2 o 3 asesores disponibles a elección de usuario para conversar. Agradezco tu atención y pronta respuesta.
Hola Ruben, con este método no es posible, pero pronto haré un nuevo tutorial dónde agreguemos más personas o agentes con quienes chatear :)
Hola Oscar genial todo perfecto pero una inquietud como puedo habilitarlo en paginas especificas ? ya que sale en todas y es algo incomodo
Hola Nick, sí. Solamente inserta los códigos en un módulo código en cada página que desees el chat. Habilitas el constructor visual > En la parte inferior del sitio insertas el módulo código > Pegas los códigos y listo.
Que buen contenido lo intale en solo una barias paginas de mi sitio por medio de modulo de codigo de divi pero en una pagina se me oculta atras del texto o la imagen que deberia a hacer para que funcione ala perfeccion ya que es muy molesto para el cliente que se le deforme o se oculte espero tu respuesta Muchas Gracias🤜🤛💪
Debes jugar con el indice Z de las secciones, filas o módulos que estén por encima del icono. O también a la sección que contiene el icono subirle el indice z desde ajustes > Avanzado > Puesto... es cosa de probar Leandro.
Hola, amigo me parece genial el tutorial aunque tengo una duda, como podría colocar una imagen png pero que no tenga el borde. es que si o si hay un circulo que me limita a que el icono que hago tiene que ser circular. Espero haberme hecho entender. Mil gracias.
Hola Leonardo, ¿en donde quieres colocar la imagen png? En lugar del icono de WA? No logré comprenderte bien amigo, disculpa.
Hola Oscar gracias por el video , alguna forma de poner un chat que no sea de pago?
Hola Nico, no entiendo bien a qué te refieres con un chat que no sea de pago. Este chat que ponemos no es de pago, es totalmente gratuito :)
TUS VIDEO SON GENIALES !!!!
porfa haz uno de como hacer un link que redireccioné a llamar por telefono
Muchas gracias Joan, lo que deseas no es nada complicado, solamente en el enlace debes colocar el número así: tel:+34000000000
Obviamente delante de tel: va el prefijo del país + el número.
@@OVDIVI Gracias me ayudaste muchísimo!!. Te recomendaría que tengas una cuenta para que te puedan hacer donaciones por los tutoriales (sería una forma más para generar ingresos).
@@joansoundes3910 Excelente Joan. En mi sitio de ovdivi.com hasta abajo (pie de página) tengo un enlace para donaciones :) jaja. Si quieres puedes revisar. Un abrazo.
Hola Oscar, gracias por tu contenido, excelente y bien explicado. Estoy empezando en esto de DIVI y hay algo que aun no entiendo. Hice una pagina desde cero tipo Blank page como hago para que este boton de wp aparesca en esa pagina especificamente. Porque hago loos pasos y no me sale el boton
Hola Yurby, cuando colocas tu página como "blank page" el header y footer se oculta, por lo tanto al introducir el botón de WA este no se mostrará. Lo que puedes hacer es insertar los códigos dentro de un módulo código en tu página a través del constructor visual de divi
@@OVDIVI Acabo de hacerlo y tampoco me funcionó con el modulo de código
@@danielmontoya2965 Cual es la url?
Buenas! excelente video! hay alguna manera de desactivar el codigo sin necesidad de borrarlo por completo??
Hola, puedes comentarlo con tal y como he comentado los títulos de cada código:
hola, como creo mi propio repositorio en hithack, quiero subir mi propio svg como el icono que tienes de whastapp, mi servidor no me permite subir SVG a medios.
Instala el plugin SVG Support para que WP te permita subir iconos en SVG
*Hola, ¿funciona para sitios web con diseño responsivo?*
Totalmente, funciona para móviles, tabletas y computadoras :)
Si no se ve en telefono pero en web si, por que puede ser y como puedo solucionarlo?@@OVDIVI
@ Hola Jose Antonio, revisa el tema de las comillas que ya he respondido en varias ocasiones en los comentarios. También asegúrate de tener la configuración de divi performance que he recomendado en más de una ocasión en los comentarios por fa. Si después de hacer esos cambios el problema persiste me avisas.
que tal amigo muy buen video una pregunta como puedo reducir el tamaño de letra de cada uno??
Hola Oswaldo ¿Qué letra quieres reducir?
@@OVDIVI en la aprte de donde dice jhon doe
@@oswaldohernandez9864 Envíame la url de tu web y te digo que código css usar.
Muy buen video!
Nuevo suscriptor acá.
Probé el método, pero pasa que cuando agrego el código y pongo guardar, queda guardando y no se completa la tarea nunca.
Hola, podría ser por la versión de divi, o también puedes intentar colocar el código en un módulo código dentro de la página y no desde la pestaña integración de los ajustes de divi...
Hola Oscar, me ocurre que sólo con el constructor visual habilitado se puede ver, si salgo del constructor o abro la página en otro navegador no lo veo. Además muestra dos globos o íconos de AhatsApp. ¿Qué será?
Hola Daniel, dale un vistazo a los comentarios, ya he dado esa solución en más de una ocasión :)
Buenas tardes, muchas gracias tengo una pregunta, en mi wordprees tengo varias paginas y quiero colocar el botón de whatssap solo en una, como haría para que aparezca en solo una página en especifico?
Hola Elio, todos los códigos los debes insertar en un módulo código en la página que desees este chat.
excelenteeee
Muchas gracias Jorge. Saludos :)