# Newsletter

In this section, you can add Newsletter section.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FQUmQQBVL96HIFTcp5BPt%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_17.40.07.png?alt=media&#x26;token=62c3ff6b-8da1-46d3-889c-147a33f27472" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F6EZGnTbyuhgPWtSyZ2F3%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_17.39.24.png?alt=media&#x26;token=21c46f89-c525-4ffd-a555-69e8ba77edd0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F7Y3jeBYR5n1lB8v2xSUt%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_17.45.39.png?alt=media&#x26;token=2d0a0658-d4f0-4f1c-b267-655509b4f4b1" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FGVXajbpEI0ESkxQY6Fc0%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_17.46.54.png?alt=media&#x26;token=3cef1a50-0be8-47ad-83f6-c9638c2f45d9" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F2TCVVuhisZHvGzF2a57f%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_17.58.46.png?alt=media&#x26;token=be9346de-7d87-4c80-a69f-d50fc0d602ff" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FH8bz6lRcaSilLCIEEDTR%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_17.58.46.png?alt=media&#x26;token=a278af25-49ea-46ee-8751-486adb7f8fe1" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FtgRTRyAr6R2DHjhn74gP%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_18.02.16.png?alt=media&#x26;token=91ce6f03-6d59-4248-af53-9de16c4c98d0" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F9AvF0Heh4gNN7V3H8JVn%2FUntitled%203.png?alt=media&#x26;token=6886713d-06fb-4b93-b5c9-6b885c5d42ae" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FFY8oBtTUuLry5vMRJ6xm%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-19_%25D0%25B2_18.07.10.png?alt=media&#x26;token=68144b49-aec3-4d6b-92c2-2daa9adaffce" 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;