Libromi
LoginSign Up

WhatsApp Chat Widget Builder

Create a customized WhatsApp chat widget for your website in minutes

Basic Settings

This message will be shown in the widget preview
This message will be pre-filled when opening WhatsApp

Appearance

Behavior

Widget will be expanded when loaded

Widget will reopen after 24 hours

Display widget on mobile devices

Desktop Preview

Installation Instructions

1. Copy the code below

2. Paste it just before the closing </body> tag of your website

3. The widget will appear at the selected position on all pages where you've added this code

Make sure to test the widget after installation to ensure it's working correctly

<!-- WhatsApp Chat Widget by Libromi -->
<script type="text/javascript">
  (function() {
    var options = {
      phoneNumber: "",
      brandName: "Your Brand",
      brandSubtitle: "Typically replies within 5 minutes",
      brandColor: "#10B981",
      brandImageUrl: "",
      widgetText: "Start Chat",
      previewMessage: "Hi! 👋 \nHow can we help you today?",
      defaultMessage: "Hi! I'm interested in learning more.",
      position: "bottom-right",
      marginBottom: 20,
      marginLeft: 20,
      marginRight: 20,
      borderRadius: 12,
      openByDefault: false,
      reopenAfter24h: false,
      mobileScreen: true
    };
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = "/chat-widget.js";  
    s.onload = function() {
      LibromiChat.init(options);
    };
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
  })();
</script>