> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/forms-and-interaction/newsletter.md).

# Newsletter

The newsletter subscription section allows you to collect email addresses from users to send promotional messages, product updates, or brand news. It's a powerful tool to increase user engagement and conversion.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FUoNq1y0vHEAWoJhuByD8%2Fdab79fcb0487a3144c78aa2f0454b02.png?alt=media&amp;token=b3b1ce8c-83f9-43ba-b140-188417031d0b" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

* **Color Scheme**: Select or customize a color scheme that defines the appearance of all elements in this section, including background color, text color, and button styles. Choose a scheme aligned with your brand identity for consistency.

***

### 📐 Layout Settings

* **Content Width**: Choose from **narrow**, **normal**, or **wide** to control the width of the content area.
* **Text Alignment**: Set the alignment of the text to **left**, **center**, or **right**, depending on your preferred design and tone.

***

### 🖼 Background & Image Settings

* **Background Image**: Upload a background image and manually adjust its opacity to ensure good visibility and layering with text.
* **Side Image**:
  * You can upload an optional side image.
  * Position: **Left** or **Right**.
  * Image Width: Choose from **small**, **medium**, or **large** to balance image and text proportions.

***

### 📱 Mobile Settings

* **Text Alignment (Mobile)**: Independently set the alignment of text on mobile devices (left, center, or right) for optimal mobile responsiveness.

***

### 🧱 Section Blocks

You can customize this section by adding one or more of the following content blocks to enrich the layout:

* **Badge Group**
* **Button**, **Button Group** (supports link buttons and video popup buttons)
* **Countdown Timer**
* **Description**
* **Discount Code**
* **Follow Us**
* **Heading / Subheading**
* **Highlight Stats**
* **Icons**, **Icons with Text**
* **Keywords**
* **Link Group**
* **Social Media List**
* **Video Button**
* **Spacer**
* **📝 Subscription Form** (core component)

***

### ✉️ Subscription Form Settings (Key Feature)

* **Form Fields**: By default, the form includes an email input.
* **Button Text**: Fully customizable. Examples: “Subscribe,” “Join Now,” “Get 10% Off.”
* **Success Message**: Customize the message shown after successful form submission.
* **Integration**: Can be integrated with email marketing platforms for automated campaign workflows.

***

### ✅ Best Practices

* Place this section in a prominent area on the homepage or landing pages to boost subscriptions.
* Align the visual style with your brand, and offer incentives like discount codes to encourage sign-ups.
* Use background and side images to enhance the visual appeal and improve conversions.