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

# Quick Start

> Quick start guide for getting the P2P.org Widget running, including obtaining a widget URL and configuring available protocols

export const WidgetHeaderLinks = () => <CardGroup cols={2}>
    <Card title="Widget Demo" icon="play" href="https://demo.widget.p2p.org" horizontal />
    <Card title="Live Example" icon="link" href="https://widget.p2p.org/" horizontal />
  </CardGroup>;

<WidgetHeaderLinks />

Get the P2P.org Widget running in your application.

## Prerequisites

Before you begin, you'll need:

* A web page or application where you want to embed the widget
* Your unique widget URL provided by P2P.org team

<Note>
  [Contact the P2P.org team](https://support.p2p.org) to receive your customized widget URL. Each integration gets a unique deployment with your custom configuration.
</Note>

### Protocols Selection

One of the key features of the P2P.org Widget is the ability to customize which protocols are available to your users. This allows you to tailor the offering to your platform's strategy and user base.

Each widget integration can configure:

* ✅ Which protocols are enabled
* ✅ Which networks are supported
* ✅ Which assets are available
* ✅ Which options users can access

This flexibility allows you to create focused experiences ranging from stablecoin-only lending to full multi-chain DeFi access.

### Deployment

Configuration is deployed to your unique widget URL:

```
https://your-custom-widget-url.p2p.org/
  ↓
Loads with your specific configuration
  ↓
Users only see your enabled protocols/assets
```

## Integration

Follow the [Integration Examples](./widget-platform-integration.mdx) guide for detailed instructions on embedding the widget in your application.

Learn more about [Theme Customization](./widget-theme-customization.mdx) - Brand colors, logos and styling

***

<Note>
  **Need Help?** If you encounter issues or have questions, [contact the P2P.org team](https://support.p2p.org) for integration support.
</Note>


## Related topics

- [Get Started](/docs/get-started.md)
- [Getting Started](/docs/syncro-data-hyperliquid-quick-start.md)
- [Overview](/docs/syncro-data-hyperliquid-overview.md)
- [Protocol Reference](/docs/syncro-data-hyperliquid-reference.md)