Meilleure barre de recherche pour les thèmes Shopify

Recherchez-vous un thème de barre de recherche Shopify ? Nous avons ce qu’il vous faut. Suivez notre guide descriptif pour ajouter une barre de recherche pour vos thèmes Shopify.

Barre de recherche pour les thèmes Shopify

La barre de recherche est un élément d’un navigateur qui permettra aux visiteurs d’un site Web de rechercher sur Internet ce qu’ils souhaitent trouver. Par exemple, l’image montre la barre de recherche de Firefox, qui vous permet non seulement de rechercher sur Internet, mais également de personnaliser le moteur de recherche que vous souhaitez utiliser. Avec les sites Web, la barre de recherche est un emplacement sur une page Web qui permet aux visiteurs de rechercher le site. Par exemple, une barre de recherche se trouve en haut et en bas de chaque page Web de Computer Hope, y compris celle-ci. Avec les téléphones Android, la barre de recherche est un emplacement trouvé sur l’écran d’accueil qui vous permet d’effectuer une recherche sur Internet. [numération lwptoc=”aucun”]

Application Expertrec Smart Search Bar pour les thèmes Shopify

• Installez la barre de recherche intelligente Expertrec depuis l’App Store de Shopify.

1. Ouvrez votre boutique Shopify et accédez à la section des applications.
2. Vous devrez rechercher l’application via la boutique d’applications Shopify. Cliquez sur le bouton « Acheter des applications ».
3. Sélectionnez la barre de recherche et recherchez « Expertrec Smart Search Bar »
4. Cliquez sur le résultat de la barre de recherche intelligente Expertrec.
5. En cliquant, vous arriverez à la page d’installation. Veuillez procéder à l’ajout de l’application.
6. Une fois l’installation terminée, optez pour l’essai en cliquant sur le bouton « Démarrer l’essai gratuit ».
7. L’application a maintenant terminé la vérification d’essai et vous serez redirigé vers le tableau de bord Expertrec. Ici, vous pouvez activer la barre de recherche sur votre site Shopify quels que soient les thèmes. Veuillez l’activer et la barre de recherche sera visible comme indiqué dans l’image ci-dessus.

• Vous pouvez visiter le magasin et la barre de recherche ressemblera à ceci :

Pourquoi utiliser la barre de recherche Expertrec pour votre thème Shopify

• Contrairement à la barre de recherche Google, Expertrec dispose d’une fonctionnalité de barre de recherche sans publicité. Votre client ne sera jamais dissuadé par aucune autre source.
• L’une des meilleures fonctionnalités offertes par Expertrec est qu’il n’y a aucune limite aux requêtes de recherche que les visiteurs de votre site Web peuvent effectuer. Il est inclus avec tous les forfaits. C’est une bonne affaire !
• Les barres de recherche et les moteurs de recherche sont incomplets sans “Autocomplete”. C’est une fonctionnalité absolument importante. C’est pourquoi Expertrec vous soutient avec sa barre de recherche entièrement personnalisable.
• Les barres de recherche par défaut manquent d’intuitivité. Les barres de recherche premium coûteront votre capital, vous laissant avec un budget minimum. Certaines barres de recherche sont incompatibles entre les appareils. C’est pourquoi Expertrec a rendu sa barre de recherche compatible sur tous les appareils. Qu’il s’agisse de n’importe quelle plate-forme ou appareil, la barre de recherche d’Expertrec offrira une expérience rapide et réactive.
• Aucune expérience en codage ? Aucun problème! En utilisant le tableau de bord Expertrec, vous pouvez facilement apporter des modifications. Tout comme si vous jouiez avec les blocs Lego, vous pouvez utiliser la fonction glisser-déposer pour modifier tous les éléments possibles pour une barre de recherche. Oubliez la recherche de didacticiels et le temps passé à coder une barre de recherche uniquement pour produire des bugs.
• Expertrec dispose d’une indexation instantanée, ce qui signifie que chaque fois que vous avez une mise à jour, vous pouvez l’indexer immédiatement ! Votre boutique n’a pas besoin d’attendre un certain temps pour être indexée uniquement pour perdre des visiteurs Web pendant une période où un produit est à la mode. Mettez à jour et vous pouvez désormais l’indexer vous-même pour qu’il le reflète instantanément sur votre boutique. Vous pouvez désormais toujours mettre à jour votre boutique en fonction d’événements, de statistiques et de demandes et voir le résultat dans la même minute.

Ajoutez une barre de recherche dans votre thème Shopify à l’aide de l’extrait de code Expertrec

Pour utiliser le code, vous devrez accéder au tableau de bord Expertrec. Veuillez vous inscrire en utilisant le bouton ci-dessous.

• Après avoir terminé votre inscription, ouvrez votre boutique et suivez les étapes descriptives ci-dessous :

1. Ouvrez votre panneau d’administration Shopify et dirigez-vous vers la section « Thèmes ».
2. Sélectionnez l'”Action” et cliquez sur “Modifier le code”.
3. Utilisez maintenant le champ de recherche pour trouver le fichier « theme.liquid » et sélectionnez-le.
4. Vous verrez la balise “<head>”. Collez le code ci-dessous sous la balise d’en-tête.

