Ralika · Site web
Ralika sur votre site
Reliez vos pages produit à votre atelier Ralika.
Fichiers pour votre propre site
Copier le dossier
Conservez tout le dossier, avec runtime/ et assets/.
Ajouter le bloc
Bloc, CSS et module sur le même site.
Configurer et essayer
Atelier, langue, campagne; vérifiez l’import en HTTPS.
- Votre propre site
- Accès aux fichiers
- Données locales
Votre assistant peut vous guider.
Copiez le prompt dans votre assistant IA.
Voir le prompt
Aide-moi à intégrer Ralika à une page produit de mon site.
Guide : https://ralika.tech/integrations/web/
ZIP : https://ralika.tech/downloads/ralika-web.zip
Atelier : https://ralika.tech/atelier/
Langue : fr-CA
Lis le guide et inspecte la structure du site. Extrais le ZIP complet et conserve runtime/ et assets/. Prépare la copie du dossier entier dans les ressources statiques du même site. Adapte l’exemple de la bonne langue : feuille de style, bloc data-ralika-addon, éléments de statut/JSON et script type="module". Configure data-ralika-host avec l’atelier indiqué, data-ralika-locale avec la langue et data-ralika-kind avec launch, seasonal ou drop.
Explique les étapes manuelles si tu n’as pas accès aux fichiers. Prévisualise par HTTP(S), puis vérifie une vraie page produit HTTPS. Contrôle les chemins, les types de contenu, Importer, Copier et Ouvrir; file:// ne valide pas l’intégration. Vérifie le titre et le lien dans l’atelier avant les brouillons.
Explique la visibilité publique et les stockages locaux distincts. Prépare des changements révisables sans déployer ni envoyer de campagne sans instruction.Avant de commencer
- L’accès aux fichiers et au HTML de votre vitrine, ou à son processus de déploiement.
- Le ZIP complet, avec ses dossiers runtime/ et assets/.
- Une page produit publique en HTTPS et un navigateur qui permet les modules JavaScript et le stockage local.
Ce que fait cette intégration
- Afficher trois commandes à l’endroit choisi dans votre page produit.
- Importer les renseignements produit publics dans le stockage local de cette vitrine après un clic.
- Ouvrir une campagne Ralika avec le produit et l’approche choisis.
- Copier le JSON local pour le conserver ou le transférer manuellement.
Instructions détaillées
Télécharger le dossier complet
Téléchargez le ZIP et extrayez-le. Conservez ensemble les fichiers du module et les dossiers runtime/ et assets/. Le script utilise leurs chemins relatifs.
Publier les fichiers sur votre site
Copiez le dossier complet dans les ressources statiques de votre propre site, par exemple /assets/ralika/. Conservez l’arborescence. Vérifiez que le serveur rend les fichiers JavaScript, CSS et SVG avec leurs types de contenu appropriés.
Adapter l’exemple à votre page produit
Ouvrez example.html dans le dossier téléchargé. Reprenez le lien vers ralika-storefront.css, la section data-ralika-addon et le script module ralika-storefront.mjs dans votre page produit. Ajustez les chemins pour qu’ils pointent vers le dossier publié sur ce même site.
Configurer l’atelier, la langue et l’approche
Dans la section data-ralika-addon copiée de l’exemple, définissez les attributs ci-dessous. Les approches disponibles sont launch, seasonal et drop. Pour travailler en anglais, choisissez en-CA et l’adresse /en/workbench/.
data-ralika-host="https://ralika.tech/atelier/" data-ralika-locale="fr-CA" data-ralika-kind="launch"Prévisualiser par un serveur web
Prévisualisez la page avec le serveur de votre site, puis sur sa version HTTPS. L’ouverture directe d’example.html comme fichier local ne valide pas le chargement des modules ni le fonctionnement du stockage sur votre vitrine.
Essayer le parcours produit
Sur une vraie page produit, cliquez sur « Importer ce produit localement », puis sur « Préparer une campagne dans Ralika ». Révisez le produit prérempli dans l’atelier avant de préparer les brouillons. Le bloc est visible aux personnes qui ont accès à la page où vous l’avez ajouté.
Besoin d’un coup de main?
Les commandes ne s’affichent pas ou ne répondent pas
Comparez votre bloc à example.html. Conservez la section data-ralika-addon, ses attributs et les éléments de statut et de JSON. Vérifiez les chemins du CSS, du script et de runtime/. Si votre site applique une politique de sécurité du contenu, autorisez les ressources de votre propre module selon cette politique.
Le navigateur refuse le module ou le stockage
Servez la page par HTTP(S) pour les essais, puis par HTTPS sur votre site. Évitez file://. Vérifiez que les réglages du navigateur permettent le stockage local pour cette vitrine.
La copie ou l’ouverture est bloquée
Si le presse-papiers est refusé, sélectionnez le JSON affiché et copiez-le. Si l’atelier ne s’ouvre pas, vérifiez l’adresse complète data-ralika-host et les autorisations d’ouverture de nouvel onglet.
L’espace du site Ralika reste vide
La vitrine et le site Ralika n’utilisent pas le même stockage. Le bouton de campagne transfère le produit choisi. Pour reprendre tout le JSON, enregistrez-le dans un fichier texte .json, exportez d’abord l’atelier existant, puis importez ce fichier sur le site Ralika.