Actualiza tu capa de Doofinder

MobileLayer

Desde hace ya unos meses, la capa de Doofinder que se instala por defecto para los nuevos buscadores es la versión 6. Veamos qué novedades aporta y cómo actualizar a esta versión.

¿Por qué actualizar?

Aunque a nivel estético no parece que haya cambiado demasiado, se ha realizado una profunda revisión del código que ha permitido entre otras cosas:

  • Eliminar de algunos errores de la versión anterior, principalmente de posicionamiento de la capa clásica.
  • Mejorar las plantillas de la capa, con mejor HTML y CSS.
  • Hacer la capa más personalizable a través de las opciones disponibles.
  • Hacer la capa mucho más fácil de alterar desde el código Javascript de tu página.
  • Como plato fuerte, la versión 6 añade la posibilidad de manejar en la versión móvil de la capa los mismos filtros de búsqueda disponibles en la versión de escritorio. Un motivo estupendo para añadir la versión móvil a vuestra suscripción de Doofinder.

La capa sigue estando disponible en dos estilos: Classic y Fullscreen. Elige uno u otro dependiendo de si quieres mostrar los resultados de Doofinder como un añadido de tu caja de búsqueda, o si quieres una experiencia de búsqueda sin distracciones.

Configura tu capa

La actualización de la capa es muy sencilla y la mayor parte del proceso se puede realizar mediante el asistente disponible en el panel de control de tu cuenta de Doofinder.

Para acceder al asistente sigue los siguientes pasos:

  1. Accede a tu cuenta de Doofinder y selecciona en el listado el buscador que deseas actualizar.
  2. En el menú de la parte superior accede a Configuration.
  3. En el menú lateral pulsa sobre Installation Scripts y accede a Doofinder Layer.
  4. Pulsa el botón Configure Doofinder Layer

El asistente te guiará paso a paso para configurar la capa, pero básicamente los pasos son:

  1. Confirma la URL de tu página. Si por error habías configurado otra al crear el buscador y la página que se muestra no es la correcta, en este punto puedes cambiar la URL.
  2. Selecciona el tipo de capa: Classic o Fullscreen.
  3. Selecciona el tipo de script a utilizar: Globals (por defecto) o RequireJS. El tipo por defecto funciona en la mayoría de los casos salvo, por ejemplo, en Magento 2. Si utilizas Magento 2 y no sabes qué tipo de script elegir, prueba con el segundo: RequireJS (HTML script tag, easy). El tercero es para usuarios avanzados y no se puede incluir directamente en el código fuente de tu página.
  4. Selecciona la caja de búsqueda que lanzará la capa. Para ello pulsa el botón Choose Search Box (en la versión Fullscreen pone Choose Element, porque también se puede lanzar este tipo de capa desde un enlace o un botón). El botón de selección cambiará de estado y entrará en el modo de selección. Al pulsar en la caja de búsqueda debería volver a su estado normal y aparecer la capa de búsqueda en pantalla.
  5. Adicionalmente, ajusta la apariencia de la capa con las opciones disponibles en el asistente.
  6. Cuando estés satisfecho con el resultado pulsa Save para guardar los cambios.

Ahora solamente tienes que volver a la pantalla de configuración de la capa y copiar el código y pegarlo en el lugar apropiado del código fuente de tu página web.

Fácil, ¿no?.

Si tienes alguna duda sobre la configuración o personalización de tu capa puedes visitar nuestra página de soporte, donde encontrarás la documentación tanto para la versión Classic como para la versión Fullscreen.

Si eso no soluciona tu problema no dejes de escribir a nuestro equipo de soporte técnico desde el formulario de contacto de tu cuenta de Doofinder o desde nuestro chat.