La mejor barra de búsqueda para temas de Shopify

¿Estás buscando un tema para la barra de búsqueda de Shopify? Te tenemos cubierto. Sigue nuestra guía descriptiva para agregar una barra de búsqueda para tus temas de Shopify.

Barra de búsqueda para temas de Shopify

La barra de búsqueda es un elemento dentro de un navegador que permitirá a los visitantes del sitio web buscar en Internet lo que desean encontrar. Por ejemplo, la imagen muestra la barra de búsqueda en Firefox, que no solo te permite buscar en Internet sino también personalizar qué motor de búsqueda deseas utilizar. En los sitios web, la barra de búsqueda es una ubicación en una página web que permite a los visitantes buscar en el sitio. Por ejemplo, se encuentra una barra de búsqueda en la parte superior e inferior de cada página web de Computer Hope, incluida ésta. En los teléfonos Android, la barra de búsqueda es una ubicación que se encuentra en la pantalla de inicio y que le permite buscar en Internet. [numeración lwptoc = “ninguno”]

Agrega una excelente búsqueda a tu tienda Shopify

Aplicación Expertrec Smart Search Bar para temas de Shopify

• Instale la barra de búsqueda inteligente Expertrec desde Shopify App Store.

1. Abre tu tienda Shopify y dirígete a la sección de aplicaciones.
2. Deberá buscar la aplicación a través de la tienda de aplicaciones Shopify. Haga clic en el botón “Comprar aplicaciones”.
3. Seleccione la barra de búsqueda y busque “Barra de búsqueda inteligente Expertrec”
4. Haga clic en el resultado de la barra de búsqueda inteligente de Expertrec.
5. Al hacer clic llegará a la página de instalación. Proceda a agregar la aplicación.
6. Una vez completada la instalación, opte por la prueba haciendo clic en el botón “Iniciar prueba gratuita”.
7. Ahora la aplicación ha completado la verificación de prueba y será redirigido al Panel de Expertrec. Aquí puedes activar la barra de búsqueda en tu sitio Shopify independientemente de los temas. Actívelo y la barra de búsqueda será visible como se muestra en la imagen de arriba.

• Puedes visitar la tienda y la barra de búsqueda se verá así:

Por qué utilizar la barra de búsqueda de Expertrec para su tema de Shopify

• A diferencia de la barra de búsqueda de Google, Expertrec tiene una función de barra de búsqueda sin anuncios. Su cliente nunca se dejará disuadir por ninguna otra fuente.
• Una de las mejores características que ofrece Expertrec es que no hay límite para las consultas de búsqueda que pueden realizar los visitantes de su sitio web. Está incluido en todos los paquetes. ¡Es una ganga!
• Las barras de búsqueda y los motores de búsqueda están incompletos sin “Autocompletar”. Es una característica absolutamente importante. Es por eso que Expertrec te respalda con su barra de búsqueda totalmente personalizable.
• Las barras de búsqueda predeterminadas carecen de intuición. Las barras de búsqueda premium le costarán su capital y le dejarán con un presupuesto mínimo. Ciertas barras de búsqueda son incompatibles entre dispositivos. Es por eso que Expertrec ha hecho que su barra de búsqueda sea compatible en todos los dispositivos. Ya sea cualquier plataforma o dispositivo, la barra de búsqueda de Expertrec brindará una experiencia rápida y receptiva.
• ¿Sin experiencia en codificación? ¡Ningún problema! Con el Panel de Expertrec puede realizar cambios fácilmente. Al igual que jugar con los bloques de Lego, puedes usar la función de arrastrar y soltar para editar todos los elementos posibles de una barra de búsqueda. Olvídese de buscar tutoriales y pasar incontables horas codificando una barra de búsqueda sólo para producir errores.
• Expertrec cuenta con indexación instantánea, lo que significa que cada vez que tengas una actualización puedes continuar e indexarla de inmediato. Su tienda no necesita esperar un tiempo para ser indexada sólo para perder visitantes a la web durante un período en el que un producto está en tendencia. Actualízalo y ahora podrás indexarlo tú mismo para que se refleje en tu tienda al instante. Ahora siempre puedes actualizar tu tienda en función de eventos, estadísticas y demandas y ver el resultado en el mismo minuto.

Agregue la barra de búsqueda en su tema de Shopify usando el fragmento de código de Expertrec

Para utilizar el código, deberá acceder al Panel de Expertrec. Regístrese usando el botón a continuación.

• Después de terminar de registrarte, abre tu tienda y sigue los pasos descriptivos a continuación:

1. Abre tu panel de administración de Shopify y dirígete a la sección “Temas”.
2. Seleccione la “Acción” y haga clic en “Editar código”.
3. Ahora use el cuadro de búsqueda para buscar el archivo “theme.liquid” y selecciónelo.
4. Verá la etiqueta “<head>”. Pegue el código a continuación debajo de la etiqueta del encabezado.

<script> (función(){ var id = '975ee0a4-2326-11e9-a342-0242ac130002'; var ci_search = document.createElement('script'); ci_search.type = 'text/javascript'; ci_search.async = true ; ci_search.src = 'https://cse.expertrec.com/api/js/ci_common.js?id='+id; var s = document.getElementByTagName('script')[0]; s.parentNode.insertBefore (ci_search, s); })(); </script>

