Avant d’utiliser le lecteur Lexora sur votre site, vous devez installer la bibliothèque JavaScript Lexora. C’est elle qui affiche le player, déclenche la lecture et active toutes les fonctionnalités interactives.
Lexora peut être installé de plusieurs façons selon votre stack et votre workflow. Le plus simple reste l’ajout manuel du script, mais vous pouvez aussi l’intégrer depuis différents CMS.
Important : si la bibliothèque Lexora n’est pas chargée, aucun embed, shortcode ou widget ne fonctionnera. Vérifiez toujours que le script est bien présent avant d’utiliser un composant Lexora.
Installation manuelle
L’installation manuelle est la méthode la plus flexible pour intégrer Lexora sur un site personnalisé, un site statique, un framework ou une intégration avancée.
Récupérez votre URL de script personnelle dans la section Embed du dashboard projet, ou directement depuis le panneau d’intégration d’un speech.
Ajoutez ensuite le script dans votre document HTML, dans le <head> ou juste avant </body>.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>Une fois le script ajouté, vous pouvez intégrer le lecteur Lexora où vous voulez sur la page.
WordPress
Lexora peut être installé manuellement sur WordPress en ajoutant le script directement dans le thème actif.
1. Ouvrir l’administration WordPress
Connectez-vous à votre panneau WordPress.
2. Modifier les fichiers du thème
Allez dans Apparence → Éditeur de fichiers du thème et ouvrez le fichier header.php du thème actif.
3. Insérer le script Lexora
Collez votre script personnel avant la balise fermante </head>.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Enregistrer et vérifier
Enregistrez puis ouvrez votre site pour vérifier que le script est bien chargé.
Shopify
Sur Shopify, ajoutez le script Lexora dans le layout principal du thème.
1. Ouvrir l’admin Shopify
Connectez-vous à l’admin de votre boutique.
2. Modifier le code du thème
Allez dans Boutique en ligne → Thèmes, cliquez sur les trois points du thème actif puis sur Modifier le code.
3. Ouvrir le layout principal
Ouvrez le fichier theme.liquid dans le dossier Layout.
4. Ajouter le script
Collez le script Lexora avant </head>.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>5. Enregistrer
Enregistrez puis vérifiez le front.
Webflow
Dans Webflow, utilisez la fonction Custom Code.
1. Ouvrir les réglages du projet
Connectez-vous à Webflow et ouvrez les paramètres du projet.
2. Ajouter le script dans Head Code
Dans Custom Code, collez le script dans le champ Head Code.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>3. Publier
Enregistrez puis republiez le site.
Wix
Sur Wix, l’installation passe par la fonctionnalité Custom Code.
1. Ouvrir le dashboard Wix
Connectez-vous à votre compte Wix et ouvrez les paramètres du site.
2. Ajouter un code personnalisé
Allez dans Settings → Custom Code puis cliquez sur Add Custom Code.
3. Insérer le script
Collez votre script, choisissez la position Head et appliquez-le à All Pages.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Publier
Publiez le site pour activer Lexora.
Squarespace
Squarespace permet d’ajouter Lexora via Code Injection.
1. Ouvrir les réglages du site
Allez dans Settings → Advanced → Code Injection.
2. Ajouter le script
Collez le script Lexora dans la zone Header.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>3. Enregistrer
Enregistrez puis rechargez le site.
PrestaShop
Pour PrestaShop, il faut modifier le template d’en-tête du thème.
1. Accéder aux fichiers du thème
Connectez-vous en FTP ou via le gestionnaire de fichiers de votre hébergeur.
2. Ouvrir le template head
Rendez-vous dans themes/VOTRE_THEME/templates/_partials/head.tpl.
3. Insérer le script
Ajoutez le script Lexora avant </head>.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Vider le cache
Videz le cache PrestaShop puis rechargez le site.
Magento
Sur Magento, vous pouvez ajouter Lexora dans la configuration HTML Head.
1. Ouvrir l’admin Magento
Allez dans Content → Design → Configuration.
2. Modifier le thème actif
Cliquez sur Edit sur la configuration du thème utilisé.
3. Ajouter le script
Collez le script dans HTML Head → Scripts and Style Sheets.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Enregistrer et vider le cache
Enregistrez puis videz le cache Magento.
Joomla
Sur Joomla, ajoutez le script dans le layout principal du template actif.
1. Ouvrir l’administration Joomla
Connectez-vous avec un compte admin.
2. Ouvrir le gestionnaire de templates
Allez dans System → Site Templates → Templates puis sélectionnez le template actif.
3. Modifier le fichier principal
Ouvrez le fichier index.php.
4. Ajouter le script
Collez votre script avant </head>.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>5. Vérifier
Enregistrez puis ouvrez le front pour confirmer le chargement du script.
Drupal
Sur Drupal, vous pouvez ajouter Lexora dans le thème actif ou via ses réglages.
1. Ouvrir l’admin Drupal
Connectez-vous au panneau d’administration.
2. Localiser les fichiers du thème
Accédez au dossier du thème actif, généralement :
themes/custom/VOTRE_THEME/3. Modifier le template HTML
Ouvrez html.html.twig ou page.html.twig selon la structure de votre thème.
4. Insérer le script
Ajoutez le script Lexora avant </head>.
<script src="https://lexora.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>5. Vider le cache Drupal
Ensuite, allez dans Configuration → Development → Performance et videz les caches.
6. Vérifier
Rechargez le site pour confirmer que le lecteur fonctionne.