Skip to main content

Queryly search overview

Queryly Site Search is a full-featured search experience for your website visitors. You can add Queryly to any existing website on Arc XP or include it as part of a new site buildout or redesign. Queryly immediately provides a new way for readers to navigate and discover your content. Queryly is the best fit for you in terms of flexibility, ease of use, search relevancy, and value.

Arc XP is proud to partner with Queryly, a search service tailored to news publishing. It offers robust support for multi-site organizations and a robust admin UI for managing your search experience.

You can learn more at Queryly.com 

  • Instantly Fast Search API: Queryly brings a "search as you type" experience to your audience. It is lightning-fast and delivers instant gratification of content discovery at your fingertips, literally.

  • Aesthetics and Custom Search Design: Queryly displays results beautifully. When people enjoy the search experience, they will search more and discover more.

  • Relevant Results: Queryly's semantic engine processes every single article and extracts key concepts and knowledge to make search results more relevant.

  • Real Time Search Analytics: People communicate their interests and demands through search. Queryly's dashboard helps you better understand what your users are looking for in real time.

Arc XP and Queryly offer an integrated, out-of-the-box solution. You're not responsible for setting up complex content indexing jobs, as this work is covered by the existing integration. After you license Queryly for your site(s) and the integration has been provisioned, you can get to work adding the search experience to your properties.

Getting started with Queryly

Contact Arc XP Customer Support to learn more about Queryly and explore enabling this paid add-on. The fee for this service is determined by the number of websites and documents. A demo is available upon request.

Implementing Queryly on your sites and apps

If you are using Themes, Queryly is already part of your blocks. See the instructions on Themes - Queryly Search With Themes

If you have a custom site, follow the steps in this document. 

You can choose from two versions of Queryly: Instant Search and Advanced Search. The Instant Search option provides a quick, search-as-you-type experience. The Advanced Search option is a faceted search result page where users can filter results by dates, categories, authors, etc.

If you click on the search icon on the upper right corner, you receive the Instant Search experience. After you type a keyword and click Advanced Search, you're redirected to the advanced search page.

Setting Up Instant Search

Follow these steps to implement Instant Search in your website. 

  1. Add the following HTML where you want the Queryly Search icon to appear:

    <label for="queryly_toggle" style=" margin-bottom: 0px;">
      <img style="cursor:pointer;width: 38px;" src="https://www.queryly.com/images/searchicon.png">
    </label>
    

    It is not necessary to use Queryly's provided search icon. The search widget will work so long as you wrap your preferred icon/div inside the specified <label/> tag.

  2. Add the following Queryly script low in the <body> tag on all pages from where you want the user to be able to initiate a search: https://www.queryly.com/js/queryly.v4.js

  3. Initiate the search by targeting the body container.

    queryly.init('app_id_b8320c4a14952', document.querySelectorAll('#fusion-app'));
    

Setting Up Advanced Search

Follow these steps to install the Queryly Search Results page on your website. We recommend implementing Instant Search first before attempting to add a search results page.

  1. On the page where you will display the search results, add the following to the main container where you would like to display the results:

    <div id="queryly_advanced_container">
      <div id="faceteddata"></div>
      <div id="resultdata"></div>
    </div>
    
  2. At the end of the <body> tag (on the Search results page only), add the following script: https://www.queryly.com/js/organization-name-here-advanced-search.js

Frequently Asked Questions

Is there a way to granularly restrict where a certain keyword is blocked, or is it a global setting? The "Blocked Keywords" section on the Queryly Dashboard prevents certain keywords from showing up in the "Related Searches" and "Popular Searches" sections. It is a global setting.