Installation

Intégrer Orion en 4 étapes

Une seule ligne de code, zéro dépendance, compatible avec tous les CMS modernes. Comptez moins de 2 minutes pour mettre en ligne.

Démarrage rapide

Commencez gratuitement avec Orion Free

Orion Free est gratuit en permanence, sans carte bancaire : 50 conversations/mois en Chat (aperçu limité) et 1 site. C'est le moyen le plus simple de tester l'installation avant de passer à un plan payant.

1. Créer votre compte

Inscription sur newgenesis.ai/orion. Démarrez gratuitement avec Orion Free (sans carte bancaire), ou choisissez un plan payant (dès 19€/mois, sans engagement).

2. Configurer l'agent

Ton, couleurs, avatar, skills, mode d'affichage, moteur Standard ou Orion Boost - tout depuis le dashboard.

3. Copier le snippet

Une ligne de script à coller avant </body>.

4. Tester en production

Le widget est actif immédiatement. Rechargez votre site et commencez à capter des leads.

Snippet universel

Ce snippet fonctionne sur tous les sites. Remplacez VOTRE_SHOP_ID par l'identifiant disponible dans le dashboard (Paramètres → Code d'installation).

index.html
<!-- Avant </body> -->
<script src="https://newgenesis.ai/orion/snippet.js?id=VOTRE_SHOP_ID" defer></script>

Chargement asynchrone

Le snippet est chargé en différé (lazy) pour ne pas impacter les Core Web Vitals. Impact mesuré : +0 ms sur LCP, +3 ms sur TBT.

Par plateforme

Guides spécifiques par CMS ou framework :

HTML / JS pur

html
<!-- Avant </body> -->
<script src="https://newgenesis.ai/orion/snippet.js?id=VOTRE_SHOP_ID" defer></script>

WordPress

html
// functions.php
function orion_snippet() {
  echo '<script src="https://newgenesis.ai/orion/snippet.js?id=VOTRE_SHOP_ID" defer></script>';
}
add_action('wp_footer', 'orion_snippet');

Shopify

html
{# theme.liquid, avant </body> #}
<script src="https://newgenesis.ai/orion/snippet.js?id={{ shop.metafields.orion.shop_id }}" defer></script>

Shopify Hydrogen (headless React)

html
// app/components/OrionChatbot.tsx
import {useEffect} from 'react';

export function OrionChatbot({shopId}: {shopId: string}) {
  useEffect(() => {
    // Montage cote client uniquement (jamais en SSR)
    if (document.getElementById('orion-snippet')) return;
    const s = document.createElement('script');
    s.id = 'orion-snippet';
    s.src = 'https://newgenesis.ai/orion/snippet.js?id=' + shopId;
    s.async = true;
    document.body.appendChild(s);
  }, [shopId]);
  return null;
}

// app/root.tsx (dans le <body>, apres <Outlet />) :
// <OrionChatbot shopId="VOTRE_SHOP_ID" />

Next.js

html
// app/layout.tsx
import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://newgenesis.ai/orion/snippet.js?id=VOTRE_SHOP_ID"
          strategy="lazyOnload"
        />
      </body>
    </html>
  )
}

Webflow

html
Project Settings -> Custom Code -> Footer Code

<script src="https://newgenesis.ai/orion/snippet.js?id=VOTRE_SHOP_ID" defer></script>

Wix

html
Velo Developer Mode -> masterPage.js

$w.onReady(() => {
  const s = document.createElement('script')
  s.src = 'https://newgenesis.ai/orion/snippet.js?id=VOTRE_SHOP_ID'
  s.defer = true
  document.body.appendChild(s)
})

Vérifier l'installation

Une fois le snippet déployé, vérifiez ces points :

  • La bulle Orion apparaît en bas à droite (ou côté configuré)
  • Ouverture de la console navigateur : aucune erreur CSP ou CORS
  • Click sur la bulle → le widget s'ouvre, message de bienvenue affiché
  • Envoyer un message test → réponse de l'IA en <2 secondes
  • Dans le dashboard : Vue d'ensemble affiche la session

Authentification domaine

Activez "Domain Auth" dans Paramètres pour empêcher qu'un tiers copie votre snippet sur un autre domaine. Le widget refusera de se charger hors des domaines autorisés.