> 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/62BWr5CM8wyIk6XdRqS8/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_17.40.07.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/majXPUamfl7hqSsgjA2a/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_17.39.24.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/4KznlRFJheYjy4iotupj/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_17.45.39.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/EeceAZx2A1WERiw13b85/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_17.46.54.png" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/CFoE1tcrNSYRsLq7YLvP/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_17.58.46.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/XdQSZEjbcP278kJzX7Wc/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_17.58.46.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/vr22odgSg2AHMQam8ein/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_18.02.16.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/aTWgbwgHEYiRcRoKtR3J/Untitled%203.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/mt3EBbY7nttpqtKY9HUp/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-19_%D0%B2_18.07.10.png" 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;