Free Tech Support for Site Integration, or Free Landing Pages Available Upon Request.

HAIL™ Concierge · Partner Installation & User Guide

Install HAIL™ Concierge on any webpage in minutes. The Concierge renders as a self-contained panel and is designed to blend cleanly with modern site layouts.

In this guide: Installation, branding, theme, language, voice input, travel helpers (2-day itineraries + hotels/flights), platform notes, and troubleshooting.

1) What the Concierge Adds to Your Website

Instant answers and guided exploration via “Related Searches”
Voice dictation (microphone) for hands-free prompting (device/browser dependent)
Multilingual operation with a built-in language selector for visitors
Optional branding (replace logo) and optional dark overlay theme
Travel helpers that can surface for destinations: 2-day itineraries and hotels/flights/rentals

The Concierge is designed to be lightweight, self-contained, and simple to deploy. No plugins required.

PRISMATIC™ (Dual Mode)

When enabled, PRISMATIC™ adds a simple mode toggle inside the Concierge, letting users switch between two reasoning styles. This is optional, and does not change your website layout.

2) Basic Installation (Copy & Paste)

Paste the following block where you want the Concierge to appear. The script loads required assets automatically.

    <div id="concierge-slot"></div>
    <script src="https://concierge-henna.vercel.app/embed/concierge.js" data-dual="true" data-auto="true" data-lang="en" defer></script>
  

data-dual="true" enables PRISMATIC™ dual-mode toggling inside the Concierge.

data-auto="false" shows a button (“Slide Open HAIL AI”).

data-lang sets the base language for the page (see Language Settings).

3) Open Behavior: Automatic vs Button

Automatic Open (Recommended for landing pages)

The Concierge opens when the page finishes loading. Best for high-intent pages and editorial content.

        data-auto="true"
      

Button Open (Recommended for dense pages)

A “Slide Open HAIL AI” button appears. Visitors open/close the Concierge on demand.

        data-auto="false"
      

4) Theme: Light or Dark Overlay

HAIL™ supports an optional dark overlay theme for the Concierge panel. This affects the Concierge UI only (it does not restyle your website).

Enable Dark Overlay

Add data-theme="dark" to the script tag.

        <script src="https://concierge-henna.vercel.app/embed/concierge.js" data-dual="true" data-auto="true" data-lang="en" data-theme="dark" defer></script>
      

5) Optional Branding: Replace the Logo

You may replace the default logo with your own image (PNG or SVG recommended). Provide an absolute URL via data-logo.

    <script src="https://concierge-henna.vercel.app/embed/concierge.js" data-dual="true" data-auto="true" data-lang="en" data-logo="https://yourdomain.com/your-logo.png" defer></script>
  

If data-logo is omitted, HAIL™ uses the default logo.

6) Language Settings (Base Language + Visitor Switching)

The data-lang attribute sets the page’s base language. The Concierge UI and responses launch in that language by default. Visitors can switch languages using the built-in language selector.

Common Language Keys

Language	Key	Example
English	`en`	data-lang="en"
Spanish	`es`	data-lang="es"
French	`fr`	data-lang="fr"
Italian	`it-it`	data-lang="it-it"
German	`de`	data-lang="de"
Portuguese	`pt`	data-lang="pt"
Dutch	`nl`	data-lang="nl"
Japanese	`ja`	data-lang="ja"
Korean	`ko`	data-lang="ko"
Chinese (Simplified)	`zh`	data-lang="zh"
Chinese (Traditional)	`zh-tw`	data-lang="zh-tw"
Russian	`ru`	data-lang="ru"
Arabic	`ar`	data-lang="ar"
Turkish	`tr`	data-lang="tr"
Vietnamese	`vi`	data-lang="vi"
Thai	`th`	data-lang="th"
Hindi	`hi`	data-lang="hi"
Greek	`el`	data-lang="el"
Hebrew	`he`	data-lang="he"

7) Voice Input (Microphone Dictation)

The microphone icon enables voice-to-text dictation into the prompt field. This is ideal for mobile visitors and hands-free use.

What to expect:

Visitors may need to grant microphone permission in their browser.
Voice input fills the prompt box; users still click Ask HAIL AI to submit.
Availability varies by device and browser; unsupported environments will hide the microphone icon automatically.