• Ahora, para que la barra de búsqueda funcione, debes pegar un fragmento de código debajo de la etiqueta del cuerpo. Consulte la imagen a continuación.Asegúrese de pegar el código justo
• antes de la etiqueta de cierre “</div>”. Guarde los cambios y su barra de búsqueda será visible. <ci-búsqueda></ci-búsqueda>

No sea parte de la manada: destaque con la barra de búsqueda de Expertrec

• Si espera que la barra de búsqueda de su tienda Shopify admita varios idiomas, ¡esperaba que fuera correcto! La barra de búsqueda de Expertrec Shopify admite varios idiomas principales de todo el mundo; tiene más de 30 si se lo pregunta. Desde alemán, francés, español hasta chino, griego, árabe, tamil y japonés. Sus visitantes globales no tendrán que limitarse a realizar búsquedas en inglés estándar.
• Todos estamos familiarizados con “Hola Alexa”, “Hola Siri” o “Hola Google”. Se ha observado un aumento constante de la búsqueda por voz debido a la conveniencia. Es por eso que la barra de búsqueda de Expertrec le brinda una opción de búsqueda por voz, a diferencia de otras barras de búsqueda. Úselo para destacar y brindar una experiencia más fluida a los visitantes del sitio web.
• Una necesidad para todo software ya que los servicios son su soporte. Expertrec no quiere que usted esté en problemas. Es por eso que ofrecen su increíble soporte al cliente 24 horas al día, 7 días a la semana. Puede comunicarse siempre que tenga algún problema, incluso si es mínimo, presentando un ticket y ellos se comunicarán con usted lo antes posible.
• Siempre debes probar un producto antes de comprarlo. Por eso Expertrec ofrece una prueba gratuita de 14 días. No es necesario que proporcione ninguna información de la tarjeta como ocurre con otros servicios. Puedes descargar la aplicación a través de Shopify App Store o puedes registrarte directamente. Una vez que esté satisfecho con la experiencia, es evidente. Puedes registrarte en el plan básico de $9/mes con búsquedas ilimitadas. ¡Empiece a buscar!

Barra de búsqueda de escaparate para temas de Shopify

Para lograr esto usaremos el archivo “search.liquid” en lugar del archivo “theme.liquid”. La plantilla search.liquid se utiliza principalmente para mostrar los resultados de una página específica. Debes tener en cuenta las plantillas para una barra de búsqueda en un tema. Ahora, para crear una barra de búsqueda para tu tienda Shopify, necesitamos usar atributos de acción configurados en “/search” en un formulario HTML. Este formulario deberá tener una entrada sobre el tipo de texto con un atributo de nombre que debe establecerse en “q”. ¿Suena confuso? De nada. Puede copiar el código a continuación.

<entrada
tipo="texto"
marcador de posición = "Buscar"
nombre="q"
valor="{{términos de búsqueda | escape }}"
/>
<tipo de entrada="enviar"valor+"Buscar"/>
</form> El código anterior se verá así:

Ahora, una vez que haya terminado de insertar el código anterior, notará el mensaje “{{search.terms | escape }}”. El valor dentro de la barra de búsqueda ayuda a mantener el valor después de enviar el formulario de búsqueda. En caso de que desee tener la barra de búsqueda disponible en todas las páginas de su tema, asegúrese de colocar el fragmento de código en su archivo “theme.liquid”.

Resalte el texto de la barra de búsqueda para temas de Shopify

Es muy importante resaltar la palabra clave que el visitante de la web ha utilizado para sus búsquedas. Para la implementación, debe usar el filtro resaltado y luego pasarlo a la matriz “search.terms”. Si le resulta confuso, copie el código siguiente.

{% para elemento en search.results %}
...
{{item.content | resaltado: términos.de.búsqueda }}
...
{%endfor%}

El código anterior aplicará una clase CSS llamada resaltado a cualquier instancia del término en los resultados de búsqueda, lo que le permitirá aplicar un estilo diferente.

• ¿Quieres probar Expertrec a tu manera usando la API de búsqueda? No se preocupe, le proporcionamos toda la documentación, el soporte y las claves API necesarios. Nuestro servicio de atención al cliente está disponible 24 horas al día, 7 días a la semana.
• ¿Qué es una barra de búsqueda hoy en día si no puede hacer algo tan simple como sugerencias automáticas? En Expertrec ofrecemos esta función para que puedas informar a los visitantes de la tienda cuáles son las tendencias y qué ventas podrían realizarse sin que las busquen. Es una buena forma de presentar productos sin esfuerzo. También ayuda a informar a los visitantes sobre lanzamientos nuevos o futuros.
• ¿Tienes miedo de que un visitante de la tienda escriba mal un producto y luego se vaya? No temáis. Los desarrolladores de Expertrec han pensado mucho en esto solo para encontrar la mejor resolución. No tienes que preocuparte por el backend. Digamos que la barra de búsqueda de Expertrec puede manejar errores ortográficos.

Agrega una excelente búsqueda a tu tienda Shopify