Install the HAIL™ Concierge

Add the following code to any Code Block to activate the HAIL™ Concierge experience on your website.

<div id="concierge-slot"></div>

<script
  src="https://hailaisystems.com/embed/concierge.js"
  data-dual="prismatic"
  data-auto="true"
  data-lang="en"
  data-logo="https://YourLogo.png"
  data-theme="light"
  defer>
</script>

Configuration Settings

Each page may use its own configuration, allowing different Concierge experiences throughout your website.

data-dual
Selects the default AI environment loaded when the Concierge starts.

"prismatic" → Multi-AI synthesis and enhanced web intelligence
"textology" → Rich text creation and publishing workflows
"quantica" → Mathematics, calculations, and analytical reasoning

data-tabs="false"
Removes mode-switching tabs and locks the Concierge to the mode specified in data-dual.

"false" → Single-mode experience

data-news="true"
Shows news feeds on page load.

"true" → Single-mode experience

data-auto
Controls how the Concierge appears on the page.

"true" → Opens automatically on page load
"false" or omitted → Displays as a slide-out panel

Recommended for layouts with limited screen space.

data-lang
Sets the default interface language.

"en" → English (default)
"es" → Spanish
"fr" → French
Additional language codes supported as available.

data-logo
Displays your company logo at the top of the Concierge.

Must be a publicly accessible absolute URL.
Recommended for white-label deployments.

data-input="Best Paris Cafés"
Pre-populates the input field with a suggested prompt to encourage visitor engagement immediately upon launch.

data-theme

Standard Themes
"light" or "dark"

Light Background Accent Themes
"ruby", "saphire", "emerald", "slate", "black"

Dark Background Accent Themes
"dark-ruby", "dark-saphire", "dark-emerald", "dark-slate"

Voice & Translation Features

data-voice (Premium)
Enables access to:

Simply Speak™
Simply Translate™

"true" → Displays voice interaction controls.

Voice and translation controls may remain visible, but an active subscription is required for functionality.

data-trans
Controls visibility of translation features independently from voice controls.

"false" → Hides the Translate button while keeping Simply Speak™ available

Recommended Configurations

Publishing & Content Creation
Use data-dual="textology" for a focused, text-first writing environment.

Research & Multi-AI Workflows
Use data-dual="prismatic" for enhanced linking, synthesis, and multi-model reasoning.

Analytics & Calculations
Use data-dual="quantica" for mathematics, quantitative analysis, and problem-solving.

Contact us with any coding, styling, or custom needs. We have experts in every area of website and AI coding applications. Our assistance is always free.

Installing on Website Platforms

The HAIL™ Concierge works on virtually any website platform that allows custom HTML or JavaScript. Simply place the embed code before the closing </body> tag or within the platform's custom code area.

Squarespace → Add inside a Code Block.
Wix → Use Custom Code or an Embed HTML Element.
WordPress → Add to a Custom HTML Block, page builder HTML widget, or site footer.
Webflow → Add inside an Embed Component or Project Custom Code.
Shopify → Insert into a theme section, page template, or theme footer.
GoDaddy Websites → Use the HTML Section or Custom Code area.
Framer → Add using an Embed Component.
HubSpot → Place within a Custom HTML Module.
Custom Websites → Paste directly into the page HTML before </body>.

Note: Most platforms require custom code permissions. If your platform supports HTML or JavaScript embeds, HAIL™ Concierge can typically be installed without modification.

Platform Styling & Theme Interactions

HAIL™ renders inside your website and inherits certain visual behaviors from the host platform. Some themes, page builders, and CMS platforms may apply their own styling to links, headings, borders, spacing, fonts, images, or content containers.

Squarespace themes may apply global typography, link styling, borders, separators, gradients, opacity rules, and layout constraints.
Wix, WordPress, Shopify, and page builders may inject CSS that affects embedded content appearance.
Theme-level CSS can alter colors, spacing, line lengths, image alignment, text sizing, hover behavior, and decorative elements.
Custom CSS added by the site owner may override default HAIL™ styling.
Browser extensions and accessibility plugins can also modify page appearance.

Important: Visual styling differences caused by a website theme, custom CSS, page builder, CMS platform, browser extension, or third-party plugin are outside the HAIL™ rendering engine. If unexpected visual elements appear, inspect the page using browser developer tools to identify inherited styles from the host website.

HAIL™ is designed to coexist with website themes, but complete visual isolation is not possible on all platforms because embedded content shares the host page's styling environment.

HAIL™ Concierge · Language Reference Guide

Set the base interface language using the data-lang attribute. The Concierge launches in that language by default, and visitors can switch languages anytime using the built-in selector.

Example: Base Language Set to French

<div id="concierge-slot"></div>
<script 
  src="https://hailaisystems.com/embed/concierge.js"
  data-dual="true"
  data-auto="true"
  data-lang="fr"
  defer>
</script>
  

data-lang="fr" launches the Concierge in French.

Supported Language Keys (19 Total)

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