Algolia + Shopify Hydrogen

Expériences de recherche ultra-rapides sur l'architecture headless de Shopify

algolia shopify
Suivez le guideCommencez gratuitement
algolia shopify

L'experience e-commerce la plus rapide

a puzzle piece with the Algolia logo on it on the left-hand side, fitting into a puzzle piece with the Hydrogen logo on it on the right-hand side, and the React.js logo in the middle. All three elements are united by a dashed circle.

Compatibilité quasi totale

Nos bibliothèques React InstantSearch Hooks, autocomplete et insights sont presque entièrement compatibles avec Hydrogen et React 18. Outre le problème de routage de la bibliothèque React InstantSearch Hooks, pour laquelle le correctif est en cours, il n'y a pas d'autres bloqueurs.

A computer window containing the React.js logo on the left-hand side, and a graph with 3 bars in increasing order, the tallest of which has the algolia logo on it.

Performances améliorées

Benefiting from React 18 and our newest React InstantSearch hooks library, the performance of Algolia search & browse in Hydrogen is significantly improved compared to the current theme injected UI available in the integration.
Bénéficiant de React 18 et de notre toute nouvelle bibliothèque de hooks React InstantSearch, les performances de la recherche et de la navigation Algolia dans Hydrogen sont considérablement améliorées. 

Two superposed computer windows. The one in the foreground has the Algolia logo and a search experience, and the one in the background is faded, and has the Hydrogen logo with an ecommerce experience.

Avantages commerciaux

Shopify Hydrogène ne dispose pas de solution de recherche avancée prête à l'emploi. La solution de base ne propose pas de recherche prédictive ni de composants d'interface pré-construits.  Les clients doivent créer tout cela eux-mêmes ce qui peut être assez difficile. 

Utiliser Algolia à la place de la solution Shopify native vous fera gagner du temps. Nos hooks React InstantSearch, la saisie semi-automatique et les bibliothèques d'insights faciliteront votre développement. Notre solution de recherche est beaucoup plus riche et nos performances sont bien meilleures en comparaison.

Computer window with the numbers 1, 2, 3 in a white frame in sequential order, on an Algolia themed (purple) background.

Délai de mise en ligne

Implementation effort is minimum since we have built a demo store with hydrogen. Only Shopify integration set-up and some configuration change in the demo store will be needed for clients to benefit from Hydrogen X Algolia. Clients can then customise with our instant search and autocomplete best practices. The time-to-market can be significantly reduced with Algolia.

L'effort d'implémentation est minimisé grâce à notre démo de boutique e-commerce construite avec Hydrogen. Seules la configuration de l'intégration Shopify et quelques changements de paramètre dans cette démo seront nécessaires pour démarrer avec Hydrogen et Algolia. Il vous sera ensuite possible d'optimiser votre recherche grâce à nos fonctionnalités de recherche instantanée et de saisie semi-automatique. Le délai de mise en ligne est considérablement réduit avec Algolia.

A computer window with a search experience, and a side menu with sliders and filters.

Customisation

Clients can benefit from our easy-to-use UI libraries for quick UI customization. No liquid or GraphQL competences will be needed compared to Hydrogen Shopify API. The customization is standard and well documented. Clients can also benefit from advanced features like Query Suggestion, Personalization, Dynamic widgets…. using our latest UI libraries. This is not the case for  theme injected UI. 

Bénéficiez de nos bibliothèques d'interface utilisateur clé-en-main pour une personnalisation rapide de votre l'interface. Aucune compétence de liquid ou GraphQL ne sera nécessaire, ce qui est un plus en comparaison à l'API Hydrogen Shopify. La personnalisation est standard et bien documentée. Vous pouvez également bénéficier de fonctionnalités avancées telles que la suggestion de recherche, la personnalisation, les widgets dynamiques, etc. 

Créez votre recherche HydrogenEn savoir plus sur Algolia et Shopify

Les leaders du e-commerce font confiance à Algolia et Shopify Hydrogen

Blue Acorn iCi
Overdose
Publicis Sapient
Merkle
Bounteous
Valtech