Viber Chat Integration: setup and help

Quick start

  1. In Modules > Module Manager, choose Upload a module and install the mprviberchatintegration ZIP.
  2. Click Configure.
  3. In Viber Connection, enter Phone Number, for example +48600123456.
  4. Leave Enable Viber Chat set to Yes and choose the corner in Button Appearance > Position.
  5. In Display Behavior, leave Show on Pages at All Pages and Fallback Delay (seconds) at 0 for the first test.
  6. Click Save. Open an allowed storefront page with JavaScript enabled.
  7. Scroll or click the page, or wait 10 seconds. Check that the button appears and inspect its destination: +48600123456. Click it on a device that can open Viber and confirm the correct contact.

Requires PrestaShop 1.6 or later and PHP 7.1 or later.

Setup manual

Installation and first configuration

On older PrestaShop versions, use the equivalent module installation page. Open this module through Configure whenever you need to return to its settings.

Viber Connection

Setting Default What you do
Enable Viber Chat Yes Turn off to stop storefront output while retaining the saved configuration.
Phone Number Empty Enter 7-20 digits with an optional leading +. Include the country code. Do not use spaces, brackets, hyphens, or a Community invitation URL.
Pre-filled Message Empty Save optional text; {url} is replaced with the current storefront URL. The link includes the encoded text in ?draft=. The contact link requires a registered Viber Business account, with or without a pre-filled message.

After saving a phone number, use the test link on the configuration page to confirm that it opens the correct Viber contact. Changed phone numbers are checked for the required format when you save. A rejected edit keeps the previous configuration. An unchanged phone number is not checked again.

Button Appearance

Setting Default What you do
Position bottom-right Choose Bottom Right or Bottom Left to avoid other floating controls.
Button Style icon Choose Floating Icon for the round button or Bar with Text for a text button.
Button Text Chat on Viber Set the label shown in bar mode. It is also the accessible label for an icon button.
Button Color #7360F2 Set the background color with the color picker.
Button Size (px) 60 Change the round icon diameter. Bar mode uses its own padding.
Margin from Edge (px) 20 Set the bottom and side distance in pixels.
Show Tooltip Yes Turn off the hover tooltip if you do not need it.
Tooltip Text Chat with us on Viber Write the hover message.
Animation pulse Choose pulse, bounce, or none. Choose none to stop the repeating animation.

You can translate Button Text and Tooltip Text using the form language controls. An empty translation follows the default language. The same language fallback applies to Pre-filled Message. Use Save after editing.

Display Behavior

Setting Default What you do
Show on Mobile Yes Allow the button for visitors detected as mobile by PrestaShop. Turn off to hide it on those devices.
Fallback Delay (seconds) 0 Load on the first scroll, click, touch, or key press. A positive value sets the maximum passive wait in seconds. 0 uses a 10-second fallback.
Show on Pages all Choose All Pages, Product Pages Only, Category Pages Only, or Checkout Pages Only.

Checkout Pages Only includes the cart and checkout pages. If you use another checkout module, check that its pages are included. The fallback wait starts when the page opens. It is not an additional delay after an interaction.

Storefront behavior and verification

The button appears only when Viber Chat is enabled, a phone number is saved, and the mobile and page settings allow it. Phone number format is checked when you save a changed number. Your theme must render displayHeader for the stylesheet and displayFooter on PrestaShop 1.6, or displayBeforeBodyClosingTag on 1.7 and later, for the widget.

After the first interaction or fallback, you see a fixed button in the selected corner. Its link opens in a new tab and uses this destination:

https://viber.me/48600123456

You configure one phone contact. Values such as 48600123456 and 0048600123456 also pass the format check, but you must test that your exact value resolves correctly in Viber. The device must be able to open Viber links. The module does not provide chat history, analytics, bots, broadcasts, or Business API automation.

Test one allowed page and one excluded page if you restrict page types. Test mobile visibility on a real device. If you use multiple languages, check the translated button text and tooltip.

Configuration examples and theme adjustments

For a text button on product pages, set Button Style to Bar with Text, Button Text to Ask us on Viber, Show on Pages to Product Pages Only, and Animation to none. You can choose Bottom Left when another widget uses the right corner.

