🚧 RayoSearch is in private beta. We're onboarding a small number of early users. Request access →
RayoSearch
Updated April 2026

Add search to
your website
in 15 minutes.

No backend engineers. No complex setup. RayoSearch connects to your existing Azure AI Search index and delivers a fully working search widget with one script tag.

Works on any website
No coding required
Free during beta
yoursite.com
getting started with onboarding ⌘K
Onboarding Guide — Getting Started
Documentation · 3 min read
Account setup and first project
Documentation · 5 min read
Invite teammates and manage roles
Documentation · 2 min read
3 results · 48ms Powered by RayoSearch
Setup time
15 min
No code required

Works on any website platform

Shopify WordPress Webflow Wix Squarespace Next.js Gatsby Custom HTML
Step-by-step guide

How to add search to your website

Follow these steps to go from zero to live search in under 15 minutes.

1

Set up an Azure AI Search index

Azure AI Search (formerly Cognitive Search) is the backbone of RayoSearch. If you already have an index, skip to step 2. If not, create a free Azure account and set up a new search service — the free tier handles up to 50 MB of data and 3 indexes at no cost.

Your data can come from almost anywhere: a SQL database, CosmosDB, Azure Blob Storage, or a JSON file you upload directly. Azure's indexer can pull data automatically on a schedule, so your search results stay fresh without any manual work.

What you'll need:

  • Azure portal access (free account works)
  • Your data in a supported format (JSON, SQL, Blob Storage, CosmosDB)
  • An Azure AI Search endpoint URL
  • A query API key (read-only is fine)
2

Connect your index to RayoSearch

Sign in to RayoSearch, create a new site, and paste your Azure endpoint URL, index name, and API key. RayoSearch validates the connection instantly and reads your index schema — no manual field configuration needed at this stage.

The connection is read-only. Your API key only needs query permissions — RayoSearch never writes to your index. Your data stays in your Azure subscription.

Tip: Use a read-only query key, not your admin key. In the Azure portal, go to your Search service → Settings → Keys → Manage query keys.

3

Configure your widget with the visual builder

Map your fields (title, image URL, description, price) using dropdowns and see a live preview update in real time. Choose a display mode — modal popup, inline, or full-page results — and set colors to match your brand.

Enable filters for any facetable field in your index: category, price range, tags, date, or any custom attribute. Filters appear automatically in the widget with live result counts — no code required.

Result title field
Description / subtitle
Image URL field
Link URL field
Price / badge field
Category filters
4

Embed one script tag and go live

Copy your generated script tag from the dashboard and paste it before the closing </body> tag on your page. Search is live instantly — no build step, no npm, no server restart needed.

index.html
<script
  src="https://cdn.rayosearch.com/widget.js"
  data-site-id="site_abc123"
  async></script>
</body>

That's it. Your search widget is live. Users can open it with ⌘K or by clicking a search icon you've added anywhere on the page.

Decision guide

Which search solution should you choose?

There are four common approaches to adding search to a website. Here's how they compare honestly.

Solution Setup Time Cost at Scale AI / Semantic Managed Hosting
Self-built search Weeks Low
Algolia Hours High ($1k+/mo) Partial
Elasticsearch Days Medium Partial Self-managed
Azure AI Search + RayoSearch 15 min Low Full (vector)

Why not build it yourself?

A basic self-built search is faster than it sounds — until you try to add typo tolerance, relevance ranking, semantic understanding, analytics, and mobile performance. Each feature adds weeks. Most teams spend 2–4 weeks on a version they regret six months later.

Search is also deceptively hard to get right. Users expect Google-quality results. They'll give you one try before they stop using search entirely.

Why Azure AI Search?

Azure AI Search is enterprise-grade, with built-in vector search, semantic ranking, typo tolerance, and scalable pricing based on index size — not query volume. That means costs don't spike when you run a campaign or go viral.

RayoSearch sits on top as the frontend layer: the visual builder, the widget, and the analytics. You get AI search quality with a 15-minute setup time.

Common pitfalls

Common mistakes when adding search to a website

Most site search implementations fail not because of the technology — but because of these avoidable mistakes.

01

Hiding the search box in a hamburger menu

Burying your search bar inside a navigation menu reduces search usage by up to 50%. Users won't hunt for it. Place search prominently in your header — ideally as a persistent bar or a clearly visible icon that opens a modal. The ⌘K pattern works especially well for SaaS products and documentation sites.

02

Not handling typos and misspellings

10–15% of all search queries contain a spelling error. If your search does exact-match only, those users get zero results and bounce. A search solution with fuzzy matching and typo tolerance should handle "recieve," "mispelling," and "addres" automatically — without any configuration on your part.

03

Showing an empty zero-results page

A blank page that says "No results found" is a dead end. When a query returns nothing, show alternatives: popular searches, trending content, a suggestion to browse by category, or a "Did you mean?" prompt. Zero-result pages have the highest abandonment rate of any search outcome — make them useful instead.

04

Not tracking search analytics

You can't improve what you don't measure. Without analytics, you have no idea what your users are looking for, which queries fail, which results get clicked, or where users drop off. Search analytics data is some of the most actionable insight you can collect — it tells you exactly what your audience wants.

05

Defaulting to date-ordered results instead of relevance ranking

Showing the newest results first makes sense for a news feed. It makes no sense for a documentation site, product catalog, or knowledge base. Relevance ranking — which considers field weighting, semantic similarity, click data, and query context — dramatically improves result quality. Date should be a filter option, not the default sort.

Analytics & metrics

How to measure if your search is working

Four metrics tell you almost everything you need to know about search health. Track these from day one.

