So you are working on a Sitecore project which is using the SXA module? That’s awesome, the module is really amazing. Oh, you guys are using Coveo for Sitecore as well? Best move ever, you won’t regret. Especially when you realize that you can use all those Coveo components in an SXA fashion. On this blog post, I’ll show you how easy it can be.
How To Install Coveo SXA
Let’s start from the beginning by installing and configuring the Coveo SXA package. Before, you need to make sure you already have installed the Coveo for Sitecore package, Sitecore Powershell Extension, and Sitecore Experience Accelerator modules if you need to.
After that, download the Coveo for Sitecore SXA package here and install it. It should only take a few minutes. Once it is done, go to YourSXASite/Presentation/Available Renderings and create a new item named Coveo. Then, add all Coveo renderings present in Layout/Renderings/Feature/Coveo Hive SXA/Search-Coveo to it.
And that’s it! You are ready to start using the Coveo components in the same SXA way you are every other one.
Adding a Global Search Box On Your SXA Page
Let’s say that you have an already created SXA page on which you would like to add a Coveo global search box. And more, you want to do that in the SXA style. No problem, it will only take you a few steps:
- Make sure you already have a full Coveo Search Page created.
- Drag a Coveo Search Resources rendering and drop it on your page.
- Create a new data source item.
- Drag a Coveo External Section rendering and drop it on the same placeholder.
- Again, create a new data source item and then save the page.
- Drag a Coveo Global Searchbox rendering and drop it you the newly created placeholder.
- Click on its Coveo properties button.
- Set the Search Page URI and save the page.
- You can now see your newly created search box.
- Publish the site and open the edited page.
- Do a search you should be redirected to the full Coveo Search Page.
- Open a bottle of wine and celebrate, you just did it!