Add SharePoint O365 App to Your Site Collection and Configure

The steps below describe how to add the SPO App to your site collection, and configure Smart Previews in your Search Results page.

Add the SharePoint App to the Site Collection

  1. Login to your SharePoint Online Search center as a SPO Global Admin.
  2. Navigate to "Site Contents"
  3. Click "New" > "App". 
  4. Search and find the preview app you published to the App Catalog.
  5. Click the app to add it.
  6. Click "Trust it" in the confirmation window pictured below.


  7. The app will be added to the site collection.
    It appears grayed-out initially, after it is added, until it is available.


  8. Once the app is available (it typically takes 5-10 minutes) it is no longer appears grayed-out.
  9. When the app is available, click it to view the Preview App configuration options.
    Provide the following information:
    1. On-premise Preview Service Address:
      1. This is the public URL to the Smart Preview Hybrid service you created under the section labeled "Install and Configure On-Premise Preview Components."
    2. Result Source Name:
      1. This should be a result source that contains all items where you wish to make previews available. 
      2. In most cases, "Local SharePoint Results" will encompass all documents.
    3. Result Source Level:
      1. This is the level where the result source identified in the previous setting exists. 
    4. On Premise Public IPs:
      1. Optional.
      2. This setting can be used to identify IP ranges that requests might come from if the end user is working inside your corporate network.
      3. This disables the preview "download" option when request come from outside this range, for connector content (content which exists inside your network, and could not be downloaded when the end user is outside the network.)
    5. Certificate:
      1. This is the .cer file generated in the section "Install and Configure On-Premise Preview Components"; it is the self-signed certificate created in that section.
  10. Click "Save."

Add Smart Previews to your Search Center

Procedure:

  1. Edit the search results page.

  2. Click "Add Web Part" in the main zone.
  3. Add the SmartPreviewsRouter. See the screenshot below.


  4. Edit the Web Part.
    This Web Part shows no data on the page; these settings "hide" the Web Part from view.
    1. Set Chrome Type to "None".
    2. Set the Zone Index to a high number, which will push it to the bottom of the page.


  5. Apply your changes.   
  6. Edit the Search Results Web Part.
    1. Set the "Display Templates" > "Results Control Display Template" to "Smart Previews Result".
    2. Select "Use result types to display items" and then "Use Result type rules to decide".


  7. Apply your changes.  
  8. Check in the changes and publish the page.