JSFiddle - React, Tailwind, and code Playground

by Help Scout Support

HTML

<script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
<script type="text/javascript">window.Beacon('init', 'ba662315-1003-4983-9133-0641b60bef51');</script>

JavaScript

Beacon('config', {display: {horizontalOffset: 400, verticalOffset: 10, horizontalMobileOffset: 100, verticalMobileOffset: 80}})

//adjust the above numbers to change the vertical height and horizontal position of the Beacon.

Beacon('config', {
  docsEnabled: true,
  mode: 'neutral',
  display: {
    style: 'icon',
    iconImage: 'search',
  } },
)