RalikaA module ofDevanture
All integrations

Ralika · Website

Ralika for your website

Connect your product pages to your Ralika workbench.

Files for your own website

  1. Copy the folder

    Keep every file, including runtime/ and assets/.

  2. Add the block

    Keep markup, CSS and module on your site.

  3. Configure and test

    Set workbench, locale and kind; test HTTPS import.

  • Your website
  • File access
  • Local data

Let your assistant guide you.

Copy the prompt into your AI assistant.

View prompt
Help me add Ralika to a product page on my website.

Guide: https://ralika.tech/en/integrations/web/
ZIP: https://ralika.tech/downloads/ralika-web.zip
Workbench: https://ralika.tech/en/workbench/
Language: en-CA

Read the guide and inspect my site’s structure. Extract the complete ZIP and keep runtime/ and assets/. Prepare to copy the entire directory into same-origin static files. Adapt the locale example: include its stylesheet, data-ralika-addon block, status/JSON elements and type="module" script. Set data-ralika-host to the workbench above, data-ralika-locale to the language above and data-ralika-kind to launch, seasonal or drop.

Explain manual steps if you lack file access. Preview over HTTP(S), then test a real HTTPS product page. Check file paths, content types, Import, Copy and Open; file:// does not validate the integration. Confirm the product title and link in the workbench before drafting.

Explain public visibility and separate local storage. Prepare reviewable changes without deploying or sending campaigns unless instructed.
ZIPWorkbench
Before you begin
  • Access to your storefront’s files and HTML, or to its deployment process.
  • The complete ZIP, including its runtime/ and assets/ folders.
  • A public HTTPS product page and a browser that allows JavaScript modules and local storage.
What this integration does
  • Show three controls at the location you choose on your product page.
  • Import public product information into that storefront’s local storage after a click.
  • Open a Ralika campaign with the selected product and configured approach.
  • Copy local JSON to keep or transfer manually.

Detailed instructions

  1. Download the complete folder

    Download and extract the ZIP. Keep the add-on files together with runtime/ and assets/. The script depends on their relative paths.

  2. Publish the files on your site

    Copy the complete folder into your own site’s static assets, for example /assets/ralika/. Keep the directory structure. Check that the server delivers JavaScript, CSS and SVG files with appropriate content types.

  3. Adapt the example to your product page

    Open example.html in the downloaded folder. Copy its ralika-storefront.css link, data-ralika-addon section and ralika-storefront.mjs module script into your product page. Adjust their paths to the published folder on that same site.

  4. Set the workbench, language and approach

    Set the attributes below on the data-ralika-addon section copied from the example. Available approaches are launch, seasonal and drop. To work in French, use fr-CA and the /atelier/ address.

    data-ralika-host="https://ralika.tech/en/workbench/"
data-ralika-locale="en-CA"
data-ralika-kind="launch"
  5. Preview through a web server

    Preview the page with your site’s server, then on its HTTPS version. Opening example.html directly as a local file does not validate module loading or storage on your storefront.

  6. Try the product flow

    On a real product page, click Import this product locally, then Prepare a campaign in Ralika. Review the prefilled product in the workbench before preparing drafts. The block is visible to people who can access the page where you added it.

Need a hand?

The controls do not appear or respond

Compare your block with example.html. Keep the data-ralika-addon section, its attributes, and its status and JSON elements. Check the CSS, script and runtime/ paths. If your site uses a content security policy, allow your own module resources according to that policy.

The browser refuses the module or storage

Serve the page over HTTP(S) for testing, then HTTPS on your site. Avoid file://. Check that browser settings allow local storage for that storefront.

Copying or opening is blocked

If clipboard access is denied, select the displayed JSON and copy it. If the workbench does not open, check the complete data-ralika-host address and the browser’s new-tab permissions.

The Ralika website workspace is still empty

Your storefront and the Ralika website use separate storage. The campaign button transfers the chosen product. To bring over the full JSON, save it as a plain-text .json file, export the existing workbench first, then import that file on the Ralika site.