8) Travel Helpers (2-Day Itineraries + Hotels / Flights / Rentals)

When visitors ask about destinations, HAIL™ may surface travel helpers inside the Related Searches area to support quick trip planning and discovery.

Weekend Itinerary (2 Days)

A guided two-day plan that typically includes neighborhood flow, timing, food ideas, and “don’t miss” stops—useful for weekend travelers and first-time visitors.

Hotels | Flights | Rentals

Direct access to travel planning resources for the destination, designed for conversion-friendly browsing.

9) Related Searches (Exploration)

Below many answers, visitors will see a Related Searches section. This is designed to encourage deeper exploration and fast follow-ups.

Users can open the panel and select a follow-up topic to drill deeper.
For travel content: restaurants and venues can change quickly; encourage visitors to click through and verify before visiting.

10) Installing on Popular Platforms

Squarespace: Add a Code block and paste the install snippet.
WordPress: Use a Custom HTML block or embed area.
Wix: Insert an Embed Code element and paste the snippet.
Shopify / Webflow: Paste into a custom HTML section or embed component.

No plugins are required. The Concierge loads independently and is designed not to alter your site layout.

11) Troubleshooting (Fast Fixes)

Common Questions

“The Concierge isn’t showing up.”
Confirm you included <div id="concierge-slot"></div> and the script tag on the same page.

“I see a button instead of the panel.”
That is expected when data-auto="false". Set data-auto="true" to open automatically.

“The microphone icon isn’t visible.”
Some browsers/devices do not support in-browser dictation. If unsupported, the mic icon is hidden automatically.

“The language is wrong.”
Set data-lang for the page base language. Visitors can also switch languages from the built-in selector.

“Dark mode didn’t apply.”
Confirm data-theme="dark" is on the embed script tag and that the page cache is cleared.

12) Footer & Legal

HAIL™ Content Blocks™ · Installation & Attribute Guide

Deploy structured, continuously generated editorial content directly into your existing layout — no interface, no dashboard, no rebuild.

In this addendum: Installation snippet, required attributes, optional controls, audio behavior, scaling, language settings, and rendering lifecycle.

1) Basic Installation

Insert the container element and embed script where the generated content should render.

<div id="concierge-slot" data-scale="1"></div>

<script 
  src="https://concierge-henna.vercel.app/embed/contentblock.js"
  content-block="The Life of Albert Einstein"
  data-auto="true"
  data-audio="true"
  data-lang="en"
  data-length="medium"
  defer>
</script>
  

Reference production embed example: :contentReference[oaicite:2]{index=2}

2) Required Attribute

content-block="..."

Declares the subject of the page. This value becomes:

The rendered H2 title
The structured narrative prompt
The canonical topic context for generation

The system generates finished semantic HTML based solely on this declaration.

3) Container Element

<div id="concierge-slot">

This is the render target. Content Blocks™ injects semantic HTML directly inside this container.

It does not introduce external UI wrappers. It inherits your site typography and layout automatically.

4) Optional Script Attributes

Attribute	Function
`data-auto="true"`	Automatically renders on page load. If false, use JS trigger: `HAIL_ContentBlock.render()`
`data-lang="en"`	Sets generation language. Defaults to English.
`data-length="short\|medium\|long"`	Controls narrative depth. Default = medium.
`data-audio="true"`	Enables optional audio narration button below content.
`data-scale="1"`	Adjusts font scaling inside block (0.5–2 range). Applied to root container.

5) Rendering Behavior

Title (H2) always matches the declared content-block value.
Content is normalized into semantic HTML (H3, paragraphs, lists).
Duplicate leading titles are automatically removed.
No fabricated URLs are generated.
Existing CSS is inherited; styles are scoped to prevent CMS conflicts.

6) Audio Behavior (Optional)

Audio button renders beneath content.
Desktop: click → generate → auto-play.
Mobile: click → generate → second click to play (browser compliant).
Audio is generated from rendered text only (no hidden content).

7) Manual Rendering (Advanced)

HAIL_ContentBlock.render("New Topic Here");
  

Allows dynamic subject switching without reloading the page.

8) Deployment Summary

One container.
One declared subject.
Continuous structured output.

Content Blocks™ converts static pages into adaptive editorial systems — without visible interface layers or design disruption.