Elektilo – Product Finder Quiz for WooCommerce

Descripción

Elektilo añade un cuestionario guiado «ayúdame a elegir» a cualquier página con el shortcode [elektilo]. Los compradores responden a una breve serie de preguntas de opción única y se les muestra un producto recomendado, con su imagen, precio y un botón directo a la página del producto.

Elektilo se desarrolla de forma abierta. El código, y un lugar para reportar errores o solicitar funciones, se encuentran en github.com/wppoland/plogins-finder.

Tú defines las preguntas y opciones, y luego asignas cada combinación de respuestas a un producto. Un botón «Generar combinaciones» crea el mapa por ti a partir de tus pasos, de modo que solo tengas que elegir un producto para cada ruta.

Documentación y enlaces

Creado para la velocidad y la accesibilidad

  • Sin jQuery en el propio código de la parte pública del plugin; el script es JS vanilla, diferido y cargado en el pie de página.
  • Sin cambios de layout (CLS). Se reserva espacio para cada paso y la tarjeta de resultados, por lo que avanzar nunca altera el reflujo de la página. La imagen de la recomendación se prioriza para lograr un LCP rápido.
  • Resultado impulsado por REST. La recomendación se obtiene desde un endpoint REST ligero (no admin-ajax), se lee en vivo para que el precio y las existencias estén siempre actualizados, y nunca se almacena en caché.
  • Accesible mediante teclado. Grupos de botones de opción reales, una barra de progreso en vivo, estilos de enfoque visibles, un botón Atrás y total operatividad por teclado.
  • Reanudable y compartible. El paso actual y las respuestas se conservan en la URL y en el almacenamiento por pestaña, por lo que recargar mantiene tu lugar y un enlace con todas las respuestas respondidas se abre directamente en el resultado.

Ajustes

Una página de ajustes con capacidades de WooCommerce (menú Elektilo) te permite:

  • Activa o desactiva el cuestionario, establece el encabezado, el subencabezado y el color de énfasis, y elige si se muestra el precio en la tarjeta de resultados.
  • Crear los pasos: cada paso es una pregunta con opciones de opción única; el «valor» de la opción es un slug corto que se utiliza para identificar la respuesta.
  • Asignar resultados: genera una fila por cada combinación de respuestas a partir de tus pasos, luego elige el producto recomendado para cada una, con un titular, descripción y etiqueta de botón opcionales. Un aviso visible muestra de un vistazo cuántas combinaciones aún necesitan un producto.
  • Establecer un producto de respaldo que se muestra cuando ninguna combinación coincide o el producto asignado no está disponible.

Listo para traducción

Todas las cadenas son traducibles a través del dominio de texto elektilo, y se incluye una plantilla elektilo.pot en /languages. Eliminar el plugin borra sus opciones.

Cómo funciona

El cuestionario se procesa en el lado del servidor (para que se pueda almacenar en caché con la página) y avanza completamente en el lado del cliente, sin viajes de ida y vuelta entre pasos. Solo se obtiene la recomendación final mediante una solicitud REST del mismo origen a tu propio sitio, y se procesa al momento para que el precio y las existencias estén actualizados. El CSS y JavaScript solo se ponen en cola en las páginas que contienen el shortcode [elektilo].

Servicios externos

Elektilo no se conecta ni envía ningún dato a ningún servicio externo o servidor de terceros. No incluye ningún SDK, cliente de API, fuente web, tesela de mapa, recurso de CDN ni llamada de analíticas; todo se ejecuta en tu propio sitio.

Todos los datos permanecen dentro de tu base de datos de WordPress: las preguntas, opciones, el mapa de resultados y los ajustes viven en la opción finder_settings (con finder_db_version rastreando el esquema). Cuando un comprador termina el cuestionario, sus respuestas se envían en una solicitud REST del mismo origen al propio endpoint /wp-json/ de tu sitio, el cual devuelve la recomendación; nunca se realiza ninguna solicitud HTTP saliente. El paso actual y las respuestas también se conservan en la URL de la página y en el almacenamiento de sesión por pestaña del navegador para que el cuestionario se pueda reanudar. Eliminar el plugin borra sus opciones.

Capturas

Instalación

  1. Sube el plugin a /wp-content/plugins/elektilo o instálalo mediante Plugins > Añadir nuevo.
  2. Actívalo. WooCommerce debe estar activo.
  3. Visita el menú Elektilo en wp-admin, crea tus pasos, genera las combinaciones y elige un producto para cada una, luego activa el cuestionario.
  4. Añade el cuestionario a cualquier página o entrada con el shortcode [elektilo].

Preguntas frecuentes

¿Requiere WooCommerce?

Sí. Elektilo requiere una instalación activa de WooCommerce.

¿Utiliza jQuery?

No. El script de la parte pública del plugin es JavaScript vanilla sin dependencias de jQuery.

¿Dónde coloco el cuestionario?

En cualquier lugar donde pueda ir el shortcode [elektilo]: una página, una entrada o un bloque de HTML sin procesar / shortcode de un maquetador de páginas.

¿Cuántas preguntas puedo hacer?

Tantos pasos como quieras, cada uno con tantas opciones de opción única como desees. Dos o tres pasos cortos suelen convertir mejor.

¿Qué ocurre al final?

