Use Hive SXA Components in the Experience Editor

This is for:

Developer System Administrator
Warning
Legacy feature

This article pertains to the Coveo Hive framework which is now in maintenance mode.

Choose one of Coveo’s more modern, lightweight, and responsive libraries for any future search interface development. See the search interface Implementation guide for more details.
Note

Before you can use the Hive SXA components, you need to install the Coveo for Sitecore SXA package (see Install Coveo for Sitecore SXA Components).

There are two ways you can add the Coveo components: through the Experience Editor and through the SXA toolbox.

Adding Components Through the Experience Editor

  1. Open your SXA page in the Experience Editor.

  2. Select a placeholder and click Add here.

  3. Select the Search - Coveo tab. You can then add the components you want to the page.

    39357252

Adding Components Through the SXA Toolbox

  1. Open your SXA page in the Experience Editor.

  2. Open the SXA toolbox on the right.

  3. Make sure the toolbox is in "Drag and Drop" mode (the hand icon).

    39357592

  4. Select the component you want to add and drag it in the placeholder you want.

    39357593
Note

When building a search interface, you should start by adding the Coveo Search Resources and Coveo Search Interface components. You can then add the other components such as the searchbox, result list, and the facets.

Depending on your layout, it might not be possible to place all the search components inside the search interface. In such case, you should use the External Components Section to bind the search components with the search interface. In other words, it makes it easier to place the facets in a specific column or the search box in the page header without having to place the search interface at the layout level.

What’s Next?

Continue your deployment of the Coveo Hive components (see Coveo Hive framework).