THIS IS ARCHIVED DOCUMENTATION

Inserting and Customizing a Search Interface Component Using the Coveo for Sitecore Legacy Search UI Framework

In this article

Coveo for Sitecore 4.1 (November 2018)

Using the Coveo for Sitecore Legacy Search UI framework, you can either create a search interface as a self-contained page, or insert a search interface into an existing page.

Creating a Search Interface as a Self-Contained Page

  1. Open the Sitecore Content Editor.

  2. Right-click the \sitecore\Content item or one of its subitems > Insert > Coveo-Powered Search Page. Either use the Coveo-Powered Search Page if your site is using Web Forms, or Coveo-Powered Search Page (MVC) if your site is using MVC.

    Important

    When inserting an MVC Coveo-Powered Search Page on a Sitecore 7.X instance, you first need to enable MVC Support. To configure MVC while installing Sitecore, see Sitecore MVC Developer’s Reference Guide. If you have already installed Sitecore and you now want to enable MVC manually, see Sitecore MVC Playground Part 1: Enable MVC.
    If you have already installed Sitecore and you now want to enable MVC manually see Sitecore MVC Playground Part 1: Enable MVC^ | Coveo for Sitecore 4

  3. In the screen that appears, enter the name of the new search page (for example, My Search Page) and choose OK.

    In the screen that appears enter the name of the new search page (for example My Search Page) and choose OK | Coveo for Sitecore 4

  4. Select the newly created search page and choose Publish > Preview.

    Select the newly created search page and choose Publish > Preview | Coveo for Sitecore 4

  5. Validate that you see your search page and that a few search results are displayed.

    Validate that you see your search page and that a few search results are displayed | Coveo for Sitecore 4

Customizing the Properties of Your Search Interface

  1. Open your page in the Sitecore Experience Editor:

    1. Click the launchpad icon at the top left to open the Sitecore Launchpad.

    2. Click Content Editor.

    3. Click the Coveo-powered search page you want to edit in the navigation tree on the left.

  2. In the ribbon, click Publish > Experience Editor.

    In the ribbon click Publish > Experience Editor | Coveo for Sitecore 4
    Important 
    The Sitecore Experience Editor was formerly known as the Page Editor in Sitecore 7.

  3. Using the floating toolbar, edit the properties of the Coveo Search component.

    Using the floating toolbar edit the properties of the Coveo Search component | Coveo for Sitecore 4

  4. Modify the properties according to the desired end result.

    Modify the properties according to the desired end result | Coveo for Sitecore 4

  5. Close the dialog by clicking OK.

  6. Save and close your page.

  7. Validate that you get the desired end result.

    Note

    To learn more about the various properties of a Coveo Search component, see Search Component Properties.

What’s next?

You can now proceed to Inserting and Customizing a Facet Component.