El comprador ve un producto recomendado, su imagen, el precio opcional, un titular y una descripción opcionales, y un botón hacia la página del producto. Si ninguna combinación coincide o el producto asignado no está disponible, se muestra tu producto de respaldo.

¿El precio en el resultado está siempre actualizado?

Sí. La recomendación se obtiene en vivo mediante REST en cada solicitud y nunca se almacena en caché, por lo que el precio y las existencias reflejan tu tienda en ese momento.

¿Este plugin funciona en WordPress Multisitio?

Sí. Actívalo para la red o actívalo en sitios individuales; cada sitio conserva sus propios ajustes.

Reseñas

Leer toda la 1 reseña

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

“Elektilo – Product Finder Quiz for WooCommerce” ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce “Elektilo – Product Finder Quiz for WooCommerce” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.1.5

  • La pantalla de ajustes mostraba el shortcode como [finder], que se imprime como texto sin formato. Ahora muestra [elektilo].
  • El valor de una respuesta con un espacio o puntuación, como «home gym», se guardaba como «homegym» en el paso pero como «home-gym» en el mapa de resultados, por lo que los compradores que lo elegían siempre obtenían el producto de respaldo. Ahora ambos usan el mismo valor; vuelve a guardar los ajustes y a generar las combinaciones para reparar un cuestionario creado antes de esta versión.
  • Las teclas de flecha ahora se mueven entre las respuestas sin enviar el paso, por lo que se puede llegar a cada respuesta mediante el teclado. Espacio, Enter o un clic eligen la respuesta, incluida la que ya estaba seleccionada.
  • Después de Atrás, hacer clic en la respuesta que ya habías elegido avanza de nuevo en lugar de no hacer nada.
  • Las barras invertidas en el título, las preguntas y los textos de resultados se conservan al guardar.
  • Se eliminó la tabla no utilizada finder_compare_items que creaban las versiones anteriores; la desinstalación también la elimina.

1.1.4

  • El selector de productos solo listaba los primeros 200 productos, por lo que las tiendas más grandes no podían elegir el resto. Ahora busca en todo el catálogo a medida que escribes, usando el mismo cuadro de búsqueda que WooCommerce.

1.1.3

  • La URI del plugin en la cabecera respondía con 404. La página a la que hace referencia ya está publicada, y se realizó la misma comprobación en todos los plugins de la familia.

1.1.2

  • Nombrado Elektilo. El equipo de revisión de WordPress.org pide que el nombre de un plugin empiece con un identificador distintivo y acuñado en lugar de una palabra descriptiva genérica. Elektilo significa en esperanto una herramienta que elige, que es lo que hace el cuestionario. El dominio de texto sigue al nombre; los datos almacenados, los ajustes y cada hook se mantienen sin cambios.
  • El shortcode ahora es [elektilo]. Solía ser [finder], una etiqueta lo suficientemente genérica como para que cualquier otro plugin pudiera reclamarla primero. Esta es la última versión en la que se podía cambiar sin romper las páginas existentes, ya que el plugin aún no se ha publicado.
  • El menú de administración muestra Elektilo en lugar de Product Finder, y se actualizaron los lugares donde la documentación todavía decía Finder.

1.0.10

  • Corregido: glifos de flecha en las rutas del menú de administración y en las cadenas entregadas a los traductores. Una flecha dentro de una cadena traducible hace que el glifo sea un problema de cada traductor y cambia el layout en cualquier configuración regional que la omita.

1.0.9

  • La descripción corta tenía 151 caracteres, uno por encima del límite que permite WordPress.org, por lo que el directorio de plugins la cortaba a mitad de la frase. Se acortó en una palabra; el significado no cambia.

1.0.8

  • Se regeneró la plantilla de traducción. Todavía nombraba una versión anterior del plugin y apuntaba a líneas de código fuente que habían cambiado de lugar, que es lo que leen las herramientas de traducción para mostrar una cadena en contexto.

1.0.7

  • Renombrado a Plogins Finder – Product Finder Quiz for WooCommerce para que el nombre empiece con la marca en lugar de una palabra genérica, que es lo que solicita el equipo de revisión de plugins de WordPress.org. El slug del plugin no cambia.

1.0.6

  • Probado con WordPress 7.1. Verificado activando esta compilación en una instalación limpia de 7.1 con WooCommerce 11.1, no editando la cabecera.

1.0.5

  • Mejoras de accesibilidad en el marcado de la administración y de la tienda pública.

1.0.4

  • Corregido: en escritorio, la página ya no se desplaza hacia abajo hasta el buscador al cargar (el foco ahora utiliza preventScroll).
  • Corregido: la URL permanece limpia en la primera visita; el estado del cuestionario (?fa=&fs=) solo se escribe después de que el visitante responde.

1.0.3

  • Se añadió una opción «Abrir en una nueva pestaña» para que el producto recomendado se abra en una nueva pestaña del navegador.

1.0.2

  • Primera versión estable: cuestionario guiado paso a paso para encontrar productos con una administración intuitiva de pasos/resultados, recomendación en vivo impulsada por REST, parte pública accesible en JS vanilla y cero cambios de layout. Indicadores de opción estilo radio, movimiento sutil (compatible con movimiento reducido) y una traducción al polaco.