En este tutorial aprenderás a crear puntos de acceso o hotspots interactivos sobre una imagen en divi sin plugins 😍
Si no sabes que es un hotspot te explico rápidamente: Los hotspots son puntos de acceso que se van a encontrar sobre una imagen en forma de icono, estos iconos señalan elementos de una imagen como por ejemplo algún producto, al hacer click sobre este icono se nos abre una ventana con más información sobre este producto.
Si bien es cierto, existen algunos plugins enfocados para divi para lograr este tipo de funcionalidad estos tienen algunas desventajas:
Una de las principales desventajas es justamente que son plugins, esto implica que vas a tener que instalar un plugin más en tu wordpress para agregar una funcionalidad la cual puedes realizar solamente con divi y un poquito de código, sin tediosas actualizaciones, sin complicaciones y sin invertir dinero en un plugin más.
Otra de las desventajas es que estos plugins están limitados en cuestión de diseño y composición, contrario a lo que vas aprender en este tutorial dónde aprenderás a agregar hotspots completamente con el Divi Builder, utilizando los módulos por defecto que incluye divi, diseñando libremente cada icono y cada hotspot 🤩
Cómo puedes ver en la demo, yo he colocado iconos personalizados sobre cada producto en la imagen, al hacer click en cada producto se abre una ventana con información correspondiente del producto, en el ejemplo he utilizado un módulo imagen, un módulo anuncio, módulos llamada a la acción y esto es lo que lo vuelve interesante ya que podemos elegir cualquier módulo y agregarle la funcionalidad del hotspot sin complicaciones 🔥
El tutorial ya se encuentra disponible en el área de los tutoriales exclusivos así que no esperes más y entra para que aprendas a realizar esta increíble funcionalidad 😍
Qué genial! Oscar Viedma, los hotspots son un maravilloso recurso de buena experiencia de usuario, valiosísimo tutorial que nos aportas a tus alumnos de la Academia OVDivi!!
Tal cual, como expresas, además evitar uso de plugins cuando lo mismo es viable con unas líneas de código! No sólo ahorramos en dinero sino ganamos en perfomance del Sitio: su rendimiento y administración de recursos hará más fluido a WordPress.
Gracias por tus grandes aportes!
Hola Adriana, justamente como lo comentas; no hay necesidad de costosos plugins para agregar esta funcionalidad en nuestros sitios web con divi y no solo nos ahorramos unos pesos sino que nos ayuda a no afectar el rendimiento de nuestro sitio web con plugins que muchas veces vienen mal hechos/optimizados.
Gracias a ti por el apoyo de siempre Adriana, seguimos con todo.
Un abrazo.