# Widget

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2F47LAnMhsAxVs309samcR%2Fimage.png?alt=media&#x26;token=3ed77e6d-c3c8-429f-b984-03baa7b21bbe" alt=""><figcaption></figcaption></figure>

You can customize the **Widget**'s content and appearance for both steps: Before and after someone signs up as an advocate.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FpO0647CzdHCJPjHPCYa0%2Fimage.png?alt=media&#x26;token=8be20535-8c9c-4fb0-9e8f-95447b73bf0c" alt=""><figcaption></figcaption></figure>

And the **Widget**'s launcher:

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FB1cijJMaoB6nzSRKUQyd%2Fimage.png?alt=media&#x26;token=6fc5627f-5a61-4f78-96bd-4b20ad8fd121" alt=""><figcaption></figcaption></figure>

You can select the pages that should have the **Widget** displayed so that it doesn't cover any of your other store buttons:

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FIKHQW1snvBMj3JQnsihw%2Fimage.png?alt=media&#x26;token=f6e6f8bd-e189-4f04-be21-ca284e66ed40" alt=""><figcaption></figcaption></figure>

This is a sample **Widget** on a Shopify store:

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FtvMw6hZ8YZErI1lVIQdt%2Fimage.png?alt=media&#x26;token=2f934e3d-0b34-4ad1-8399-d520bed3f4de" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2F9OyTV3pwQInwyDg928KQ%2Fimage.png?alt=media&#x26;token=9a22560f-b08b-4f5f-ad68-10770ef29d77" alt=""><figcaption></figcaption></figure>