Cómo integrar Doofinder con tu tienda WooCommerce

Instalar la extensión de Woocommerce para Doofinder 

Existen 2 opciones para instalar nuestro buscador para woocommerce:

  • A través de nuestra página web
  • O puedes instalar nuestra extensión directamente desde tu panel de control de WooCommerce en Plugins>Add new

Desde aquí puedes buscar el plugin de Doofinder, instalarlo y activarlo.

Configurar la cuenta de Doofinder 
Una vez tengas instalada la extensión de WooCommerce, ¡es hora de configurar la cuenta de Doofinder!

1. Crear tu cuenta de Doofinder 

Ingresa aquí tu correo electrónico y crea una contraseña.

2. Asigna un nombre a tu buscador

Asigna un nombre al motor de búsqueda, puede que tengas más de una tienda. Así que esto te ayudará a identificar qué motor de búsqueda se relaciona con cada tienda.
Ingrese la URL de su sitio web y presione «Continue«.

3. Cuál es tu plataforma web?

En la lista desplegable, seleccione (si no está ya seleccionado) «WooCommerce», seleccione el idioma y presione «Continue«.

Puedes encontrarte con el siguiente error:
No pudimos verificar el plugin debido a un error de conexión. Comprueba que lo hayas instalado correctamente y vuelve a intentarlo. Si el problema persiste, contáctenos a support@doofinder.com.
Doofinder intenta verificar la instalación del plugin con una URL. Si Doofinder no puede acceder a él, la configuración guiada no puede continuar. Para solucionar esto, puedes omitir este paso seleccionando «otro comercio electrónico» como plataforma y continuar con la configuración.

4. Elige tu idioma 

Selecciona tu idioma y clica  “Continue

5. ¡Casi listo!

Ahora tendrás la opción de configurar tu script. Presiona “Yes, let’s go!

Esto cargará el instalador de la capa Doofinder que consta de 4 pasos. 

6. Instalador de la capa Doofinder

1 de 4. Confirma que la URL del sitio es correcta. Selecciona «Other» en la opción Plataforma.
2 de 4. Tienes la opción de Pantalla Completa o Clásica. Elige la que prefieras (recuerda que siempre puedes cambiar esto posteriormente.)
3 de 4. Presiona “Choose Search Box” (Elegir cuadro de búsqueda), cuando lo hagas verás  “waiting for selection” (En espera de selección). Ahora, con el mouse, dirígete al lado derecho de tu página y haz clic dentro de tu caja de búsqueda o icono que quieras utilizar como input en doofinder.
4 de 4. Estas opciones te permitirán cambiar el tamaño y la posición de la capa Doofinder.
Una vez esté todo configurado presiona «Save«.
Se te presentará  su javascript único de Doofinder. Necesitamos solo insertar esto en el panel de control de WooCommerce, y estaremos listos para  comenzar la prueba. 

7. ¿ Dónde debemos pegar  el javascript?

Entremos en el Dashboard de WooCommerce.
Aquí debes seleccionar WooCommerce>Settings> Doofinder> Doofinder Layer.
Deberías ver una pantalla como esta:

Inserte el Javascript de Doofinder en el cuadro: Layer Javascript Code

8. Internal Search

Junto a la pestaña de la capa Doofinder encontrarás “Internal Search”.
También podemos configurar Doofinder para reemplazar la búsqueda interna en su tienda WooCommerce.
Cuando hagamos clic aquí, se nos presentará una página similar a la imagen de abajo. 
Encontrarás 2 cajas vacías. API KEY & HASH ID.

9. API KEY

Deberás volver a tu cuenta de Doofinder para obtener esto.
Haz clic en tu dirección de correo electrónico (arriba a la derecha) y en el menú desplegable selecciona las API KEYS

Es muy probable que tengamos que crear una API KEY. Pulse el botón morado «New API Key». Dale un nombre y pulsa «Create API Key».

10. HashID

Tu HashID se encontrará en la página de inicio de tu cuenta de Doofinder. Si tienes dificultades para llegar a esta página, simplemente haz clic en el logotipo de Doofinder en la parte superior izquierda de la página.
Esto te llevará a la página que se muestra a continuación y aquí encontrarás el Hash ID remarcado en azul.


Puedes insertar el Hash ID en el Hash ID box en el dashboard de WooCommerce como se menciona en el paso 8 de esta guía. 

11. La configuración del Data Feed 

En el plugin de Doofinder, tienes la posibilidad de configurar el data feed que usarás para Doofinder:

  • Proteger el feed con contraseña: agrega una contraseña a tu feed para protegerlo. No olvides actualizar la URL del data feed en tu panel de control de Doofinder> Configuración> Data Source.
  • Contraseña del feed: elige la contraseña que desea utilizar para proteger su data feed.
  • Exportación de los precios del producto: incluye precios de productos en el data feed. El precio se incluirá teniendo en cuenta la configuración de la moneda y los impuestos en Woocommerce.
  • Exportar etiquetas de productos: exportar etiquetas de productos en el data feed.
  • Dividir productos con variaciones: muestra todas las variaciones en los resultados de búsqueda.
  • Exporta valores con unidades cuando corresponda: el ancho, la altura, la longitud y el peso de los productos se exportarán con unidades. Si no está seleccionada la opción, solo se exportará el número.

También puede exportar atributos en la sección Atributos del data feed. 
Simplemente debes elegir el atributo que deseas exportar y asignarle un nombre de campo. El nombre del campo no debe incluir espacios, ya que invalidaría el formato XML
Cuando realice cambios en la sección de Data Feed y Atributos de Data Feed, no olvides volver a indexar dicho feed en su panel de control de Doofinder> Configuración> Data Sources. 
¡Ahora debería estar todo configurado y listo para comenzar su prueba!
Si tienes alguna pregunta o duda sobre la integración, no dude en ponerse en contacto con nosotros en: support@doofinder.com