If you need to move the widget above another fixed control, add a rule to your theme stylesheet:

#mprviber-widget.mprviber-bottom-right {
  bottom: 90px;
  right: 24px;
}

#mprviber-widget.mprviber-bar a span {
  font-size: 15px;
}

For a theme template override, use:

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

The template receives $mprviber with position, style, cta_text, color, size, margin, show_tooltip, tooltip, animation, and delay, plus the prepared chat_url. The URL includes the phone number without a leading + and any encoded draft message. Keep changes in your theme so a module update does not overwrite them.

Troubleshooting

  • If you see no button, check the enable switch, saved identifier, page rule, and mobile rule. Trigger an interaction or wait for the fallback.
  • If an edit is rejected, enter the identifier format listed above. Do not paste an entire contact link.
  • If the widget has no styling, check that your theme calls displayHeader and loads the module stylesheet.
  • If the template never appears, check displayFooter on PrestaShop 1.6 or displayBeforeBodyClosingTag on 1.7 and later, and the module’s hook registration in the back office.
  • If the button overlaps another control, change Position or Margin from Edge (px).
  • If the button appears but the destination fails, test the saved contact and the device’s external app handler.

Changing Pre-filled Message adds or updates the ?draft= part of the storefront link. {url} is replaced with the current page URL before encoding. An empty message omits ?draft=. The contact link requires a registered Viber Business account, with or without a pre-filled message; test the storefront button because the configuration-page test link includes only the phone number.

Use the module’s Integrity page for setup and hook diagnostics. License, Support, and Update are maintenance pages rather than storefront appearance settings.

Disable or uninstall

Turn off Enable Viber Chat and save to retain your configuration. The main form still requires a non-empty identifier when you save. You can also disable the module from the module list.

Use Uninstall in the module manager to remove the module configuration and its admin menu entries. Your external messaging account is not deleted.

Questions

No questions about this module yet

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

Known Issues

6

Chat link had the wrong accessible label

ResolvedUpdated:
Fixed in: 1.1.18
Screen readers could announce a chat link name that did not match its visible text or the shop language.

Installation status stayed outdated after saving

ResolvedUpdated:
Fixed in: 1.1.18
The installation status banner could continue to reflect settings from before the last save.

Administration messages stayed in English

ResolvedUpdated:
Fixed in: 1.1.18
Some administration messages did not use the installed translations.

Module administration failed to open

ResolvedUpdated:
Fixed in: 1.1.14
A missing bundled compatibility dependency could cause a fatal error when opening module administration.

Combined assets could break the contact button

ResolvedUpdated:
Fixed in: 1.1.14
Contact button assets were not registered in the format required for PrestaShop asset combination.

Older chat settings were not migrated

ResolvedUpdated:
Fixed in: 1.1.12
An update could leave chat settings in the old storage and make the module appear to have lost its configuration.

Feature Requests

5

Implemented

Viber contact button

Implemented
Let visitors contact the shop through Viber, with a configurable phone number and prefilled message.

Chat setup checks

Implemented
Check required Viber settings and review module installation health.

Back-office module updates

Implemented
Check for and install module updates from administration.

Additional administration languages

Implemented
Use translated module text in French, German, Spanish, Italian and Polish.

Multilingual visitor text

Implemented
Configure visitor-facing chat text separately for each shop language.

Changelog

v1.1.132026-09-28

  • Addedcomplete FR/DE/ES/IT/PL translations
  • FixedMigrate chat config from ps_configuration to ConfigTable
Older releases

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations

v1.2.02026-02-01

  • AddedPS 9 / Hummingbird theme compatibility
  • Addedpre-filled message option for common customer queries
  • Improvedbutton rendering in Eastern European multilingual stores
  • Fixeddeep-link not opening Viber app on Android 12+ due to URI scheme changes

v1.1.02025-06-20

  • Addedavailability schedule — button hidden outside configured hours
  • Addeddesktop hide option — target mobile-heavy CIS/SEA audiences

v1.0.02025-05-19

  • Initialrelease: Viber messenger chat button for PrestaShop
  • InitialFloating Viber button linking to configured phone number
  • InitialBack-office phone number, position, and colour configuration
  • InitialCompatible with PS 1.7.x and PS 8.x

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