> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/newsletter.md).

# 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;