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

# Oloid Connect - How to configure Web Button

> This document provides step-by-step instructions to configure Web Button.

## Introduction

The **Web Button** feature allows users to view transaction or punch details directly from an Oloid Connect endpoint. This document explains how to quickly configure the Web Button from the Tenant Admin Portal.

## Prerequisite

You must pair Oloid Connect endpoint. To pair refer [How to pair an Oloid Connect endpoint](https://oloid.help/en/articles/8616268-how-to-pair-an-oloid-connect-endpoint).

## Steps to configure Web Button

1. Log in to the **Tenant Admin Portal**.

2. On the home page of the portal, click **Endpoints** on the left menu panel.

   ![How to configure Web Button - screenshot 1](https://mintcdn.com/oloid-999c42b2/HRtQGSyiWG2bpyPa/images/intercom/8410896/635e3de4-675c-46a8-93f8-37de42aa1b85-013fb478.png?fit=max\&auto=format\&n=HRtQGSyiWG2bpyPa\&q=85\&s=3ac6c8c1b0379f882304c6b0296c20d7)

   The **Endpoints** page is displayed.

3. Select the paired Oloid Connect Endpoint.

   ![How to configure Web Button - screenshot 2](https://mintcdn.com/oloid-999c42b2/HRtQGSyiWG2bpyPa/images/intercom/8410896/image-f99b45b8.png?fit=max\&auto=format\&n=HRtQGSyiWG2bpyPa\&q=85\&s=f57457a5766964b09101edb8aec15683)

   The **Endpoint Details** page is displayed.

   ![How to configure Web Button - screenshot 3](https://mintcdn.com/oloid-999c42b2/HRtQGSyiWG2bpyPa/images/intercom/8410896/image-ea8ec1e9.png?fit=max\&auto=format\&n=HRtQGSyiWG2bpyPa\&q=85\&s=a5c35793a5ad4ecda8d4d73ab78c3396)

4. Go to **Configure** Tab > Click **Web Button**.

   ![How to configure Web Button - screenshot 4](https://mintcdn.com/oloid-999c42b2/HRtQGSyiWG2bpyPa/images/intercom/8410896/image-9704765e.png?fit=max\&auto=format\&n=HRtQGSyiWG2bpyPa\&q=85\&s=fdcc38e0cc1784fc03af740c3ee0406d)

5. Do the following:
   1. **Enable Web Button** toggle to display the Web Button on the endpoint preview screen. This button allows users to view transactions.
      1. In the **URL** field, enter the complete URL of the website where users will review punch data.

         > [!NOTE]
         >
         > **Note:** You have to enter the URL of the website where the user will review the punches.

      2. In the **Timeout** field, enter the delay (in minutes) before the URL launches.
   2. (Optional) Enable **Show only on Auth** to display the Web Button only after the user is successfully authorized.
   3. (Optional) Enable **Auto Launch** to automatically launch the web button and view transaction.

Click **Save**.

![How to configure Web Button - screenshot 5](https://mintcdn.com/oloid-999c42b2/HRtQGSyiWG2bpyPa/images/intercom/8410896/image-58693165.png?fit=max\&auto=format\&n=HRtQGSyiWG2bpyPa\&q=85\&s=0a8e63176858d95da4de307868847e6f)

The Web Button tab is configured successfully.

![How to configure Web Button - screenshot 6](https://mintcdn.com/oloid-999c42b2/HRtQGSyiWG2bpyPa/images/intercom/8410896/image-cf9240ce.png?fit=max\&auto=format\&n=HRtQGSyiWG2bpyPa\&q=85\&s=8b3b64f261c73e6bf41332aaa3808c66)