Swiftype est un service tiers que vous pouvez utiliser pour ajouter un moteur de recherche à votre site.

Remarque : Pour une expérience de recherche optimale, nous vous recommandons d'utiliser notre bloc Rechercher plutôt que celui d'un service tiers.

L’Injection de code et l’ajout de code avancé à un bloc Code sont utilisés dans certaines étapes de ce guide. Ces fonctionnalités premium sont disponibles avec les forfaits Business et Commerce.

Avant de commencer

• Pour ajouter un champ de recherche Swiftype, votre site doit être public. Consultez l’article Publier ou masquer votre site pour en savoir plus sur la mise à jour de vos paramètres.
• You can have one Swiftype search field per page. If you add multiple, none will work.

Get the Swiftype install code

Créez un moteur de recherche et copiez le code d’installation dans Swiftype :

1. Connectez-vous à votre compte Swiftype puis cliquez sur Créer un nouveau moteur.
2. Saisissez l’URL de votre site web, puis cliquez sur Vérifier l’URL.
3. Swiftype va explorer votre site et créer votre moteur de recherche, tout en faisant état de l’avancement.
4. Nommez votre moteur de recherche puis cliquez sur Créer un moteur.
5. Cliquez sur Terminer la configuration.
6. Sur l’écran suivant, cliquez sur Installer la recherche.
7. Personnalisez votre champ de recherche, puis cliquez sur Activer la recherche sur le site.
8. Copiez le code d’installation et enregistrez le code du champ de recherche.

Add the code to your site

Dans Squarespace, ajoutez le code à votre site en utilisant la zone Injection de code et les blocs Code.

Étape 1 - Ajouter le code d’installation à l’injection de code de votre site

1. Ouvrez le panneau Injection de code.
2. Collez le code d’installation dans le champ En-tête.
3. Cliquez sur Enregistrer.

Step 2 - Add the search field code to a page

Après avoir ajouté le code d’installation dans la zone Injection de code de votre site, ajoutez le code du champ de recherche aux pages sur lesquelles vous souhaitez que le champ de recherche Swiftype apparaisse :

1. Cliquez sur un point d’insertion et sélectionnez Code à partir du menu des blocs. Pour en savoir plus sur cette étape, consultez l’article Utiliser le bloc Code.
2. Collez le code du champ de recherche.

Remarque : cette personnalisation basée sur du code n’est pas prise en charge par notre service d’assistance. Nous ne sommes en mesure de vous aider ni pour la configuration ni pour le dépannage. En outre, comme il s’agit d’une solution basée sur du code, nous ne pouvons garantir sa fonctionnalité ni son entière compatibilité avec Squarespace. Nous ne pouvons, par exemple, garantir son fonctionnement avec notre design réactif (en particulier son affichage sur les appareils mobiles) ni son fonctionnement sur l’ensemble des templates. Les personnalisations basées sur du code peuvent également causer des problèmes d’affichage lors des futures mises à jour de notre plateforme. À défaut de pouvoir vous assister pour ces éventuels problèmes, nous vous recommandons les ressources suivantes :

• Découvrez les bonnes pratiques pour ajouter un code personnalisé.
• Lisez notre guide général sur les personnalisations basées sur du code.
• For help with Swiftype, contact them at support@swiftype.com or visit their documentation.
• Rendez-vous sur le forum Squarespace, notre forum d’échange entre clients et développeurs.
• Trouvez un expert Squarespace qui vous aidera à créer du code personnalisé pour votre site.