> For the complete documentation index, see [llms.txt](https://docs.thx.network/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thx.network/campaign-managers/getting-started.md).

# Getting Started

Watch the video instructions below or follow the three easy steps described below to install the widget and smart wallet on your website.

{% embed url="<https://youtu.be/6XvN2SfswvI>" %}
Screencast demonstrating the integration of the embed script in a Vue website.
{% endembed %}

### 1. Embed campaign widget

Copy the script with the clipboard button and make sure it is loaded on the pages where you want the widget to appear. **No further integration effort is required!**

<figure><img src="/files/V30VPhdJ8UiKckyF0YhM" alt=""><figcaption><p>Example of campaign widget embed script</p></figcaption></figure>

### 2. Configure campaign widget

Change the appearance of the widget launcher by setting the *color* used for various UI elements to align it with your branding.

<figure><img src="/files/FyQNuwPtnW5DkqxAWsDC" alt=""><figcaption><p>Example of widget appearance configuration</p></figcaption></figure>

### Native app based on Flutter mobile UX experience

The native mobile experience with an app based on Flutter is great.&#x20;

* Auth redirects work properly
* Switching Flutter views maintains login state
* Closing app maintains login state

{% embed url="<https://youtu.be/zU3Bpfkofrg>" %}
Proof of concept for a Flutter app using WebView to load the campaign page
{% endembed %}