CHANNELS
      Back to home
      1. Help Center
      2. Xperience Management (XM)
      3. CHANNELS

      Launch Member Widget from Your Website Using Javascript

      How to embed Eber Member Widget on your customised website using Javascript

      On this page

      To embed the widget on your website:

      1-3 On Eber XM backend, click on your logo at the bottom left corner > Settings > Stores > Website

      2-3 Copy the link generated and paste on your site. Example of the link as follows:

      <script scr=“https://widget.eber.co/widget/xxxx”></script>

      tips Tips: "xxxx" on the above script is referring to your Business ID, please refer to your Customer Success Representative to provide you this

      3-3 Add the below CSS for widget on your website to show in Popup / Button:

      • Button: #eber-widget #eber-btn-open-widget
      • Popup: #eber-widget #iframe-holder

       

      Once you had done embed the Eber Widget on your website, and you would like to show or hide the widget using your own link (for eg. a banner or a button), you can do so by adding your scripts with the following Javascript command:

      To show the widget:

      <a href=“javascript:Eber.show()“>Show</a>

      To hide the widget:

      <a href=“javascript:Eber.hide()“>Hide</a>

      To show / hide the widget:

      <a href=“javascript:Eber.toggle()“>Toggle</a>