Help-Center
Terms of servicePricing
English
English
  • About Blinger.io
  • Quick launch
  • Customer cases
  • Documentation
    • Definitions
    • Sign up and Login
    • Tab: Apps
      • Adding accounts
        • Facebook
        • WhatsApp
        • Telegram
        • Viber
        • Twitter
        • WeChat
        • Vkontakte
        • Odnoklassniki
        • Skype
        • Line
        • Email
        • LiveChat
        • Custom app
      • Tagging accounts
      • Assigning channel to a group
    • Tab: Integrations
      • Freshchat
      • Freshdesk
      • Zendesk
      • Intercom
      • Salesforce
      • Kayako
      • BPM'online
      • Slack
      • Iframe
    • Tab: Conversations
    • Tab: Widget
    • Tab: Operators
      • Manage operators
      • Manage operator groups
      • Manage roles
      • Distribution by keywords
    • Tab: Analytics
      • Tags
      • Clients
      • Agents
      • Conversations
    • Tab: Settings
      • Subtab: General
      • Subtab: Autoresponder
      • Subtab: Auto assign messages
      • Subtab: Topics of conversations
      • Subtab: Advanced
    • New message notifications
    • Webhooks
    • Widget API (beta version)
      • Conversation
      • Agent
      • Webhook
      • API Token
    • API
      • API Token
      • Conversation
      • Operator
      • User
  • FAQ
    • Frequently asked questions
      • About functions
        • Autoresponder
        • Assign channels to groups
      • About intergrations
        • Viber
        • Telegram
        • Freshdesk
        • Zendesk
        • WhatsApp
    • Widget
  • Releases
    • Changelog
Powered by GitBook
On this page
  • Is it possible to change a location of the widget?
  • Is it possible to place the widget under a custom button?

Was this helpful?

  1. FAQ

Widget

Is it possible to change a location of the widget?

Sure. Necessary js-code is below:

<script>
window['blingerInit'] = function () {
var newStyles = "#blinger-launcher-iframe {bottom: 40px !important;}.blinger-channels-iframe{bottom: 136px !important;}";
newStyles = newStyles + ".blinger-channels-iframe.blinger-channels-iframe-mobile {bottom: 160px !important;}.blinger-invitation-iframe {bottom: 130px !important;}";
newStyles = newStyles + "@keyframes blinger-channels-desktop-show{0%{bottom:70px;opacity:0;}100%{bottom:136px;opacity:1;}}";
newStyles = newStyles + "@keyframes blinger-channels-desktop-hide{0%{bottom:136px;opacity:1;}100%{bottom:70px;opacity:0;}}";
$( "<style>" + newStyles + "</style>" ).appendTo( "body" )
};
</script>

It allow changing a location of the widget vertically. Change value of bottom

Is it possible to place the widget under a custom button?

Yes, it is possible. You should place the following code under the widget's code:

<script>
    window['blingerInit'] = function () {
        document.getElementById('blinger-launcher-iframe').style.display = 'none';
    };

    var showBlinger = function () {
        if (typeof Blinger !== 'undefined' && !Blinger.launcherWidget.isOpen) {
            Blinger.launcherWidget.onLaunchButtonClick();
        }
    };

    var hideBlinger = function () {
        if (typeof Blinger !== 'undefined' && Blinger.launcherWidget.isOpen) {
            Blinger.launcherWidget.onLaunchButtonClick();
        }
    };
</script>

The function showBlinger is responsible for display of a channel (list of channels), the function hideBlinger hides the list.

PreviousWhatsAppNextChangelog

Last updated 5 years ago

Was this helpful?