Embed Search

SearchBlox lets you easily add a ready-made search box to your website or application using the Embed Search feature. It provides an HTML code snippet that you can paste into your web pages to show a fully working search interface.

Steps to Configure Embed Search:

1. Navigate to Embed Search Settings:
   Go to Dashboard -> Collections -> Embed Search.

2. Select Collections:
   Choose the collections you want to include in the search.

3. Configure Facet Filters:
   Facet filters allow users to refine and narrow down search results based on specific criteria. When configuring Embed Search in SearchBlox, you can select from a variety of facet filters to enhance the search experience.
   Common Facet Filters:

   1. Content Type:
      Allows users to filter results by the type of content (e.g., PDF, HTML, DOC, etc.).
   2. Last Modified:
      Enables filtering based on the last modified date of the content.
      Example: A user can filter results to show only documents updated in the last 30 days.
   3. Collections:
      Filters results based on the selected collections.
   4. Keywords:
      Filters results based on specific keywords or tags associated with the content.

4. Choose a Tuning Template:
   Relevance Tuning Templates in SearchBlox allow you to optimize search results based on the type of content and user needs. These pre-configured templates ensure that the most relevant results are displayed prominently.

   1. WEB:
      Best for general website content.
      Gives more importance to metadata, titles, and descriptions.
      Suitable for corporate sites, blogs, and informational pages.
   2. ECOMMERCE:
      Designed for online shopping sites.
      Boosts product names, categories, and prices.
      Ideal for websites with product catalogs.
   3. NEWS:
      Built for news and media content.
      Highlights newer articles and trending topics.
      Perfect for news portals and media websites.
   4. KNOWLEDGE_BASE:
      Optimized for documentation and help articles.
      Boosts content based on relevance, popularity, and recent updates.
      Great for support portals or internal knowledge bases.
   5. FAQ:
      Made for frequently asked questions.
      Prioritizes short answers and common search terms.
      Ideal for customer support or help center pages.

5. Select a Search Template:
   Select a UI template (such as Web, Ecommerce, or Database) that fits the look and feel of your website or application. This template controls how the search interface looks and behaves so it blends smoothly with your overall design.

6. Enabling Auto-Suggest in the Search Box
   Auto-suggest shows instant suggestions as users begin typing in the search box. This helps them find information faster and reduces typing effort. You can enable and configure this feature in the Embed Search settings.

7. Enabling SmartSuggest in the Search Box
   Smartsuggest is a feature that provides real-time suggestions as users type their queries in the search box. This enhances the search experience by helping users find what they’re looking for faster and with fewer keystrokes.

   • Enable SmartSuggest, by default disabled. Choose Name and Limit from the drop-down list. To know more about SmartSuggest, Click here
   

8. Generate Embed Code:
   Click Generate Embed Code to produce the HTML snippet required for embedding the search component.

9. Place the Embed Code:
   Copy the generated HTML code and paste it into your web page between the and

   sections.

🚧

NOTE:

• If you need to use the widget code outside the SearchBlox server, add the following line to the generated widget code:
  <input type="hidden" id="sb_plugin_domain" value="https://domain.com"/>
• Replace domain.com with your domain name.