Configura la última capa de doofinder para tu e-commerce

Configuración de la capa

Antes de empezar accede a tu panel de control de Doofinder y pulsa sobre el buscador (Search Engine) que desees configurar. Serás redirigido a la página de configuración de feeds.

En el menú lateral pulsa Installation Scripts y selecciona Doofinder Layer. La siguiente pantalla muestra, si ya tienes configurada una capa, el código a pegar en tu página web.

Para modificar la capa pulsa el botón etiquetado como Configure Doofinder Layer. Se abrirá el asistente de configuración de la capa.

El asistente comienza solicitando confirmación de la página web donde quieres instalar la capa y la plataforma que el asistente considera que utiliza tu página (Magento, PrestaShop, etc). Si el asistente se equivoca en la detección de la plataforma selecciona la apropiada en el desplegable. No te preocupes si no aparece el software que utiliza tu eCommerce, en ese caso, o si no sabes qué elegir, selecciona Regular Website. Cuando termines de revisar la información pulsa OK.

A continuación selecciona la variante de capa que desees utilizar:

Classic: Doofinder aparece como un pop-up, justo debajo de vuestra caja de búsqueda.

FullScreen: El buscador se abra como una capa que ocupa todo el área disponible en la ventana del navegador, por encima del contenido normal de la página. Esta variante permite una mejor visualización de los resultados y una mayor personalización de marca al permitir incorporar un logotipo corporativo.

Una vez confirmada la variante seleccionada, el asistente solicitará que indiques cuál es tu caja de búsqueda. En el caso de la capa Fullscreen puedes seleccionar cualquier elemento de la página que el usuario pueda pulsar, aunque lo más intuitivo es utilizar también la caja de búsqueda de tu página.

Para activar el modo de selección, pulsa el botón Choose Searchbox / Element. El modo de selección de desactivará al seleccionar un elemento válido o al pulsar el botón Cancel.

Si todo ha ido bien, verás una simulación de tu capa debajo de la barra de búsqueda.

Para terminar puedes realizar algunos ajustes, que serán diferentes dependiendo del tipo de capa que estés configurando.

Una vez que la capa quede a tu gusto solamente queda guardar los cambios realizados pulsando el botón Save.

Cuando termine de cargar la página del script de la capa simplemente copia el código Javascript y pégalo en la plantilla HTML de tu sitio web. Si usas alguno de nuestros módulos, entre las opciones de configuración encontrarás una opción para pegar la capa sin tener que modificar código de tu página.