Metric What it measures Target If below target
Click-through rate (CTR) % of searches where a user clicks a result > 60% Results are irrelevant — improve ranking or field mapping
Zero-result rate % of queries that return no results < 5% Add synonyms, improve typo tolerance, or expand your index
Reformulation rate % of users who refine their query without clicking < 20% Results aren't matching intent — review top failing queries
Abandonment rate % of sessions where user searched but left without clicking < 35% Both CTR and zero-result issues — audit your top queries

RayoSearch tracks all of these automatically

Every search, click, zero-result event, and session is captured and shown in your analytics dashboard. No extra tracking code, no third-party tools, no configuration. You can see your top queries, your worst-performing queries, and click-through rates for any time range — from the moment search goes live.

Why RayoSearch

Built for teams who don't want to build search

Enterprise search quality. No backend engineers. No months of development. Just search that works.

No Backend Required

Every other enterprise search solution requires server-side code to proxy requests, handle auth, and serve results. RayoSearch handles all of this from the widget itself — your API credentials are scoped to the widget and never exposed.

Works on Any CMS

Shopify, WordPress, Webflow, Wix, Squarespace, Next.js, Gatsby, or a custom static site — if you can add a script tag before </body>, you can add RayoSearch. No platform-specific plugins or app installs.

AI Search Intent Understanding

Azure AI Search vector embeddings understand what users mean — not just what they type. "Comfortable shoes for standing all day" finds ergonomic footwear. Natural language queries that used to fail now convert.

Search Analytics Included

Know exactly what your users search for, which results get clicked, and which queries return nothing — all in your dashboard from day one. No extra tracking code, no third-party tools, no additional configuration.

Instant Sub-100ms Results

Debounced inputs, cached responses, and a globally distributed CDN deliver results in under 100ms. Users see results as they type — the experience feels local, not like a network request.

Visual Widget Builder

No CSS overrides. No JavaScript. The visual builder gives you full control over colors, layout, result templates, and field display — with a live preview that updates as you configure. Looks exactly right before you ever embed it.

What kind of website are you building search for?

The setup is the same. The payoff looks different depending on your site type.

Documentation & Knowledge Base

Docs sites live and die by search. Users land on your docs with a specific problem — if they can't find the answer in 30 seconds, they open a support ticket or churn. Semantic search understands "how do I connect to the API" even when your docs say "API authentication setup."

  • Semantic query understanding
  • Code snippet highlighting
  • Section-level search results
  • Zero-result analytics for content gaps

Ecommerce & Product Catalog

Shoppers who use site search convert at 2–3× the rate of browsers — they know what they want. Faceted filters by size, color, price, and category let them narrow results without scrolling through hundreds of products. Rich product cards with images and pricing reduce friction from search to add-to-cart.

  • AI product relevance ranking
  • Faceted filters (size, color, price)
  • Rich product cards with images
  • Typo & synonym tolerance

Blog, Media & Content Sites

Content sites with hundreds or thousands of articles need search to stay navigable. Users searching for a specific topic should find the most relevant article — not the most recent one. RayoSearch's relevance ranking surfaces the right content based on meaning, not just keyword overlap.

  • Content relevance over recency
  • Category and tag filtering
  • Author and date metadata display
  • Related article suggestions

Frequently asked questions

Everything you need to know before adding search to your website.

What is the best way to add search to a website?
The fastest way is to use a hosted search service like RayoSearch with Azure AI Search. Connect your data, configure a widget, and embed one script tag. You get AI-powered results, typo tolerance, faceted filtering, and analytics — without writing backend code. For teams that need to move quickly and don't want to maintain infrastructure, this is the clear best option in 2026.
How long does it take to add search to a website?
With RayoSearch, most sites are live in under 15 minutes. Connect your Azure AI Search index, configure your widget in the visual builder, and paste one script tag. No backend code required. If you don't have an Azure AI Search index yet, setting one up from scratch adds about 20–30 minutes to get your data indexed.
Can I add search to a website without coding?
Yes. RayoSearch is designed for non-developers. The entire setup is point-and-click in the dashboard: paste your Azure credentials, map your fields with dropdowns, choose your colors, and copy the script tag. The only "technical" step is pasting one line of HTML into your page — which is copy-paste, not coding. Thousands of non-technical site owners do this every day.
Does site search work on any website platform?
Yes. RayoSearch works on any website that allows adding a script tag: Shopify, WordPress, Webflow, Wix, Squarespace, Next.js, Gatsby, custom HTML, or any other platform. If you can edit the HTML of your page — even just through a theme editor — you can add RayoSearch.
What are the benefits of adding search to a website?
Search dramatically improves navigation on content-heavy sites. Users with search intent convert at 2–3× the rate of browsers — they know what they want and they're ready to act. Search analytics are also one of the most actionable data sources available: they reveal what your visitors are looking for, which content gaps you have, what products are in demand, and what language your users use — invaluable for content strategy, product decisions, and SEO.
Private beta — live in 15 minutes

Add search to your website today

Free during beta. No credit card required. Two fields and you're on the list.

Takes less than 30 seconds
No credit card required
Access approved quickly
SR

"We added RayoSearch to our docs site in about 20 minutes. Our support ticket volume dropped 30% in the first two weeks — users were finally finding answers on their own."

— Beta user · SaaS documentation site

Ready to add search to your website?

Live in under 15 minutes. Free during beta. Works on any platform.

🚧 Private Beta

Join the beta program

We're onboarding a small group of early users. Beta members get full access, hands-on onboarding support, and a direct line to shape the product roadmap.

Beta Program
Free
Until public launch
LIMITED SPOTS
  • 1 site during beta
  • Direct onboarding & setup support
  • Feature requests prioritized
  • Free access until public launch
  • Locked-in early adopter pricing

Request access

We'll review your application and reach out within 2–3 business days.

No spam, ever. We'll only reach out about your application.