Widget gallery
All five Lähde widgets, live, each next to the exact embed snippet that produced it.
One <script> tag registers everything; the rest is plain HTML —
paste any of these into a Webflow Embed element and it works (the page’s origin just
needs to be on the relay’s allowlist). The snippets show a placeholder token — each
tenant’s inbound token comes from Lähde ops with the origin allowlisting. Load the
script once per page, in Site Settings → Custom Code on Webflow:
<script src="https://widget.lahde.digitalist.me/lahde-0.7.0.js" defer></script>
<lahde-ask> — one-shot Q&A
A question box with a single RAG answer and source links. Each new question replaces the previous answer — no history. Good for an “ask us anything” slot on a landing page.
<lahde-ask
relay="https://lahde-digitalist.digitalist.me"
client="digitalist"
token="<your-inbound-token>"
></lahde-ask>
Live
<lahde-chat> — multi-turn chat
A growing transcript; every turn sends the conversation history so follow-ups stay contextual. Suggested follow-up chips continue the conversation on click. See it full-page on the Chat page.
<lahde-chat
relay="https://lahde-digitalist.digitalist.me"
client="digitalist"
token="<your-inbound-token>"
></lahde-chat>
Live
<lahde-search-summary> — AI summary on a search page
No input of its own: it reads the query from the page URL (?query=…,
Webflow’s native parameter) and renders a summary card with numbered sources,
related-question chips and a disclaimer — above the keyword results, never
replacing them. With no query in the URL it renders nothing, so
reload this page with a sample query
to see it live, or use the Search page.
<lahde-search-summary
relay="https://lahde-digitalist.digitalist.me"
client="digitalist"
token="<your-inbound-token>"
source-name="digitalist.fi"
></lahde-search-summary>
Live (needs ?query= in the URL)
<lahde-popular-searches> — top searches
Pill links derived from real visitor queries (answered-only, language-scoped,
aggregated by the relay — no LLM call). search-url is where a pill
click lands; here it feeds the Search page. Collapses
silently while data accumulates.
<lahde-popular-searches
relay="https://lahde-digitalist.digitalist.me"
client="digitalist"
token="<your-inbound-token>"
search-url="/search.html?query="
limit="6"
></lahde-popular-searches>
Live — collapses while empty
Seeing nothing here is the widget working: pills only appear once visitors’ answered searches repeat (same query ≥ 2×, per language, ≤ 80 chars). Use the Search page a few times and they’ll show up.
<lahde-recommend> — related content
Reads the current page’s text (content-selector, default
main) and renders similarity-ranked links into the rest of the
site’s content, each with a short reason. Collapses to nothing on empty results
or errors. Every blog post here ends with one — on this
page it recommends against the gallery text you’re reading.
<lahde-recommend
relay="https://lahde-digitalist.digitalist.me"
client="digitalist"
token="<your-inbound-token>"
content-selector="main"
limit="5"
></lahde-recommend>
Live
If nothing appears, the widget found no related content or hit an error — it collapses rather than block the page. The blog posts are the natural habitat.
