Documentation

Widget documentation

				
					# Widget DOCUMENTATION

Style

```
    #openModalBtn {
      display: block;
      width: 250px;
      height: 35px;
          
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      border-radius: 5px;
      font-weight: bold;

      padding-top: 5px;
      margin-bottom: 10px;
      margin-top: -20px;

      padding-left: 15px;
      padding-right: 15px;

      background-color: #77CFFC;
      color: white;

      font-family: "Work Sans","HelveticaNeue","Helvetica Neue",sans-serif
       
    }
```

Script 

```
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/across-tabs/1.2.4/across-tabs.min.js"></script>
    <script type="text/javascript" src="https://widget.esenca.app/demo"></script>
    <script>
      initialize_app("demo");
    </script>
```

Button HTML

```
<div id="esencaWidget">
  <a id="openModalBtn" onClick="buttonClicked()" target="_blank" >MEASURE WITH ESENCA</a>
</div>
```

				
			

Documentation
Alt

Style

				
					    #openModalBtn {
      display: block;
      width: 250px;
      height: 35px;
          
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      border-radius: 5px;
      font-weight: bold;

      padding-top: 5px;
      margin-bottom: 10px;
      margin-top: -20px;

      padding-left: 15px;
      padding-right: 15px;

      background-color: #77CFFC;
      color: white;

      font-family: "Work Sans","HelveticaNeue","Helvetica Neue",sans-serif
       
    }
				
			

Script

				
					    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/across-tabs/1.2.4/across-tabs.min.js"></script>
    <script type="text/javascript" src="https://widget.esenca.app/demo"></script>
    <script>
      initialize_app("demo");
    </script>
				
			

Button

				
					<div id="esencaWidget">
  <a id="openModalBtn" onClick="buttonClicked()" target="_blank" >MEASURE WITH ESENCA</a>
</div>