# Newsletter

In this section, you can add Newsletter section.

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

<figure><img src="/files/26V4grbqPh1uDmN04Mqp" alt=""><figcaption></figcaption></figure>

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

## **Adding a section**

In order to add a section, you need to go to:

**`Customizer`** → **`Add Section`** → **`Newsletter`**.

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

## **Section settings**

### General

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

1. **`Layout`** - the way content is displayed. You can choose: One column image above content/One column background image/Two columns;
2. **`Heading`** - section heading text;
3. **`Subheading`** - section subheading text;
4. **`Text`** - section text;
5. **`Image`** - you can set a picture for the section;
6. **`Hide image`** - this setting can hide the picture. Does not work for “two column” layout;
7. **`Image position`** - you can set the position of the image: left/right. Works only when the two columns layout is selected;
8. **`Content position`** - you can set the positioning of the content: left/centre/right. Works only when the One column background image layout type is selected;

### Form

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

1. **`Email placeholder`** - you can set the default text for the email placeholder;
2. **`Button label` -** you can set the default button text;
3. **`Button style`** - button style: Primary/Secondary/Primary with border/Secondary with border;
4. **`Success message`** - text after a successfully sent subscription;

### Colors

<figure><img src="/files/1tbdppvU3MHDTu3ChNrX" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - heading text color;
2. **`Text`** - main text color;
3. **`Section background`** - background color;
4. **`Content background`** - content background color. Works only when layout type One column background image is selected;
5. **`Enable content glass effect`** - you can set a glass effect for the content background. Works only when layout type One column background image is selected;

### Layout

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

1. **`Container width`** - a container width of the section. If “Inherit” value is selected then container width based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

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

1. **`Blocks`** - you can set custom liquid with your own code;
2. **`Apps`** - you can choose one of the available Apps;


---

# 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://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/newsletter.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.