# Pop-Ups

#### Basic configuration <a href="#basiskonfiguration" id="basiskonfiguration"></a>

1. In your admin panel, go to "Extensions > My Extensions."
2. Install and activate the app.
3. Clear the cache under "Settings > System > Caches & Indexes > Clear Cache".

#### Add Pop-Up <a href="#pop-up-anlegen" id="pop-up-anlegen"></a>

Under "Marketing > Pop-Ups", you now have the option to create and configure pop-ups. Click on “Add Pop-Up” to access the editing screen.

{% hint style="info" %}
Once a pop-up has been closed, it will not be displayed again for one week, provided that the visitor has accepted the cookies for comfort features. If they have not been accepted, the pop-up will only be stored in the session and will reappear when the page is called up again in a new browser window at a later point in time.
{% endhint %}

<div data-with-frame="true"><figure><img src="https://4212297912-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F33GKvYy9I8ydtLM82CBS%2Fuploads%2FcVnD2uNfCzxlmN5PFU65%2Fpop-ups-basic-information.webp?alt=media&#x26;token=fba43e73-e3cd-4125-b971-b1d8dc3080a1" alt=""><figcaption></figcaption></figure></div>

<details>

<summary>Name</summary>

Here you can give the pop-up a name. It is for internal use only.

</details>

<details>

<summary>Priority</summary>

This specifies which pop-up takes precedence on a page under the same conditions.

</details>

<details>

<summary>Valid from</summary>

Use this field to define when the pop-up should be displayed. Leave this field blank to display the pop-up immediately.

</details>

<details>

<summary>Valid until</summary>

Use this field to define how long the pop-up should be displayed. Leave this field blank to display the pop-up indefinitely.

</details>

<details>

<summary>Sales Channels</summary>

Defines in which sales channels the pop-up should be displayed.

</details>

<details>

<summary>Active</summary>

Decides whether the pop-up is active or inactive.

</details>

**Conditions**

{% hint style="info" %}
Only one pop-up is displayed per page. If multiple pop-ups match a page, the one with the highest priority is used.
{% endhint %}

<div data-with-frame="true"><figure><img src="https://4212297912-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F33GKvYy9I8ydtLM82CBS%2Fuploads%2F9IbVLd9bme4aON61hgDf%2Fpop-ups-conditions.webp?alt=media&#x26;token=4e987255-545b-46da-bec2-be4f997df67d" alt=""><figcaption></figcaption></figure></div>

<details>

<summary>Trigger</summary>

At present, the app provides two trigger types. If you require a different trigger, please do not hesitate to contact us.

**After X seconds**\
The pop-up will appear after the defined number of seconds.

**On exit intent**\
The pop-up appears as soon as the visitor wants to leave the page and moves the mouse pointer to the top of the browser bar. The higher the configured threshold, the earlier the pop-up appears. Since there is no mouse pointer on mobile devices, the pop-up is always displayed on mobile devices with this option when 50% of the page has been scrolled.

</details>

<details>

<summary>Display area</summary>

This setting determines where the pop-up should be displayed.

**Every page**\
The pop-up appears on every page.

**Category pages**\
The pop-up appears on every category page.

**Product detail pages**\
The pop-up appears on every product detail page.

**Custom category**\
The pop-up appears on the category page, which can be linked in the field to the right.

**Custom product**\
The pop-up appears on the product detail page, which can be linked in the field to the right.

</details>

**Inhalt**

<div data-with-frame="true"><figure><img src="https://4212297912-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F33GKvYy9I8ydtLM82CBS%2Fuploads%2FXw22uc5G9oZZE9jimXi6%2Fpop-ups-content.webp?alt=media&#x26;token=3f08af5d-0ad4-4d36-818b-2aa0bc3fc42a" alt=""><figcaption></figcaption></figure></div>

<details>

<summary>Layout</summary>

At this point, the [shopping experience](https://docs.shopware.com/en/shopware-6-en/content/ShoppingExperiences) that is to be displayed in the pop-up must be linked.

</details>

<details>

<summary>Max width (in px)</summary>

This field can be used to define the width of the pop-up.

</details>

<details>

<summary>Remove Pop-Up header</summary>

This option allows you to hide the header of the pop-up. This means that the content of the shopping experience stretches across the full width.

</details>

<details>

<summary>Close icon color</summary>

Defines the color accordingly.

</details>
