# Setup Simple Popup

In the **Simple Popup**, you have the option to upload a header image, add a title or subtitle, and button customization for the popup.

To customize the Simple Popup, click on **Select & Customize.**

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FHZtkXFCQjyPy3kndhlzs%2FScreenshot%202024-03-25%20173225.png?alt=media&#x26;token=9e2f9e05-c3fd-498f-9b4e-6fc9e8803dbc" alt=""><figcaption><p>Post Checkout Popup > Simple Popup</p></figcaption></figure>

In the Simple popup section, you have the option to edit various aspects of the popup such as the header image, content, and the button. There is also a popup preview, that will render the popup, showing you the changes you make to the popup.&#x20;

#### There are four customization sections available in the simple popup style:

1. Header Image
2. Content
3. Button
4. Other Configuration

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2Fh0N8Q4Gk8jqlpvuhJttC%2Fimage.png?alt=media&#x26;token=ec650b63-3da8-461f-b3e8-fa16b0291231" alt=""><figcaption><p>Simple Popup Customization</p></figcaption></figure>

### Header Image

The **Header Image** option can be used to upload an image that will appear in the popup. You can choose the image from the GoAffPro gallery, or you can upload a header image of your choice.

To change the header image of the popup, click on **Delete**, and then click on **Browse** or **Choose file**, to upload a different header image. You also have the option to adjust the width and height of the header image.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FzAAlQwHWa1DBBvzNt7fb%2Fimage.png?alt=media&#x26;token=fdb0b41d-aefc-4bc7-abaf-4604e75e8fc3" alt=""><figcaption><p>Header Image</p></figcaption></figure>

### Content

In the **Content** option, you can edit the content that is displayed on the popup, you have the option to set the title and subtitle to the popup.&#x20;

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FevfwhUoE60ZZjPoJi6vK%2Fimage.png?alt=media&#x26;token=12540a54-4cdd-4cd8-b041-5ab7a156ac15" alt=""><figcaption><p>Content</p></figcaption></figure>

### Button

The **Button** section allows you to change the title of the button, set the URL that it opens, and set the background and text color of the button. You can also select whether the button click opens the URL in the same or a new browser tab.&#x20;

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2F9yCPCMNRFPDyLsqSyd5q%2Fimage.png?alt=media&#x26;token=f308613d-e360-46a4-ad56-4bf79815deaf" alt=""><figcaption><p>Button</p></figcaption></figure>

### Other Configuration

In the **Other Configuration** section, you can set additional options for the popup, such as closing the popup when the escape button is presse&#x64;**,** closing the popup when a background click is made, or displaying the popup only once per customer.&#x20;

There is also the option to embed the popup in the order confirmation page (instead of it appearing as a popup). You also have the option to add extra CSS.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FijVKdqTSavqqJUcsfpG4%2Fimage.png?alt=media&#x26;token=5918bbab-d8a7-4886-b04b-712ca81908d8" alt=""><figcaption><p>Other Configuration</p></figcaption></figure>

{% embed url="<https://youtu.be/HPRJRGXF5dA>" %}
Setup Simple Popup
{% endembed %}
