> ## 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.

# hideBackButtons

> Hide back navigation buttons during widget and connection flows.

`hideBackButtons` hides back navigation buttons in the widget UI. Use it when you want to keep users in a specific flow—for example, during a guided link experience where returning to the flow or connector list would break the intended path.

## Where it applies

`hideBackButtons` is supported in three places in Widget v3:

| Surface           | Type               | Description                                                          |
| ----------------- | ------------------ | -------------------------------------------------------------------- |
| `<Widget />`      | React prop         | Hides back buttons for flows opened through the widget container.    |
| `<Connections />` | React prop         | Hides back buttons for inline connection flows rendered in your app. |
| `link()`          | Function parameter | Hides back buttons when opening the widget directly to a connector.  |

## React: Widget

Pass `hideBackButtons` to `<Widget />` when you mount the widget container in your app:

```jsx theme={null}
import { useHotglue, Widget } from "@hotglue/widget";

export default function WidgetLauncher() {
  const tenantId = "MY-TENANT-ID";
  const { openWidget } = useHotglue({
    tenantId,
    environmentId: process.env.NEXT_PUBLIC_HOTGLUE_ENV_ID,
    apiKey: process.env.NEXT_PUBLIC_HOTGLUE_PUBLIC_KEY,
    jwtToken: "<TENANT SCOPED JWT>",
  });

  return (
    <div>
      <Widget hideBackButtons />
      <button onClick={() => openWidget(tenantId)}>Open Widget</button>
    </div>
  );
}
```

## React: Connections

Pass `hideBackButtons` to `<Connections />` for inline connection flows:

```jsx theme={null}
import { useHotglue, Connections } from "@hotglue/widget";

export default function ConnectionsLauncher() {
  useHotglue({
    tenantId: "MY-TENANT-ID",
    environmentId: process.env.NEXT_PUBLIC_HOTGLUE_ENV_ID,
    apiKey: process.env.NEXT_PUBLIC_HOTGLUE_PUBLIC_KEY,
    jwtToken: "<TENANT SCOPED JWT>",
  });

  return <Connections hideBackButtons />;
}
```

## JavaScript: link

Pass `hideBackButtons` when calling `link()` to open the widget to a specific connector. This is the most common use case—it prevents users from navigating back to the flow selection screen after you deep-link them into a connector.

```typescript theme={null}
hotglue.link({
  tenantId: "tenant-123",
  connectorId: "shopify",
  flowId: "aw3hH39",
  hideBackButtons: true,
});
```

See the full [`link`](/widget-v3/reference/link) reference for all supported parameters.
