Instalación en Woocommerce

Note

El plugin de Naiz Fit SizeForm para Woocommerce se encuentra actualmente en desarrollo. Por ello en este momento el método recomendado para la integración de Naiz Fit SizeForm en sitios con Woocommerce requiere seguir estas instrucciones.

La instalación de Naiz Fit SizeForm en Woocommerce requiere insertar el Snippet HTML proporcionado en el correo de bienvenida en la plantilla de su tema en Woocommerce, o realizar este proceso mediante Google Tag Manager y configurar el webhook directamente en la gestión de configuración de Woocommerce. Así mismo, para la generación del feed de producto, incluímos como utilizar un plugin de terceros para generar un feed compatible con las necesidades de Naiz Fit SizeForm.

Con su correo de Bienvenida a la Familia Naiz Fit, debería haber recibido tres datos fundamentales:

  • El Partner Hash que corresponde a su ecommerce. Este dato autentifica su ecommerce con la plataforma Naiz Fit SizeForm y es un dato necesario a la hora de realizar las instalaciones de los distintos plugins.
  • El Snippet Javascript para cargar lateralmente el widget de Naiz Fit SizeForm desde la consola del navegador.
  • El Snippet HTML para insertar el widget en su plantilla HTML o como Tag en Google Tag Manager en el caso de que su sistema no disponga de plugin proporcionado por Naiz Fit.

Insertar Snippet HTML

Note

Si su ecommerce ya está integrado con Google Tag Manager, recomendamos realizar la instalación del widget mediante el Método de Instalación para Google Tag Manager. Si lo hace así, cuando haya finalizado la instalación del widget con dicho método, continúe con las secciones relativas al Webhook y al Feed de este documento.

Para instalar el Widget de Naiz Fit SizeForm hemos de modificar la plantilla del footer del tema en ejecución en Wordpress correspondiente a nuestro ecommerce.

Para ello ejecute las siguientes acciones:

  • Entre en el panel de administración de Wordpress y dirijase al apartado Editor de tema dentro del menú Apariencia

  • Esto abrirá el editor de su tema de Wordpress. Elija la opción Pié de página del tema de las opciones que aparecen a la derecha y pegue el contenido del Snippet HTML justo antes del cierre de la etiqueta body, como se muestra en la imagen.

Warning

Tenga en cuenta que tendrá que realizar esta acción en caso de cambiar de tema en un futuro en el sitio.

  • Una vez pegado el texto correspondiente al Snippet HTML, haga click en Actualizar Archivo

Configurar hook

Woorcommerce dispone de funcionalidad específica para el envío de hooks web a terceros sistemas. El hook de envío de información de pedidos a Naiz Fit SizeForm se configura de la siguiente manera:

  • Acceda al apartado Ajustes dentro del menú Woocommerce

  • Elija la pestaña Avanzado y haga click en el enlace denominado Webhooks

  • Si no dispone de otros webhooks configurados, haga click en el botón central Crear un nuevo webhook. En caso contrario, haga click en el botón Añadir Webhook

  • Rellene el formulario con los siguientes datos
  • Nombre puede asignar cualquier valor, por ejemplo "Naiz Fit Webhook". Le servirá para identificar en el futuro que este es el webhook configurado.
  • Estado marque la opción Activo
  • Tema marque la opción Pedido Actualizado
  • URL de Entrega introduzca https://backend.production.naiz.fit/api/partners/hook/DOMAIN/HASH cambiando DOMAIN por el dominio completo de su sitio web(www.ejemplo.com) y HASH por el Partner Hash que corresponde a su ecommerce.
  • Versión de la API: Escoja la opción Integración con REST API v3
  • Haga click en Guardar Webhook

Cuando haya guardado la configuración del web hook, este aparecerá en el listado de Webhooks como activo.

Configuración del Feed de Productos

Woocommerce no incluye un sistema para generar feeds de productos. Para generar el feed debemos recurrir a desarrollos de terceros.

Desde Naiz Fit recomendamos el plugin gratuito Product Feed Pro for WooCommerce.

Realice la instalación del plugin y una vez terminada siga con las siguientes instrucciones:

  • Acceda al apartado Create feed dentro del menú Product Feed Pro
  • Rellene el formulario con la siguiente información:
  • Project name puede asignar cualquier valor, por ejemplo "Naiz Fit Feed". Le servirá para identificar en el futuro que este es el feed configurado.
  • Country asigne el país de su Ecommerce, en el caso del ejemplo "Spain"
  • Include product variations Active esta casilla. *Haga esto antes de elegir el campo Channel dado que cambiando este valor a veces resetea el valor del campo Channel
  • Channel elija la opción Custom Feed
  • Only include default product variation Desactive esta casilla.
  • File Format elija la opción XML
  • Refresh Interval elija la opción Twicedaily

Warning

Repase antes de guardar y continuar que la información del formulario es correcta.

  • Haga clic en Save & Continue

  • Elimine eligiéndolos de la lista y haciendo clic posteriormente en el botón Delete los campos presentados no necesarios. Los campos a eliminar que se presentan por defecto son Brand y Price que no son necesarios para configurar Naiz Fit SizeForm
  • Añada un campo vacío haciendo clic en Add field mapping, esto añadirá una linea vacía al listado de campos. Seleccione en el lado izquierdo el valor Size que se encuentra dentro del listado en el apartado Detailed product description y en el campo de la derecha, busque el nombre del atributo que corresponda al campo donde almacena las variantes de talla de su producto. En nuestro caso este se denomina Talla. Puede detectar las variantes que ha configurado en su ecommerce porque estas van tienen añadido el texto "Dynamic Attribute".
  • Añada un campo vacío haciendo clic en Add custom field, esto añadirá una linea vacía al listado de campos. Introduzca en el lado izquierdo el valor SKU y en el campo de la derecha, busque el nombre del atributo que corresponda al campo donde almacena el SKU de su producto. En nuestro caso este se denomina SKU.
  • Haga click en Save cuando el listado contenga al menos los campos Product ID (id) , Product title (title), Product URL (link), Main Image URL (image_link), Categories (categories) y Size (size)

  • En la siguiente pantalla haga click en Continue sin cambiar o añadir ningún valor adicional.

  • Desactive la casilla Enable Google Analytics Tracking
  • Finalice el proceso haciendo clic en Generate Product Feed

  • El sistema le deberá devolver a la sección denominada *Manage Feeds en la que aparecerá el feed que acaba de crear.
  • Haga click en el cuarto icono (rectángulo con flecha apuntando al sur) para abrir los detalles del feed.
  • La URL del feed de producto que deberá remitir a los técnicos Naiz Fit SizeForm es la que se encuentra recuadrada en la siguiente imagen.