# Subscription Management Widgets

We offer two ready-to-use subscription management widgets for websites, making it easy for your customers to manage their notification preferences.

### MetaCRM Widget

Once the MetaCRM Widget is installed, customers can manage their notification preferences directly in the Settings section—no additional setup required. A progress bar is included to encourage more subscriptions.

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FOH9jqTGJ6QQ4WRBoCBDD%2Fimage.png?alt=media&#x26;token=5668183e-3121-401d-98a0-7419040ae357" alt=""><figcaption></figcaption></figure>

### Website Opt-in Section

The Website Opt-in Section is a plug-and-play subscription management widget. Simply copy the provided snippet and paste it before the \</body> tag on your website to complete the setup.

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FKEsFgJe9pkzrEx6X8ZFf%2Fimage.png?alt=media&#x26;token=64d804ae-8c1a-43fc-9b07-a576452b0ac5" alt=""><figcaption></figcaption></figure>

#### Set up Website Opt-in Section

Follow these steps to set up the Website Opt-in Section:

1. Sign in to the Admin Portal.
2. Click Settings in the left-side toolbar.
3. Navigate to the Integration page and click the “Add Integration” button.
4. Select Website Opt-in Section to proceed with the setup.

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FojJfMnb3tmVpbXBcASw3%2Fimage.png?alt=media&#x26;token=9231710e-2ca5-463f-be70-2c8c22ba2333" alt=""><figcaption></figcaption></figure>

The setup page includes multiple configuration options:

**Your API Key**

* This API key auto-generated and is already included in the provided installation snippet below.
* _If you need a new set of API keys for compliance or security reasons, you can use the regenerate button to do so. However, this will also generate a new set of installation snippets, which will need to be reintegrated into your website._

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FKfOCRcsJRB4nb4FXC5lT%2Fimage.png?alt=media&#x26;token=9d4298ef-810c-4c43-a97a-a44c00de428c" alt=""><figcaption></figcaption></figure>

**Website Domain Name**

* Enter the primary domain where you want to install the opt-in section. This is primarily for tech support and bug identification.
* _When switching from testing stage to production, make sure to change the domain name to maintain the functionality of the Customer Service Widget._

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FVE8V1xySP79Yl7bb87DQ%2Fimage.png?alt=media&#x26;token=e32d214e-779d-4a99-829c-1f679452b28b" alt=""><figcaption></figcaption></figure>

**Customize Your Opt-in section**

* The title, subtitle, and background color can be customized. The font color adapts automatically based on the background color, so no manual adjustments are needed.

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FzLnw4OON0CW1yGtrcVmy%2Fimage.png?alt=media&#x26;token=0c3bf9fc-3cbc-4581-9234-bc348384ae6d" alt=""><figcaption></figcaption></figure>

**Copy and Insert Snippet to Your Website**

* Copy the following snippet and paste it under the \</body> tag in your website.
* Turning on or off SRI will affect how your project handles product updates from us. For more details about SRI, please refer to the gitbook below.

{% content-ref url="../../settings/general/integration/metacrm-widget" %}
[metacrm-widget](../../settings/general/integration/metacrm-widget)
{% endcontent-ref %}

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FAkqsvufGUdMoHtJZVBmM%2Fimage.png?alt=media&#x26;token=4453402c-06c0-40fe-a551-6b022a1bb3ed" alt=""><figcaption></figcaption></figure>

**Enhance Wallet Detection (Strongly recommended)**

* We strongly recommend installing our Enhanced Address Identification Method so you can track all wallet connections, including non-browser wallets, such as WalletConnect.
* Please refer to the example code above and consult your devs on how to install Enhanced Address Identification Method.

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FlHjIMNvmroXajw0HkTgu%2Fimage.png?alt=media&#x26;token=2585d46c-d6c8-4d25-bdd5-3ff93285d10d" alt=""><figcaption></figcaption></figure>

**Install Status**

That’s it! Now you can run the connection test to ensure the opt-in section is successfully installed.

<figure><img src="https://3451134964-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZIp3H40s6RSVxvVyd4c2%2Fuploads%2FoqsyaGliXTo1D1m03hoh%2Fimage.png?alt=media&#x26;token=83cf5c86-8972-4cc2-bdc3-b5ef37bba64f" alt=""><figcaption></figcaption></figure>

