Chatra Chat Integration: setup and help

Quick start

  1. Upload the mprchatra ZIP in Modules > Module Manager > Upload a module and install it.
  2. Click Configure to open Chatra Configuration.
  3. Paste only your Chatra Widget ID into Widget ID; keep Enable Chatra Chat set to Yes.
  4. Choose Show on Pages and Show on Mobile for your test page and device.
  5. Review Pass Customer Data; leave Fallback Delay (seconds) at 0 for the 10-second fallback, then click Save.
  6. Open an allowed storefront page and scroll, click, touch the page or press a key to start the Chatra loader.
  7. Confirm the widget opens and submit a test conversation in Chatra; also test a page or device you excluded.

Requires PrestaShop 1.6 or later and PHP 7.1 or later.

Setup manual

Install and connect

You need an existing service account and its Widget ID. Configure conversations and the visible widget in the service account.

The module's Configure action opens Chatra Configuration. Its configuration controller also shows a required-configuration notice and an integrity banner. Use the module's Configuration, Integrity, License, Support and Update pages for the corresponding maintenance work.

Find the connection value

Copy ChatraID from your Chatra widget installation code. The setup panel points to Settings > General > Widget code. Paste the identifier only. Do not paste an entire URL or script.

The default is empty. For new or changed identifiers, the module expects 8 to 128 letters, numbers, hyphens or underscores. A rejected identifier keeps the previous saved configuration. Correct the value and save again.

Configure display and customer data

Set these fields in Chatra Configuration, then click Save.

Setting Installation default What to do
Enable Chatra Chat Yes Set No to stop this module from outputting the widget. Keep the connection value filled in when you save, including when disabling chat.
Widget ID Empty Enter your service identifier before testing. An empty value prevents storefront rendering.
Pass Customer Data Yes Set No to omit the customer fields prepared by this module. See the service-specific behavior below.
Show on Mobile Yes Set No to exclude mobile visitors detected by the server. Test with your actual phone.
Fallback Delay (seconds) 0 This is the maximum wait before loading without interaction. Zero uses a 10-second fallback. A positive value changes that timeout; interaction can start loading sooner.
Show on Pages All Pages Limit the loader to one of the page groups below.

Page groups

Back Office choice Stored value Allowed controllers
All Pages all All storefront pages
Product Pages Only product product
Category Pages Only category category
Checkout Pages Only checkout cart, order, order-opc, orderopc, checkout

Targeting uses controller names. A custom checkout controller outside this list is not included by Checkout Pages Only. There is no custom URL-rule field. Show on Mobile uses PrestaShop mobile detection rather than browser width alone.

Customer fields

When Pass Customer Data is enabled, the module sends the full name and email address of logged-in customers to Chatra through ChatraIntegration. Set it to No to omit both fields.

Guests do not receive PrestaShop customer identity fields from this module. The service can still collect information through its own widget. This module does not synchronize order history or cart contents.

Example configuration

For checkout pages on desktop, choose Checkout Pages Only, set Show on Mobile to No, and set Fallback Delay (seconds) to 2. The loader starts on the first interaction or after two seconds without interaction.

Check storefront loading

The module registers displayBeforeBodyClosingTag. It first checks the enable switch, connection value, device rule and page rule. It then places a deferred loader near the end of the page.

Scroll, click, touch or press a key to trigger the loader. Without interaction, wait for the configured fallback. The shared loader removes the inner template delay, so the two waits are not added together. With the installation default 0, allow 10 seconds before treating an idle page as a loading failure.

In browser developer tools, check for a request matching:

https://call.chatra.io/chatra.js

Open the widget and send a test message. Check that it reaches the service inbox. Test a logged-in account if you enabled Pass Customer Data, and verify which identity fields the service receives. Finally, test the excluded pages and mobile devices.

Manage agents, conversations, triggers and widget appearance in Chatra.

Troubleshoot

  • If no loader is output, check Enable Chatra Chat, Widget ID, Show on Pages and Show on Mobile.
  • If the page is idle, wait for the fallback or interact with it. Fallback Delay (seconds) set to 0 does not mean immediate loading.
  • If saving fails, keep the identifier filled in, check its format, reload the configuration page and retry. Do not use placeholder credentials for a live test.
  • If the external request fails, check browser console errors, script blocking, Content Security Policy and any consent tooling on your shop.
  • If the script loads but the launcher is absent, check your service-side widget publication, account availability and display rules.
  • If a customer field is missing, log in and confirm Pass Customer Data is Yes. Compare with the exact fields listed above.
  • If another integration also inserts the service script, check the rendered page for duplicate or conflicting installation code.

