> For the complete documentation index, see [llms.txt](https://smsgem.gitbook.io/smsgem-document/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://smsgem.gitbook.io/smsgem-document/main-features/collect-subcribers.md).

# Collect subcribers

### How to create popup to make all Internet-surfer to your fan?

Go to **Subscribers -> Collect Subscribers -> Edit** on "Subscriber collection pop-up"

<figure><img src="/files/rW6QBDZWxrUPGMnFilcN" alt=""><figcaption></figcaption></figure>

### Step 1: Design Popup

You can change colors, text, logo, etc. to make a perfect fit for your store.

<figure><img src="/files/VZAEBYDOGDkQ5Wlg723i" alt=""><figcaption></figcaption></figure>

### Design Floating button

Floating button is the popup in close version. When visitors close your popup, floating button appears on your page.

When you click on "Floating button", popup opens again/

<figure><img src="/files/CLHSjwgbNtVfV0fv597U" alt=""><figcaption></figcaption></figure>

### Step 2: Behaviour

How the popup shows to your customers on store with delay time, which page to show popup.&#x20;

*Example: You can setup popup only appears on Home page after 10 seconds user visits your page.*

{% hint style="info" %} <mark style="color:blue;">**Gem help:**</mark> Floating button will show on the same pages with popup.
{% endhint %}

### Step 3: Message

What you send to your customers when they leave contacts in popup form.

{% hint style="info" %} <mark style="color:blue;">**Gem help:**</mark> Confirm link is auto-generated by the app to make sure your subscribers join your list.
{% endhint %}

<figure><img src="/files/3YNBLwusEbAQRGaE92kQ" alt=""><figcaption></figcaption></figure>

### Step 4: Save and Launch

Remember to save and turn on all your settings. Then wait for subcribers fill in your form.

{% hint style="info" %} <mark style="color:blue;">**Gem help:**</mark> Both toggles are sync-ed. You only need to turn on one.
{% endhint %}

<figure><img src="/files/oEzurniUXmovqxO6yZPR" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/QG0cc6on9rLHjecY47l3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/XGZon3b5mmk2yC7xK3CQ" alt=""><figcaption></figcaption></figure>
