# Sales Popup

This function will appear a popup containing information showing the product selected by the customer to buy. This popup is displayed in the bottom left corner.

To proceed with setting up your sale popup.

1. From your Guhub dashboard -> click **Sales Popup.**
2. Choose options Display on desktop or display on mobile if you want to show.
3. Enter content, Time, Data.
4. Click Enable ( Or Disable) to show( Hide) this popup.
5. Then, click **Save.**

<figure><img src="https://732715015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FksxRINjXUzAaxFUTrYu4%2Fuploads%2FGsU0YlzXjey0WymQegHC%2FSales%20Popup.gif?alt=media&#x26;token=d78946b2-15e2-49f6-a527-9bc31cde9ee8" alt=""><figcaption></figcaption></figure>

### Content

In this Content Tab, you can change the content of the fields: Title popup; Product name; Time ago.

1. From your Guhub app dashboard, go to **APPS** -> Click **Sales Popup**.
2. Select **Tab Content**.&#x20;
3. In **Tab Content** enter the content that you want to sho&#x77;**.**
4. Click **Save.**

<figure><img src="https://732715015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FksxRINjXUzAaxFUTrYu4%2Fuploads%2FnPVsAyDuB4xQLtfIs8Pd%2Fcontent%20tab%20sale%20popup.png?alt=media&#x26;token=a0d822a1-0d4a-4bd7-8986-cc5ad5c1dd24" alt=""><figcaption></figcaption></figure>

### Time

In Time Tab, you can set Time to show popup,...

1. From your Guhub app dashboard, go to **APPS** -> Click **Sales Popup**.
2. Select **Tab Time**.&#x20;
3. In **Tab Time** enter the number of time that you want to set with popu&#x70;**.**
4. Click **Save.**

<figure><img src="https://732715015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FksxRINjXUzAaxFUTrYu4%2Fuploads%2FAzIdTlDPTojNEZaX1pf3%2FTime%20Tab.png?alt=media&#x26;token=c2863d66-7e54-4043-b2c8-abacae1ff2cd" alt=""><figcaption></figcaption></figure>

### Display

In Display Tab, you can configure display product; Popup position; Popup Animation; Top/Bottom; Left/Right.

1. From your Guhub app dashboard, go to **APPS** -> Click **Sales Popup.**
2. Select **Tab Display**.
3. Choose option to display product, Popup Positon or Popup Animation.&#x20;
4. Enter the number of pixel that you want to set with popu&#x70;**.**
5. Click **Save.**

<figure><img src="https://732715015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FksxRINjXUzAaxFUTrYu4%2Fuploads%2FZVKgtweMqxAaU1dr67Sw%2FDisplay%20tab%20sale%20%20popup.png?alt=media&#x26;token=64e90ece-48b6-4bcb-bcdb-3c60fa3f20fd" alt=""><figcaption></figcaption></figure>

### Style

In the Style Tab, you can configure the style of the sticky: Font size; Product titlee; Padding; Background Color; Background opacity; Text color; Text highlight color; Background image.

1. From your Guhub app dashboard, go to **APPS** -> Click **Sales Popup**.
2. Select **Style.**
3. In **Tab Style,** configure the style of the stick&#x79;**.**
4. Click **Save.**

<figure><img src="https://732715015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FksxRINjXUzAaxFUTrYu4%2Fuploads%2Fh2x9dUC83CbNW5cIsxPD%2FStyle%20sale%20popup.png?alt=media&#x26;token=1c48e9be-032c-4a01-b78e-018689d0aa39" alt=""><figcaption></figcaption></figure>

### Data

In the tab Data, you can enter random customers; loactions data to display in popup.

1. From your Guhub app dashboard, go to **APPS** -> Click **Sales Popup**.
2. Select **Data.**
3. In **Tab Data,** enter random customers; loactions data that you want to show.
4. Click **Save.**

<figure><img src="https://732715015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FksxRINjXUzAaxFUTrYu4%2Fuploads%2FkVm20PzrypdFNmZjjuex%2FData%20sale%20popup.png?alt=media&#x26;token=a37bdded-a7eb-46db-a096-92225abead7e" alt=""><figcaption></figcaption></figure>
