Cómo agregar botón flotante de WhatsApp Chat en página web creada con divi y wordpress sin plugins

Поділитися
Вставка
  • Опубліковано 24 січ 2025

КОМЕНТАРІ • 521

  • @OVDIVI
    @OVDIVI  3 роки тому +7

    🔥 ¡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/

  • @IvanVega-pc8jz
    @IvanVega-pc8jz 3 роки тому +6

    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!

    • @OVDIVI
      @OVDIVI  3 роки тому

      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.

  • @alejandrocarabajal2093
    @alejandrocarabajal2093 3 роки тому +2

    Me gustaría que sepas que este es uno de los mejores tutoriales sobre este tema que hay en este momento, mis felicitaciones

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias Alejandro. Me alegra saber que hay personas que valoran el trabajo :) Te mando un abrazo y seguimos!

  • @davmarto
    @davmarto 4 роки тому +4

    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

    • @monshy_tinoco
      @monshy_tinoco 4 роки тому +1

      Tarjeta virtual daviplata 👍🏻

    • @OVDIVI
      @OVDIVI  4 роки тому +1

      Hola David qué tal, muchas gracias. Puedes escribirme por facebook messenger y te puedo generar un enlace para que realices el pago manual. :)

    • @camilopremium51
      @camilopremium51 3 роки тому +1

      Hola si te interesa tengo la membresia de por vida.

    • @davmarto
      @davmarto 3 роки тому

      @@camilopremium51 aun se puede?

  • @marcelovargaspaniagua6528
    @marcelovargaspaniagua6528 Рік тому +1

    Buenísimo, eres un genio, me ayudó bastante. Obviamente me voy a suscribir. Saludos desde Bolivia.

    • @OVDIVI
      @OVDIVI  Рік тому

      Muchas gracias Marcelo, un abrazote hasta Bolivia

  • @alejosan8282
    @alejosan8282 2 роки тому +2

    Uff Genial, No Estaba Haciendo Esta Parte Todavia De Mi Pagina, Pero Adelante Muchisimo y Muy facil
    Gracias Crack

    • @OVDIVI
      @OVDIVI  2 роки тому

      Genial Alejo, espero te sea muy útil. Un abrazo.

  • @Icuevasp
    @Icuevasp 3 роки тому +1

    Hola Oscar, he visto varios tutoriales sobre este tema flotante de WhatsApp, pero nunca sin plugins, ¡¡ genial !! trabajo , un saludo

    • @OVDIVI
      @OVDIVI  3 роки тому

      El sello de la casa Iñaki jaja. Entre menos plugins mejor 😁

  • @alejandromaster
    @alejandromaster 2 місяці тому

    Alguién se acaba de ganar un supremo sub :D Gracias hermano

    • @OVDIVI
      @OVDIVI  2 місяці тому

      Muchas gracias Alejandro 🤩 ¡Saludos!

  • @davidcoria4097
    @davidcoria4097 Рік тому

    Hermano veo tus tutoriales, sos el mejor lejos , Muchas gracias!!

    • @OVDIVI
      @OVDIVI  Рік тому

      Muchas gracias por el apoyo David ¡Seguimos!

  • @TuClaseNet
    @TuClaseNet 3 роки тому +1

    Amigo que gran tutorial te doy una calificación de 1000. Suscrito, campanita, y seguidos forever

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias amigo. Un abrazo :D

  • @christianchandia2145
    @christianchandia2145 3 роки тому

    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!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Esa es la manera Christian, me alegra que te haya funcionado. Saludos :)

  • @lacocinadelatialety
    @lacocinadelatialety 4 роки тому +2

    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é 👏

    • @OVDIVI
      @OVDIVI  4 роки тому

      Sí, siempre es mejor hacerlo sin plugins, entre menos tengamos instalados es mucho mejor :)

  • @SamuelOrtizA
    @SamuelOrtizA 2 роки тому +1

    Excelente tutorial Oscar sos un crack maestro felicidades y muchos más exitos

    • @OVDIVI
      @OVDIVI  2 роки тому

      Muchas gracias Samuel, ¡Seguimos!

  • @familialopezpineros7457
    @familialopezpineros7457 3 місяці тому

    Que generoso eres, muchas gracias

    • @OVDIVI
      @OVDIVI  3 місяці тому

      Gracias por tus palabras. Seguimos con todo. Un abrazo.

  • @chevatube
    @chevatube Місяць тому

    Muchas gracias y muchos éxitos.

    • @OVDIVI
      @OVDIVI  Місяць тому

      Muchas gracias. Un abrazo

  • @SandraChavezJordan
    @SandraChavezJordan 3 роки тому +1

    Mil gracias, ha sido muy útil y muy fácil, me he suscrito a tu canal👍👍👍

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias Sandra. Saludos. 👍👍👍

  • @JorgeSalazarMorantes
    @JorgeSalazarMorantes 3 роки тому

    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

    • @OVDIVI
      @OVDIVI  3 роки тому

      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.

  • @deathstrokefoxsly9413
    @deathstrokefoxsly9413 3 роки тому

    la proxima semana me inscribo con los 6 dolares mensuales, me encanta todo tu contenido bro, saludos

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias por el apoyo amigo. Te espero dentro de los tutoriales exclusivos. Un abrazo.

  • @jealcolea
    @jealcolea 13 днів тому

    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.

    • @OVDIVI
      @OVDIVI  10 днів тому

      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?

  • @entrenadorpersonaljoel
    @entrenadorpersonaljoel 4 місяці тому

    Mil gracias, súper útil

    • @OVDIVI
      @OVDIVI  4 місяці тому

      Gracias Joel. Seguimos con todo. Un abrazo

  • @eldelaweb_
    @eldelaweb_ 2 роки тому

    Que pedazo de tutorial!! 👌
    GRACIAS !!
    Bien explicado y claro como el agua 😬

    • @OVDIVI
      @OVDIVI  2 роки тому

      Gracias Harrys 🤩 Seguiremos así ☺

  • @alexandrasanchez2287
    @alexandrasanchez2287 Рік тому

    Super facil, mil gracias, me encantan tus tutoriales.

    • @OVDIVI
      @OVDIVI  Рік тому

      Muchas gracias Alexandra. Seguiremos creando muchos más 🤩

  • @freddoberto
    @freddoberto 9 місяців тому

    Muchas gracias, funciona perfecto!!

    • @OVDIVI
      @OVDIVI  9 місяців тому

      Excelente Freddo! Saludos :)

  • @bkmezell1
    @bkmezell1 3 роки тому

    Hola, que buen video, tan sencillo que lo pusiste, y explicas muy bien. Me encantó. Gracias!!!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias Rebeca :) ¡Un abrazo!

  • @JuanPalacios
    @JuanPalacios 3 роки тому

    Anotado en el sitio y en los cursos!! muy buenos!!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias por el apoyo Juan :) ¡Saludos!

  • @juansonot
    @juansonot Рік тому

    clarito y limpio, Grande!!;)

    • @OVDIVI
      @OVDIVI  Рік тому

      Gracias Sonot 1. Saludos

  •  3 роки тому

    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!

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      Hola Ramiro, muy bien, qué bueno que compartes tu experiencia. Un abrazo

    • @Sebaskiller100
      @Sebaskiller100 3 роки тому +1

      Ramiro buen dia, ¿donde se habilita o deshabilita los emoticones?. Gracias!

    •  3 роки тому

      @@Sebaskiller100 ua-cam.com/video/jVkNLlsLLuQ/v-deo.html

  • @carlosandrespomarperez6485
    @carlosandrespomarperez6485 Рік тому

    Excelente oscar Gracias 👏

    • @OVDIVI
      @OVDIVI  Рік тому

      Muchas gracias Carlos. Un abrazo.

  • @miguelherice
    @miguelherice 3 роки тому

    BRUTAL tu tutorial y me sirvió a la perfección. Gracias!!!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Excelente Miguel, me alegra leer esto ¡Venga!

  • @byrongraficos
    @byrongraficos 4 роки тому

    Muy buena opción para evitar pluggins, gracias por compartir el tuto, muy bueno.

    • @OVDIVI
      @OVDIVI  4 роки тому

      Así es Yhon, de eso se trata, de utilizar la menor cantidad de plugins :)

  • @EdgareRonderos
    @EdgareRonderos 2 роки тому

    Como siempre, muy claro y útil.

    • @OVDIVI
      @OVDIVI  2 роки тому

      Gracias Edgare, un abrazo.

  • @ailenibarra9974
    @ailenibarra9974 Рік тому

    Excelente material!!

    • @OVDIVI
      @OVDIVI  Рік тому

      Gracias Ailen, seguimos!

  • @airamgarcia1473
    @airamgarcia1473 3 роки тому

    Excelente aporte muy bueno la verdad, felicitaciones

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias Airam :D ¡Un abrazote!

  • @AngelDesign-xd5pz
    @AngelDesign-xd5pz 10 місяців тому

    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.

    • @OVDIVI
      @OVDIVI  10 місяців тому

      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.

  • @carolahernandez7086
    @carolahernandez7086 2 роки тому

    Gracias, Excelente video, una consulta este icono no afecta en la velocidad de la carga de la pagina?

    • @OVDIVI
      @OVDIVI  2 роки тому

      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.

  • @DavidEspinal
    @DavidEspinal 2 роки тому

    Parcero muchas Gracias Excelente Ya lo puse en mi web

    • @OVDIVI
      @OVDIVI  2 роки тому

      Genial David! Un abrazo

  • @robertodiazalfaro4787
    @robertodiazalfaro4787 3 роки тому

    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!!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Excelente Roberto, que genial que lograste encontrar la solución. Un abrazo. :)

  • @AgenciaEremo
    @AgenciaEremo 3 роки тому +2

    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!

    • @OVDIVI
      @OVDIVI  3 роки тому

      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.

  • @andrespenjean9810
    @andrespenjean9810 3 роки тому

    Excelente tutorial, muchas gracias.

    • @OVDIVI
      @OVDIVI  3 роки тому

      Gracias a ti también Andrés. Saludos

  • @NayeliAcevedo
    @NayeliAcevedo 10 місяців тому

    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

    • @OVDIVI
      @OVDIVI  10 місяців тому

      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

  • @gledysrodriguez8550
    @gledysrodriguez8550 3 роки тому

    Genial.. Súper fácil de hacer.. Gracias

    • @OVDIVI
      @OVDIVI  3 роки тому

      Un abrazo Gledys :)

  • @carlosreyna8944
    @carlosreyna8944 2 місяці тому

    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?

    • @OVDIVI
      @OVDIVI  2 місяці тому

      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

  • @JULIANYAUYOPARRA
    @JULIANYAUYOPARRA Рік тому

    Excelente Video Tutorial, gracias.

    • @OVDIVI
      @OVDIVI  Рік тому

      Gracias Julian, saludos

  • @fabianmauriciomolanonovoa1395
    @fabianmauriciomolanonovoa1395 3 роки тому

    Buen video, gran ayuda, facil, practico y funcional, suscrito

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias Fabian :) ¡Saludos!

  • @tresleguas
    @tresleguas 2 роки тому

    Sos un genio.... Gracias..!

    • @OVDIVI
      @OVDIVI  2 роки тому

      Gracias Diego, un abrazo :)

  • @nelcra98
    @nelcra98 3 роки тому

    Eres Una Maravilla!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Gracias Nelson, seguiremos así :)

  • @lilibethcarrasco
    @lilibethcarrasco 3 роки тому

    Me quedo excelente!! muchas gracias!!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Qué genial Alma :) ¡Saludos!

  • @jose-montiel
    @jose-montiel 3 роки тому

    Sos el mejor!! Gracias!!

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      Gracias :D

    • @jose-montiel
      @jose-montiel 3 роки тому

      @@OVDIVI Ojalá pudiese darte ¡1000 likes!

  • @franklinmedina1180
    @franklinmedina1180 2 роки тому

    Excelente video. Gracias

    • @OVDIVI
      @OVDIVI  2 роки тому

      Gracias Franklin. Saludos

  • @chlm8729
    @chlm8729 2 роки тому

    ¡Qué bueno! Te quería preguntar si hay alguna ventaja al hacer esto sin plugins.

    • @OVDIVI
      @OVDIVI  2 роки тому +1

      Justamente la ventaja es que no utilizas plugins y esto ayuda a no saturar o hacer más lento tu wordpress

  • @yaneyhernandezpaz728
    @yaneyhernandezpaz728 3 роки тому

    Me funcionó muy bien. Gracias!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Qué genial Yaney. Un abrazo :D

  • @capitalinmobiliaria4956
    @capitalinmobiliaria4956 3 роки тому

    Muy bueno. Gracias.

    • @OVDIVI
      @OVDIVI  3 роки тому

      Gracias :) ¡Saludos!

  • @camilopremium51
    @camilopremium51 3 роки тому +1

    Hola que buen video, puedes hacer un vídeo con los mejores plugins de DIVI?

    • @OVDIVI
      @OVDIVI  3 роки тому

      Sí, claro lo voy a anotar para hacerlo más adelante. Tengo que seguir probando plugins porque seguido salen nuevos y mejores.

  • @fernandomontano4699
    @fernandomontano4699 3 роки тому

    Super!! Muchas gracias

    • @OVDIVI
      @OVDIVI  3 роки тому

      Gracias Fernando, un abrazo de vuelta :)

  • @artorias2501
    @artorias2501 3 роки тому

    me funciono perfecto muchas gracias :3 excelentes tutoriales :3

    • @OVDIVI
      @OVDIVI  3 роки тому

      Genial :) ¡Un abrazo!

  • @TIPPsicologosCursos
    @TIPPsicologosCursos 3 роки тому +2

    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.

    • @Icuevasp
      @Icuevasp 3 роки тому +2

      Hola, Me paso lo mismo , cuando instale un plugin de optimizar imágenes llamado "Smush", lo desactive y funciono perfectamente, utilizo otro , un saludo

    • @TIPPsicologosCursos
      @TIPPsicologosCursos 3 роки тому

      @@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
      @OVDIVI  3 роки тому

      @@Icuevasp Wow! No sabía ese detalle con "Smush" gracias Iñaki por compartir la solución.

    • @OVDIVI
      @OVDIVI  3 роки тому

      @@TIPPsicologosCursos Hay alternativas como Imagify, ShortPixel. Prueba con esos.

    • @TIPPsicologosCursos
      @TIPPsicologosCursos 3 роки тому

      @@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.

  • @jedolz
    @jedolz 3 роки тому

    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

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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.

  • @colomannnn
    @colomannnn Рік тому

    Hola gracias por el vídeo, una pregunta por medio de ese botón se puede enviar imágenes o url's?

    • @OVDIVI
      @OVDIVI  Рік тому

      Hola, no es posible. Eso lo tienes que hacer desde la app de whatsapp

  • @eduardoelprofe
    @eduardoelprofe 2 роки тому

    Hola, cómo puedo hacerle seguimiento por google tag manager? Está genial!

    • @OVDIVI
      @OVDIVI  2 роки тому

      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 😔

  • @fullhousevivienda4992
    @fullhousevivienda4992 3 роки тому

    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.

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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 :)

  • @OctavioLuis
    @OctavioLuis 3 роки тому

    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!!!!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Sí, por supuesto Octavio, si tienes un ejemplo o una referencia para guiarme estaría excelente me la compartieras :) ¡Saludos!

  • @PETERKOOR
    @PETERKOOR 3 роки тому

    Excelente tutorial amigo, exitoos

    • @OVDIVI
      @OVDIVI  3 роки тому

      Gracias Peter! Saludos :)

  • @ginabedoya2566
    @ginabedoya2566 2 роки тому +1

    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.

    • @5webcadiz
      @5webcadiz 2 роки тому

      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

    • @ginabedoya2566
      @ginabedoya2566 2 роки тому

      @@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!

    • @OVDIVI
      @OVDIVI  2 роки тому

      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 :)

  • @jorgecontreras869
    @jorgecontreras869 3 роки тому

    EXCELENTE TUTORIAL, DISCULPA COMO LE PUEDO AGREGAR UN TIEMPO DE RETRASO A LA APARICIÓN DE LA BURBUJA, MUCHAS GRACIAS

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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,

  • @alangaleano5430
    @alangaleano5430 Рік тому

    sos un GENIO

    • @OVDIVI
      @OVDIVI  Рік тому

      Gracias por el apoyo Alan. Saludos

  • @MOBILSECURITY
    @MOBILSECURITY 3 роки тому

    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

    • @OVDIVI
      @OVDIVI  3 роки тому

      Hola podrías intenta con este código CSS:
      .floating-wpp {
      bottom: 40px !important;
      }

  • @josealfredovelasquezureta7741
    @josealfredovelasquezureta7741 3 роки тому

    muy buenaaaaa, mil gracias
    me susbribooo

    • @OVDIVI
      @OVDIVI  3 роки тому

      Genial Hades, gracias por el apoyo. Saludos :)

  • @vicborondi
    @vicborondi 4 роки тому +2

    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!!

    • @OVDIVI
      @OVDIVI  4 роки тому +1

      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 :)

    • @vicborondi
      @vicborondi 4 роки тому +1

      @@OVDIVI genial Oscar. Pues ya te diría algo. Muuuchas gracias por considerarlo.

  • @danield2392
    @danield2392 3 роки тому

    Muchas Gracias ;)

    • @OVDIVI
      @OVDIVI  3 роки тому

      También para ti Daniel :) ¡Saludos!

  • @d1srupt1vo
    @d1srupt1vo 3 роки тому

    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

    • @OVDIVI
      @OVDIVI  3 роки тому

      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 :)

  • @jdao0396
    @jdao0396 3 роки тому

    Una consulta. El plan bana corporate de BANAHOSTING sirve para ecommerce en woocomerce? Es que veo que no tiene pci compliance

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      Sí, claro que sirve muy bien :) de hecho en ese tengo alojada mi Academia y no he tenido problemas.

    • @jdao0396
      @jdao0396 3 роки тому +1

      @@OVDIVI muchas gracias!

  • @ginabedoya2566
    @ginabedoya2566 3 роки тому +1

    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
      @OVDIVI  3 роки тому

      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 :)

    • @ginabedoya2566
      @ginabedoya2566 2 роки тому

      @@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?

    • @OVDIVI
      @OVDIVI  2 роки тому

      @@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

  • @rocioramosramirez8330
    @rocioramosramirez8330 11 місяців тому

    gracias por compartir .....tendrás algun codigo con retardo de tiempo para el boton de whassap?

    • @OVDIVI
      @OVDIVI  11 місяців тому

      Hola Rocio, no lo tengo. Ya que la funcionalidad viene de la librería del botón.

  • @jorgezl48
    @jorgezl48 3 роки тому

    Gracias por tu excelente tutorial, una pregunta, como se podría hacerlo fijo?

    • @OVDIVI
      @OVDIVI  3 роки тому

      Hola Jorge muchas gracias. ¿Cómo fijo? El icono se queda fijo por defecto al ir haciendo scroll sobre la página

  • @yerandycoto4105
    @yerandycoto4105 2 роки тому

    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

    • @OVDIVI
      @OVDIVI  2 роки тому

      Sigue las recomendaciones que he dejado en los comentarios, a ver si eso ayuda. Saludos :)

  • @manuelpalaciossantil
    @manuelpalaciossantil 2 роки тому

    Excelente, y como hago pR el logo de WhatsApp vibre o se mueva como una campana o algo así. Gracias

    • @OVDIVI
      @OVDIVI  2 роки тому

      Hola Armando, no es posible hacer eso con esta librería amigo :/

  • @estebandidoco
    @estebandidoco 3 роки тому

    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.

    • @OVDIVI
      @OVDIVI  3 роки тому

      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.

  • @mauriciovillagomezcoronado1605
    @mauriciovillagomezcoronado1605 3 роки тому

    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

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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);
      });
      });

    • @mauriciovillagomezcoronado1605
      @mauriciovillagomezcoronado1605 3 роки тому

      @@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',
      });
      });

    • @OVDIVI
      @OVDIVI  3 роки тому

      @@mauriciovillagomezcoronado1605 Cual es el link de tu sitio donde lo implementaste?

  • @marcelolong4394
    @marcelolong4394 3 роки тому

    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

    • @OVDIVI
      @OVDIVI  3 роки тому

      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 :)

  • @carolinastefaniasolinas9434
    @carolinastefaniasolinas9434 3 роки тому

    Excelente!

    • @OVDIVI
      @OVDIVI  3 роки тому

      Muchas gracias Carolina :)

  • @carlosandresperez3609
    @carlosandresperez3609 2 роки тому

    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.

    • @OVDIVI
      @OVDIVI  2 роки тому

      Hola Carlos, que raro. ¿Cuál es la url de tu web?

  • @anacarolinabautista3643
    @anacarolinabautista3643 3 роки тому +2

    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

    • @OVDIVI
      @OVDIVI  3 роки тому

      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.

    • @anacarolinabautista3643
      @anacarolinabautista3643 3 роки тому

      @@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 ;)

    • @anacarolinabautista3643
      @anacarolinabautista3643 3 роки тому

      y lo del botón de WhatsApp salió perfecto ;)

    • @OVDIVI
      @OVDIVI  3 роки тому

      @@anacarolinabautista3643 Genial Ana :) Un abrazo.

  • @wbeimarandreyriveraperez3273
    @wbeimarandreyriveraperez3273 2 роки тому

    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

    • @OVDIVI
      @OVDIVI  2 роки тому

      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 :(

    • @wbeimarandreyriveraperez3273
      @wbeimarandreyriveraperez3273 2 роки тому

      @@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...

    • @AngelDesign-xd5pz
      @AngelDesign-xd5pz 10 місяців тому

      @@wbeimarandreyriveraperez3273La librería de Jquery la puedes bajar y ahí tu lo puedes modificar, yo ya baje y estoy modificando esos detalles.

  • @luiseduardovidalhernandez8327
    @luiseduardovidalhernandez8327 4 роки тому +1

    Está super el tutorial, gracias, pero como puedo quitar el icono en ciertas páginas, como el carrito o checkout?

    • @YovaSV93
      @YovaSV93 4 роки тому

      Puedes ponerle una línea css con display none insertado solamente en la página donde quieras quitar la burbuja.

    • @OVDIVI
      @OVDIVI  4 роки тому +1

      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;
      }

    • @OVDIVI
      @OVDIVI  4 роки тому +1

      Si son varias las páginas es así:
      .page-id-10 #WABoton,
      .page-id-11 #WABoton,
      .page-id-12 #WABoton {
      display: none !important;
      }

    • @luiseduardovidalhernandez8327
      @luiseduardovidalhernandez8327 3 роки тому +1

      Muchas gracias Oscar 😁

  • @christiantrujillo8002
    @christiantrujillo8002 3 роки тому

    muy buen tutorial, hay alguna forma de poner el icono solo al final de la pagina?

    • @OVDIVI
      @OVDIVI  3 роки тому

      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;
      }

  • @rubenvalencia2105
    @rubenvalencia2105 3 роки тому

    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.

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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 :)

  • @nickslab3589
    @nickslab3589 3 роки тому

    Hola Oscar genial todo perfecto pero una inquietud como puedo habilitarlo en paginas especificas ? ya que sale en todas y es algo incomodo

    • @OVDIVI
      @OVDIVI  3 роки тому +3

      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.

  • @leandrogusmangonzales9662
    @leandrogusmangonzales9662 3 роки тому

    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🤜🤛💪

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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.

  • @leonardoorrego5631
    @leonardoorrego5631 3 роки тому

    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.

    • @OVDIVI
      @OVDIVI  3 роки тому

      Hola Leonardo, ¿en donde quieres colocar la imagen png? En lugar del icono de WA? No logré comprenderte bien amigo, disculpa.

  • @Nico3120g
    @Nico3120g 4 роки тому

    Hola Oscar gracias por el video , alguna forma de poner un chat que no sea de pago?

    • @OVDIVI
      @OVDIVI  4 роки тому

      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 :)

  • @joansoundes3910
    @joansoundes3910 4 роки тому

    TUS VIDEO SON GENIALES !!!!
    porfa haz uno de como hacer un link que redireccioné a llamar por telefono

    • @OVDIVI
      @OVDIVI  3 роки тому +1

      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.

    • @joansoundes3910
      @joansoundes3910 3 роки тому

      @@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).

    • @OVDIVI
      @OVDIVI  3 роки тому

      @@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.

  • @yurbysantillan4410
    @yurbysantillan4410 2 роки тому

    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

    • @OVDIVI
      @OVDIVI  2 роки тому +1

      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

    • @danielmontoya2965
      @danielmontoya2965 Рік тому

      @@OVDIVI Acabo de hacerlo y tampoco me funcionó con el modulo de código

    • @OVDIVI
      @OVDIVI  Рік тому

      @@danielmontoya2965 Cual es la url?

  • @emmaramburo
    @emmaramburo 2 роки тому

    Buenas! excelente video! hay alguna manera de desactivar el codigo sin necesidad de borrarlo por completo??

    • @OVDIVI
      @OVDIVI  2 роки тому +1

      Hola, puedes comentarlo con tal y como he comentado los títulos de cada código:

  • @alefernandez9737
    @alefernandez9737 3 роки тому

    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.

    • @OVDIVI
      @OVDIVI  3 роки тому

      Instala el plugin SVG Support para que WP te permita subir iconos en SVG

  • @juliomtz.1790
    @juliomtz.1790 2 роки тому

    *Hola, ¿funciona para sitios web con diseño responsivo?*

    • @OVDIVI
      @OVDIVI  2 роки тому

      Totalmente, funciona para móviles, tabletas y computadoras :)

    •  11 місяців тому

      Si no se ve en telefono pero en web si, por que puede ser y como puedo solucionarlo?@@OVDIVI

    • @OVDIVI
      @OVDIVI  11 місяців тому

      @ 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.

  • @oswaldohernandez9864
    @oswaldohernandez9864 3 роки тому

    que tal amigo muy buen video una pregunta como puedo reducir el tamaño de letra de cada uno??

    • @OVDIVI
      @OVDIVI  2 роки тому

      Hola Oswaldo ¿Qué letra quieres reducir?

    • @oswaldohernandez9864
      @oswaldohernandez9864 2 роки тому

      @@OVDIVI en la aprte de donde dice jhon doe

    • @OVDIVI
      @OVDIVI  2 роки тому

      @@oswaldohernandez9864 Envíame la url de tu web y te digo que código css usar.

  • @clestudio3643
    @clestudio3643 3 роки тому +1

    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.

    • @OVDIVI
      @OVDIVI  3 роки тому

      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...

  • @DanielAlcoleas
    @DanielAlcoleas 2 роки тому

    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á?

    • @OVDIVI
      @OVDIVI  2 роки тому

      Hola Daniel, dale un vistazo a los comentarios, ya he dado esa solución en más de una ocasión :)

  • @ElioMendoza_
    @ElioMendoza_ 2 роки тому

    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?

    • @OVDIVI
      @OVDIVI  2 роки тому

      Hola Elio, todos los códigos los debes insertar en un módulo código en la página que desees este chat.

  • @jorgeraulquiquinte2570
    @jorgeraulquiquinte2570 8 місяців тому

    excelenteeee

    • @OVDIVI
      @OVDIVI  8 місяців тому

      Muchas gracias Jorge. Saludos :)