# Connect Widget

{% hint style="info" %}
Connect Widget requires a Manifold Developers account and API credentials. For more information follow our [Getting Started](/manifold-for-developers/guides/getting-started.md) guide.
{% endhint %}

**Current Version**

`3.3.0`

#### **Javascript Library**

<https://connect.manifoldxyz.dev/3.3.0/connect.umd.min.js>

#### Base CSS

<https://connect.manifoldxyz.dev/3.3.0/connect.css>

#### Additional CSS

<https://connect.manifoldxyz.dev/3.3.0/connect.manifold-light.css>

<https://connect.manifoldxyz.dev/3.3.0/connect.manifold-dark.css>

#### Required Properties

* **data-widget**: `"m-connect"`
* **data-app-name**: Your [App](/manifold-for-developers/resources/apps.md)'s Name
* **data-client-id**: Your [App'](/manifold-for-developers/resources/apps.md)s Client ID&#x20;

## Overview

The Connect Widget enables a simple and foolproof way of adding web3 authentication to your website.

With Connect Widget you'll find there's...

* No need to handle all wallet types (we'll do that for you)
* No need to set up your own web3 provider (we've got it covered)
* No need to parse complex blockchain data (we'll take care of that too)

The widget itself is quite flexible, allowing customization of styling, Ethereum provider settings, events listening, and more.

Integrating the 'Connect' button in a 'Find NFTs' example application as shown below is as simple as embedding a few lines of code into your project!

![An installed Connect Wallet button and integration of Manifold APIs for a simple NFT application.](/files/bKO6zIa3mEiDRmU6JIjd)

## Adding the Connect Widget

You can find detailed instructions on how to install and use widgets for your specific website stack by visiting the [Getting Started Guide](/manifold-for-developers/guides/getting-started.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.manifold.xyz/manifold-for-developers/resources/widgets/connect-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.