Use Hive SXA Components in the Experience Editor

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.

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).

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

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 for Sitecore Hive components (see Coveo for Sitecore Hive UI Framework).

Recommended Articles