Pasos para crear un cuadro de búsqueda de autocompletar de Shopify de comercio electrónico
Método 1: usar la aplicación de búsqueda Shopify de Expertrec.
- Instale la extensión de búsqueda Shopify de Expertrec desde aquí.
- Una vez que instale la extensión, será dirigido a su panel de control donde deberá habilitar su motor de búsqueda activando la extensión de búsqueda habilitada.
Método 2: usar el complemento de la barra de búsqueda Shopify de Expertrec
- Inicia sesión en tu tienda Shopify.
- Vaya a https://www.expertrec.com/shopify/
- Ingresa la URL de tu tienda Shopify.
- Haga clic en instalar.
- Haga clic en instalar la aplicación no listada.
- Ahora revisa la búsqueda de tu tienda Shopify.
- La barra de autocompletar de Shopify será similar a la imagen de abajo.
- La página de resultados de búsqueda de Shopify se verá así.
- Este método también agrega búsqueda por voz a tu tienda Shopify.
Método 3: modificando el código
La función de búsqueda de tiendas en línea en Shopify es una herramienta poderosa y con todas las funciones que los compradores pueden usar para realizar las búsquedas necesarias en productos, páginas y artículos específicos de una tienda. Más importante aún, si tus clientes desean optimizar su búsqueda o si eres propietario de un negocio con una tienda Shopify y te gustaría mejorar la opción de búsqueda para que tus compradores puedan ver los tipos de resultados deseados y específicos, entonces este artículo es todo lo que necesitas. Básicamente, y explícitamente, destaca los procesos o formas de crear un autocompletado de búsqueda de Shopify.
Para las personas y empresas que buscan llevar sus esfuerzos comerciales al siguiente nivel, lo ideal es encontrar formas de configurar Autocompletar en sus barras de búsqueda, lo que sin duda hace algo de magia. Mientras tanto, aunque algunos están bastante familiarizados con el enfoque correcto a seguir, es lamentable que una amplia variedad de las supuestas opciones disponibles no rindan mucho al profano. Quizás falten algunas cosas. Afortunadamente, un autocompletado para el cuadro de búsqueda en Shopify debe funcionar siempre que esté personalizado para Shopify Doc.
Además, es igualmente crucial para las personas cuyos clientes tienen un gran inventario de productos o una amplia variedad de contenidos no relacionados con los productos. Esencialmente, su cliente podría requerir un método de búsqueda más matizado, a medida que sus tiendas se vuelven cada vez más complejas. Esto les ayudará a filtrar ciertos resultados o dar prioridad a los productos sobre las páginas habituales que solían visitar. Entre los pocos que aprovechan esta gran característica se encuentra Expertrec. El motor de búsqueda personalizado de Expertrec es una plataforma confiable que ayuda a crear un autocompletado de búsqueda de Shopify.
Ofrecen un enfoque simple donde un individuo o una empresa puede divulgar todas las oportunidades inherentes. Algunas de las características de Expertrec son: súper rápido, sin anuncios, PDF, búsqueda de imágenes, configuración rápida, etc. Con un precio inicial de $9 al mes y otros complementos, Expertrec es una impresionante herramienta de búsqueda de calidad que necesita para su sitio web.
Para crear una búsqueda de Shopify Autocompletar, existe un método de bricolaje, que es muy recomendable. En otras palabras, autocompletar cuadros de búsqueda en tu tienda Shopify es algo que puedes hacer tú mismo. Es fácil de hacer y sin duda es una gran característica.
Desde tu tienda Shopify, todo lo que tienes que hacer es ir a tu administrador, luego a
Tienda Online > Temas > Acciones > Editar Código.
Por ejemplo, existe el concepto de implementar una búsqueda de autocompletar con jQuery y la biblioteca jQuery UI. Esto aprovecha la búsqueda de Shopify, Liquid y JavaScript/jQuery, y es adoptado por Expertrec. Independientemente del enfoque que adopte, es fundamental tener un conocimiento moderado de jQuery y liquid.
El complemento de autocompletar jQuery UI necesita una fuente de datos, y es bastante inviable cargar tantos datos en cada página, aunque es posible volcar todos los productos en un objeto JSON enorme en la fuente de la página. El escaparate de Shopify entra aquí, ya que Shopify utiliza Apache para potenciar su búsqueda. Es decir, sus productos, publicaciones de blog y artículos indexados ya están contenidos en él.
EL LÍQUIDO
Shopify tiene otra característica interesante donde puedes ver la URL y posteriormente llevarla a una plantilla líquida especial que corresponde a esa vista. Esto se conoce como “el líquido”. Aquí, es posible que deba crear una plantilla que tenga un archivo llamado search.json.liquid.
Ahora bien, es cierto que cuando sus visitantes escriben en el cuadro de búsqueda de su tienda, tienen expectativas. Y si ignora estas cosas, podrían afectar su negocio. Por lo tanto, la capacidad de dirigir a sus visitantes para que salten a la página de cualquier producto con un solo clic se vuelve muy crucial. Nuevamente, para algunos, crear una plantilla de búsqueda alternativa podría ser suficiente.
Pasos:
- Para crear una nueva plantilla para la página de búsqueda: search.json.liquid Aquí, en el directorio de plantillas, haga clic en el enlace “Agregar una nueva plantilla” y elija el tipo de opción que desea para su nueva plantilla. En el caso de una plantilla de búsqueda alternativa, haga clic en buscar y asígnele el nombre JSON.
- Haga clic en “Crear plantilla”, que aparecerá en el editor de código, mientras el archivo se completa con el código predeterminado.
- Cree un archivo search-autocomplete.liquid. Esto se encuentra en el directorio Snippets. En la ventana emergente, verá algo como “Asigne a su fragmento el nombre de búsqueda -autocompletar”. Haga clic en Crear fragmento.
- Ahora, edite el archivo theme.liquid. Localice el archivo theme.liquid en la carpeta Diseños. Haga clic en él para abrirlo en el editor de código en línea. Desplácese hacia abajo y verá la etiqueta de cierre.
De manera similar, este concepto se puede introducir en la búsqueda de productos de comercio electrónico para brindar una experiencia de usuario increíble, y Shopify Search Autocompletar es una excelente manera de lograr y mejorar esta hazaña. La forma en que funciona: implemente Autocompletar e inmediatamente después de hacerlo, el usuario puede seleccionar un producto recomendado en el cuadro de búsqueda y ser dirigido a la página de destino del producto.
Además, hay algunos consejos sencillos que puedes adoptar para mejorar la búsqueda de productos en Shopify.
1. Haz que tu cuadro de búsqueda sea fácil de identificar: cualquiera que haya trabajado anteriormente en cualquier tipo de proyecto de desarrollo de aplicación Shopify personalizado, está familiarizado con la importancia de la búsqueda de productos. Una de las mejores formas de hacerlo es hacer que el cuadro de búsqueda sea fácil de detectar para quien quiera utilizarlo, y esto es para mejorar la UX. Dado que es común y razonable buscar el cuadro de búsqueda al principio, es importante que usted, como propietario de una tienda en línea, ponga mucho énfasis en su cuadro de búsqueda cada vez que implemente la configuración de búsqueda de Shopify.
2. Adopte el uso del editor de metacampos. Este es uno de los métodos más comunes y efectivos para mejorar Shopify Visual Search para tu tienda. Es gratuito y permite agregar metacampos relacionados con un producto en particular para mejorar la búsqueda.
3. Se debe implementar la búsqueda rápida. El tiempo, dicen, es dinero. Esto también se aplica al caso de búsqueda de productos, donde los detalles de los productos deben recuperarse en fracciones de segundo. Imagine que su cuadro de búsqueda tarda mucho en obtener los detalles; puede ser realmente frustrante y, en consecuencia, resultar en una experiencia de usuario terrible. Por lo tanto, asegúrese de que su servicio de búsqueda sea de alta velocidad y, en este caso, una excelente solución de alojamiento basada en la nube no será una mala idea.
4. ¿Y Autocompletar? Últimamente los usuarios se han convertido en grandes admiradores del concepto de Autosugestión y Autocompletar desde su introducción por parte de Google. Como su nombre lo indica, inmediatamente después de comenzar a escribir algo en el cuadro de búsqueda de Google, obtienes consultas de búsqueda relacionadas gracias a esta función. Eso significa que no es necesario escribir todas las preguntas completas para obtener el resultado deseado.
Obtén la aplicación ExpertRec Shopify
Finalmente, la búsqueda personalizada de Expertrec es una gran plataforma para crear el autocompletado de búsqueda de Shopify. Fácil de configurar, rápido, eficiente, asequible y le brinda el tráfico de búsqueda que tanto desea. Puedes crear tu autocompletado de búsqueda de Shopify usando Expertrec desde aquí.
Referencias
https://community.shopify.com/c/Shopify-Design/Auto-complete-for-search-boxes/m-p/419285
https://www.shopify.com.ng/partners/blog/custom-search
https://community.shopify.com/c/Shopify-Design/DIY-Implementing-Autocomplete-with-Search/m-p/59750
http://unofficialshopify.blogspot.com/2016/09/how-to-enable-autocomplete-for-search.html
