Install guidesWebflow

Install guide · Webflow

How to Add PDF Search to Your Webflow Site

Sparks Simple embeds in your Webflow site in Under 5 minutes. No coding required.

PlatformWebflow
Embed methodHTML Embed element in the Designer
DifficultyEasy
Install timeUnder 5 minutes

Why it matters

Why add PDF search to your Webflow site?

Visitors on Webflowsites expect to find information fast. If you’re hosting PDFs — guides, contracts, menus, manuals, resource libraries — a search widget lets them find exactly what they need without downloading anything or sending you an email.

Sparks Simple gives your Webflow site an embeddable search widget that indexes your PDFs and returns instant, full-text results — right on your page. Clients and visitors stay on your site, find what they need, and stop calling your office asking for documents they should already have.

No portal. No login required from visitors. No custom development. Just paste one line of code.

Step-by-step

How to install on Webflow

Embed method: HTML Embed element in the Designer

  1. 01

    Open your project in the Webflow Designer and navigate to the page where you want the widget.

  2. 02

    In the Add Elements panel (+ icon), find the "Embed" element under Components and drag it onto the canvas.

  3. 03

    Double-click the Embed element to open the code editor popup.

  4. 04

    Paste your Sparks Simple embed code, click Save & Close, then Publish the site to see it live.

Difficulty:Easy
Install time:Under 5 minutes

Want to restrict access? Place this page behind Webflow's password protection to create a secure client portal — no dedicated portal software required. No per-user fees.

Before you start

What you’ll need

  • A free Sparks Simple accountSign up free

  • Your embed code — available in your dashboard after signup

  • A Webflow site

What it looks like

Try it — this is the real widget

morrison-associates.com/resources

MORRISON & ASSOCIATES

Client Resources

↑ Live demo — type “retainer”, “fee”, or “intake”

This is what your clients will see on your Webflow site after you paste the embed code.

Webflow tip

The Embed element is available on all Webflow paid plans. You will see a placeholder box in the Designer — the widget only renders after publishing or using the preview mode. Place the Embed element inside a Section or Div Block and set a min-height if needed.

Free tool · No account required

Want to try the search before embedding it?

Use our free browser-based tool to upload any PDF and search it instantly — no account needed. See how the search experience feels before adding the widget to your site.

Ready to add PDF search to your Webflow site?

Free to start. No credit card required. Your first widget is live in under five minutes.