Embed Search

Integrate and Customize Embed Search in Your Website with SearchBlox

SearchBlox allows you to seamlessly integrate a ready-to-use search interface into your website or application using the Embed Search feature. This feature generates an HTML embed code that can be placed within your web pages to provide a fully functional search experience.

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:
      Optimized for general website content.
      Prioritizes results based on metadata, titles, and descriptions.
      Ideal for corporate websites, blogs, or informational sites.
    2. ECOMMERCE:
      Tailored for online shopping platforms.
      Boosts product names, categories, and prices.
      Ideal for ecommerce websites with product catalogs.
    3. NEWS:
      Designed for news and media content.
      Prioritizes recent articles and trending topics.
      Ideal for news portals or media websites.
    4. KNOWLEDGE_BASE:
      Optimized for knowledge bases and documentation.
      Boosts articles based on relevance, popularity, and last modified date.
      Ideal for support portals or internal knowledge repositories.
    5. FAQ:
      Tailored for frequently asked questions (FAQs).
      Prioritizes concise answers and commonly searched terms.
      Ideal for customer support or help centers.
  5. Select a Search Template:
    Choose a Search UI Template (e.g., Web, Ecommerce, Database) that matches your website or application’s design. It allows you to customize the appearance and functionality of the search interface to match your website or application’s design and user needs.
  6. Enabling Auto-Suggest in the Search Box
    Auto-suggest 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. Here’s how to enable and configure auto-suggest in SearchBlox:
  7. Generate Embed Code:
    Click Generate Embed Code to create the HTML code snippet.
  8. Place the Embed Code:
    Copy the generated HTML code and place it between the header () and footer () sections of your HTML page.

🚧

NOTE:

  • If the Widget code needs to be accessed outside the searchblox server, add the following line in the generated widget code.
    <input type="hidden" id="sb_plugin_domain" value="https://domain.com"/>
  • Replace domain.com with your domain name.