<script> (function(){ 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>

• Maintenant, pour que la barre de recherche fonctionne, vous devez coller un extrait de code sous la balise body. Veuillez vous référer à l’image ci-dessous.
• Assurez-vous de coller le code juste avant la balise de fermeture “</div>”. Enregistrez les modifications et votre barre de recherche sera visible. <ci-recherche></ci-recherche>

Ne faites pas partie du troupeau : démarquez-vous avec la barre de recherche Expertrec

• Si vous vous attendez à ce que la barre de recherche de votre boutique Shopify prenne en charge plusieurs langues, vous vous attendiez à ce que ce soit correct ! La barre de recherche Expertrec Shopify prend en charge plusieurs langues courantes du monde entier, il y en a plus de 30 si vous vous demandez. De l’allemand, du français, de l’espagnol au chinois, au grec, à l’arabe, au tamoul et au japonais. Vos visiteurs internationaux n’auront pas à se contenter de rechercher en anglais standard.
• Nous connaissons tous « Hey Alexa », « Hey Siri » ou « Hey Google ». La recherche vocale a connu une augmentation constante en raison de sa commodité. C’est pourquoi la barre de recherche Expertrec vous propose une option de recherche vocale, contrairement aux autres barres de recherche. Utilisez-le pour vous démarquer et offrir une expérience plus fluide aux visiteurs du site Web.
• Un must pour tous les logiciels car les services sont leur support. Expertrec ne veut pas que vous soyez dans la tourmente. C’est pourquoi ils offrent votre incroyable support client 24h/24 et 7j/7. Vous pouvez nous contacter chaque fois que vous rencontrez un problème, même s’il est très minime, en soulevant un ticket et ils vous répondront dans les plus brefs délais.
• Vous devriez toujours essayer un produit avant de l’acheter. C’est pourquoi Expertrec propose un essai gratuit de 14 jours. Vous n’avez pas du tout besoin de fournir des informations de carte comme les autres services. Vous pouvez télécharger l’application via l’App Store de Shopify ou vous inscrire directement. Une fois que vous êtes satisfait de l’expérience, cela devient évident. Vous pouvez souscrire au forfait de base de 9 $/mois avec des recherches illimitées. Lancez-vous dans la recherche !

Barre de recherche de vitrine pour les thèmes Shopify

Pour y parvenir nous utiliserons le fichier « search.liquid » au lieu du fichier « theme.liquid ». Le modèle search.liquid est principalement utilisé pour afficher les résultats d’une page spécifique. Vous devez prendre en compte les modèles pour une barre de recherche dans un thème. Maintenant, pour créer une barre de recherche pour la recherche dans votre vitrine Shopify, nous devons utiliser les attributs d’action définis sur “/search” dans un formulaire HTML. Ce formulaire devra contenir une entrée sur le type de texte avec un attribut de nom qui doit être défini sur “q”. Cela semble déroutant ? Pas du tout. Vous pouvez copier le code ci-dessous.

<entrée
type=”texte”
placeholder=”Rechercher”
nom=”q”
value=”{{search.terms | évasion }}”
/>
<input type=”submit”value+”Search”/>
</form> Le code ci-dessus ressemblera à ceci :

Maintenant, après avoir fini d’insérer le code ci-dessus, vous remarquerez le “{{search.terms | escape }}” . La valeur à l’intérieur de la barre de recherche permet de conserver la valeur une fois le formulaire de recherche soumis. Si vous souhaitez que la barre de recherche soit disponible sur toutes les pages de votre thème, assurez-vous de placer l’extrait de code dans votre fichier “theme.liquid”.

Mettez en surbrillance le texte de la barre de recherche pour les thèmes Shopify

Il est très important de mettre en avant le mot-clé que le visiteur web a utilisé pour sa recherche. Pour l’implémentation, vous devez utiliser le filtre de surbrillance puis le transmettre au tableau “search.terms”. Si cela prête à confusion, veuillez copier le code ci-dessous.

{% pour l’élément dans search.results %}
…
{{item.content | point culminant : search.terms }}
…
{%endfor%}

Le code ci-dessus appliquera une classe CSS appelée highlight à toutes les instances du terme dans les résultats de recherche, vous permettant d’appliquer un style différent.

• Vous souhaitez essayer Expertrec à votre manière en utilisant l’API de recherche ? Ne vous inquiétez pas, nous fournissons toute la documentation, le support et les clés API nécessaires. Notre service client est disponible 24h/24 et 7j/7.
• Qu’est-ce qu’une barre de recherche de nos jours si elle ne peut pas faire quelque chose d’aussi simple qu’une suggestion automatique. Chez Expertrec, nous proposons cette fonctionnalité afin que vous puissiez informer les visiteurs du magasin des tendances et des ventes possibles sans qu’ils ne le recherchent. C’est un bon moyen de présenter des produits sans effort. Cela aide également à informer les visiteurs des lancements nouveaux ou à venir.
• Vous avez peur qu’un visiteur du magasin puisse mal orthographier un produit et repartir ? N’ayez crainte. Les développeurs d’Expertrec y ont réfléchi très attentivement pour trouver la meilleure résolution. Vous n’avez pas à vous inquiéter du backend. Disons simplement que la barre de recherche d’Expertrec peut gérer les fautes d’orthographe.

Barre de recherche intelligente Expertrec pour les thèmes Shopify