Check a custom theme

Your theme must execute the closing-body hook. A developer can restore this call before </body> where the theme lacks it:

{hook h='displayBeforeBodyClosingTag'}

For a theme template adjustment, copy:

modules/mprchatra/views/templates/hook/displayBeforeBodyClosingTag.tpl

to:

themes/your-theme/modules/mprchatra/views/templates/hook/displayBeforeBodyClosingTag.tpl

Keep the module's Smarty variables and identifier escaping. The shared interaction wrapper still applies to this hook template.

Configuration reference

The form uses the MPRCHATRA_ prefix for submitted field names. Current storage uses module mprchatra in the shared mpr_config table, with short keys:

ENABLED
WIDGET_ID
SHOW_MOBILE
PAGES
DELAY
PASS_USER_DATA

The database table uses your shop's table prefix, so ps_mpr_config is only an example name. Use the configuration form for normal changes. Do not treat form-field names as the current database keys.

Disable or uninstall

Set Enable Chatra Chat to No and save with the identifier still present to pause this module's output. You can also disable the module in Module Manager.

To remove it, use Uninstall in Module Manager and confirm. The uninstall removes its module configuration and admin menu entries. It does not close the external service account or remove code inserted by another module or theme.

Questions

No questions about this module yet

Ask anything about installation, compatibility or setup. Answers appear here.

Known Issues

5

Saved chat text gains escaped characters

ResolvedUpdated:
Fixed in: 1.1.18
Saving visitor-facing chat text could add unwanted escaped characters. Text is now saved without double escaping.

Translated back-office text

ResolvedUpdated:
Fixed in: 1.1.18
Some back-office text remained in English even when another language was selected. Labels now use the available translations.

Setup notice shows old settings

ResolvedUpdated:
Fixed in: 1.1.18
The setup notice could continue reporting an issue immediately after valid settings were saved. It now reflects the settings just saved.

Back-office pages failing to open

ResolvedUpdated:
Fixed in: 1.1.14
Opening the module configuration could fail with an error instead of showing the settings. The settings pages now open correctly.

Damaged translated text

ResolvedUpdated:
Fixed in: 1.1.14
Some translated chat settings displayed damaged punctuation or escaping. The affected translations have been repaired.

Feature Requests

4

Implemented

Chatra setup checks

Implemented
See when the Widget ID is missing and complete the required connection setting before showing the chat widget.

Multilingual administration

Implemented
Use translated chat settings in German, French, Spanish, Italian and Polish.

One-click module updates

Implemented
Check for and install module updates from the back office.

Chat text per language

Implemented
Edit the visitor-facing text offered by the integration separately for each shop language using the language selector.

Changelog

v1.1.132026-09-22

  • Addedcomplete FR/DE/ES/IT/PL translations
Older releases

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup

v1.2.02026-01-23

  • AddedPrestaShop 9 and Hummingbird theme compatibility
  • Addedpre-chat form configuration with custom required fields
  • Improvedmobile widget positioning to avoid overlap with sticky footer add-to-cart bars
  • FixedChatra widget not initializing when Content-Security-Policy header blocks inline scripts
  • Addedconsent-aware loading: widget defers initialization until functional cookie consent is granted

v1.1.02025-08-13

  • Addedautomatic customer identification: passes name and email for logged-in customers to Chatra session
  • Addedconfigurable group conversations with department routing
  • Improvedwidget hide/show logic on checkout pages to reduce distraction during payment
  • Fixedtyping insights feature not activating after in-page navigation via AJAX router

v1.0.02025-06-06

  • Initialrelease with Chatra live chat integration
  • InitialLightweight single-script embed with configurable Chatra Site ID
  • InitialGroup conversation routing support configurable per operating hours
  • InitialBack-office toggle to hide widget on specific page types (checkout, account)

Demo

Test the full module before you buy

Buy a licence later and keep your settings.

  • Your 30-day demo Test it on your own shop for 30 days from the first install.
  • Ready demo shop Explore a ready demo shop in your browser.
  • No registration No account, email or store domain needed.
Launch demo shop

By downloading, you accept the demo terms and privacy policy.

By opening this demo you accept the demo terms and the privacy policy.

Loading...
Back to top