# Newsletter popup

### What It Does

The Newsletter pop-up section lets you customize the newsletter form and popup content.

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

{% hint style="success" %}
How to Edit it

1. In the Shopify theme editor, find the **Newsletter popup** section in the sidebar.
2. Click on it to expand its settings.
3. Adjust the settings described below to customize its appearance and behavior.
4. Click **Save** to apply your changes.
   {% endhint %}

***

### Settings

#### **Enable in edit mode**

When enabled, the newsletter pop-up is displayed in the theme editor.

#### **Show popup in**

Controls when the popup appears after the page loads.

#### **Image position (desktop)**

Controls the Image position (desktop). Choose from: Top, Bottom, Left, Right.

#### **Image position (mobile)**

Controls the Image position (mobile). Choose from: Top, Bottom.

**Popup alignment**

#### **Horizontal alignment (desktop)**

Controls the Horizontal alignment (desktop). Choose from: Left, Center, Right.

#### **Vertical alignment (desktop)**

Controls the Vertical alignment (desktop). Choose from: Top, Center, Bottom.

**Newsletter button**

#### **Show newsletter button**

When enabled, a button appears at the bottom of the screen to open the newsletter popup. Disable it to hide the button.

#### **Button label**

The text shown on the button.

#### **Text**

Colors the text content.

#### **Background**

Colors the background area.

#### **Border**

Colors the border.

***

### Supported Blocks

### Image

See the child document for full settings: [image](/agnes/global-sections/newsletter-popup/_newsletter-popup-image.md)

### Content

See the child document for full settings: [content](/agnes/global-sections/newsletter-popup/_newsletter-popup-content.md)

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://moodboard-creations.gitbook.io/agnes/global-sections/newsletter-popup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.