EngageBox: aumenta la participación de los usuarios en tu sitio web Joomla!

⚠️ Nota importante

Este artículo tiene más de un año. La tecnología evoluciona rápido, por lo que algunos contenidos o instrucciones pueden estar desactualizados. Recuerda buscar información reciente y actualizada.

Es difícil describir la funcionalidad de la extensión EngageBox de Tassos.gr en una sola frase. Esta es una extensión que sirve tanto para aumentar la conexión entre los usuarios del sitios y las redes sociales como para publicar anuncios importantes para los visitantes del sitio. Cómo podrán ver en este pequeño tutorial de uso de la extensión, las personalización de este componente es extensa pero la ordenada interfaz permite que el proceso sea apto para cualquier usuario básico de Joomla!

Creación de cajas y ventanas

Tipos de caja y contenido

El proceso de creación de es bastante sencillo cómo ya había mencionado. Únicamente es necesario ir al componente y hacer clic en Nuevo:

Allí el primer paso será definir el tipo de caja que quieres implementar en tu sitio web. En este enlace podrás ver demostraciones de cada uno de los tipos que puedes crear. Verás que en la lista desplegable de demos aparecen muchos tipos de cajas y en la extensión hay menos disponibles; esto se debe a que en el sitio web se muestran ejemplos específicos utilizando los diferentes tipos de caja de la extensión. Es decir, todos los ejemplos pueden crearse utilizando los tipos de caja disponibles.

Algunos de los posibles usos de EngageBox en tu sitio web son:

  • Cajas de suscripción a listas de correo
  • Formulario de inicio de sesión
  • Barras superiores o inferiores de texto (por ejemplo para mostrar descuentos o avisos a los usuarios)
  • Ventanas emergentes de Sí/No
  • Artículos relacionados
  • Pantalla de fondo transparente con información útil
  • Ventana emergente en pantalla completa
  • Menús de navegación lateral
  • Ventanas de verificación de edad del usuario para continuar usando el sitio
  • Botones de Facebook y Twitter para aumentar los seguidores en redes sociales
  • Videos de Youtube
  • Un mapa de Google Maps
  • Barra informativa sobre el uso de cookies en el sitio web

Para lograr estos se pueden utilizar los diferentes tipos de caja disponibles. Una vez que hayas elegido un tipo de caja verás como las opciones de configuración cambian. Por ejemplo, no son las mismas opciones para texto libre que para una imagen.

Dentro de las opciones puedes incluso elegir publicar cualquier módulo de Joomla! que hayas agregado. El primer paso, sin importar el tipo de caja, es completar la información de la pestaña contenido. Si elegiste Imagen como tipo de caja, deberás seleccionar aspectos básicos como la imagen a mostrar, el ancho, el alto, el texto alternativo y el evento en el caso de que un usuario haga clic sobre la imagen. Recuerda que la configuración es diferente para cada tipo de caja. Este es un ejemplo de la configuración en la caja de tipo Sí/No donde puedes personalizar el texto y otras características de los botones y su función. 

Tiempo, evento y modo de aparición

En la pestaña Activar, es posible definir todos los aspectos relevantes del método de aparición de la ventaja, caja o formulario que deseas mostrar al visitante. Estas opciones son generales y aplican para todos los tipos de caja por igual.

Algunos de los aspectos que puedes definir son:

  • Posición de aparición en el sitio web
  • Momento de aparición: al cargar la página, al desplazarse hasta cierto punto en la página, al intentar salir de la página, al hacer clic, cuando hay inactividad entre otras opciones disponibles (Punto de ruptura)
  • Tiempo de retraso de aparición después de cumplido el evento anterior
  • Limitación de cantidad de veces que se muestra (ejemplo: máximo 1000 veces)
  • Transición utilizada para mostrar y ocultar la caja
  • Duración de la transición
  • Programación de cierre automático 

Apariencia de las ventanas y cajas

En la pestaña de aparición se pueden personalizar los estilos de la presentación de las cajas. Dentro de las opciones disponibles están: anchura y altura (no confundir con ancho y alto de imagen), relleno, color de fondo y texto, alineado del contenido, sombras, estilos de los bordes, transparencia en el fondo y todo lo relacionado al botón de cerrar (si quieres que este aparezca). 

No es necesario utilizar imágenes de fondo, bordes, botón de cerrar o transparencias. Más bien, las opciones también permiten desactivar cada una de ellas individualmente y personalizar la presentación en su totalidad. 

Trabajos editoriales 

La traducción de esta sección no me parece la mejor. Las opciones disponibles más bien se refieren a los requerimientos que deben cumplirse para que una ventana o caja específica sea mostrada, aparte de los eventos descritos anteriormente.

Algunos de los filtros adicionales que se pueden aplicar son:

  • Solo en elementos específicos del menú
  • Solo en URLs específicos
  • Solo en rangos y fechas específicas
  • Solo a tipos de usuarios específicos
  • Solo a quienes hayan visto más de cierta cantidad de páginas o que hayan visto otra caja anteriormente
  • Solo a quienes hayan pasado más de cierto tiempo en el sitio
  • Solo a quienes visiten desde móviles u ordenadores o desde navegadores o sistemas operativos específicos
  • Solo en algunos países o idiomas
  • Solo en artículos específicos de Joomla! o K2 (o categorías)

Cookies

En EngageBox existen dos métodos para definir a cuáles usuarios dejar de mostrar las ventanas emergentes. La primera es por medio de la colocación de una cookie al hacer clic para evitar que la caja vuelva a aparecer. Esta opción está disponible en la sección Contenido:

La segunda opción, también por medio de cookies pero de acuerdo a tiempo o sesión y no dependiente de si hace o no clic en la ventana. Puedes ocultar la caja o ventana de acuerdo a lo siguientes criterios:

  • Para todo el resto de la sesión del usuario (es decir, mientras el usuario no salga del sitio y vuelva a entrar, la ventana no aparecerá más)
  • Para siempre 
  • Nunca
  • Por un periodo especificado en  días, horas, minutos o segundos

Opciones generales

Por último en la sección de opciones generales de la extensión es posible habilitar la carga de algunos frameworks necesarios para la presentación de las ventanas y cajas emergentes. Si ya cargas jQuery en tu sitio de forma independiente puedes desactivar la opción. En esta sección puedes bloquear el desplazamiento de la página mientras haya una caja o ventana presente. 

Otro de las funcionalidades que es importante destacar es la posibilidad de respaldar proyectos por medio del botón de Exportar en la lista de todas las cajas que hayas creado. Una vez creado al archivo puedes importarlo en otro sitio web. Eso es especialmente útil si administras varios sitios web basados en Joomla! y quieres presentar una ventana similar en todos. 

Con todo el grado de personalización que tiene esta extensión, básicamente queda a tu imaginación la idea que quieras implementar. EngageBox impone muy pocas limitaciones en cuanto a las características, la forma, el tiempo, los filtros y demás características de la ventana o caja que quieras mostrar a los usuarios de tu sitio web. No por nada es una de las extensiones mejor calificadas de directorio oficial de extensiones en Joomla!

Si tienes alguna duda sobre como utilizar esta extensión o no estás seguro de como implementar tu idea puedes hacer las consultas por medio de los comentarios de este artículo. 

 

Fundador
Seguidor de Jesús. Escribo artículos en mi tiempo libre sobre temas de tecnología que me interesan.