> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hotglue.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> The hotglue widget allows you to offer native, inline integrations in your app with only a few lines of code.

# Introduction to the widget

The hotglue widget is a white-labeled JavaScript component set for your users to link to hotglue integrations, without leaving your app.

<Frame caption="The customizable pop-up widget can be opened from anywhere in your app">
  <img src="https://mintcdn.com/hotglue/dDkA3NAp86Na-aY4/widget-v3/images/widgetDemo.gif?s=e353757c53d4b2f3ecf6281617f46e05" width="300" data-path="widget-v3/images/widgetDemo.gif" />
</Frame>

<br />

<Frame caption="The inline Connections Component can be used in React apps">
  <img src="https://mintcdn.com/hotglue/dDkA3NAp86Na-aY4/widget-v3/images/ConnectionsDemo.png?fit=max&auto=format&n=dDkA3NAp86Na-aY4&q=85&s=2dfc645b2fb0324e897fefe6ca6bc05b" width="862" height="434" data-path="widget-v3/images/ConnectionsDemo.png" />
</Frame>

In addition to providing components, the widget library exposes client side functions for common hotglue tasks you can bake into your UI:

```javascript theme={null}
<script>
      function runJob(tenantId, flowId, connectorId){
        hotglue.runJob(tenantId, flowId, connectorId);
      }

      function getJobStatus(tenantId, flowId, jobRoot){
        hotglue.getJobStatus(tenantId, flowId, jobRoot).then((status) => console.log('::status', status));
      }
</script>

<button onclick="runJob('tenant-123', '98TjQnmQh', 'shopify')">Run Job</button>
<button onclick="getJobStatus('tenant-123', '98TjQnmQh', 'test-job-root')">Print Job Status</button>
```