# Newsletter

### Newsletter

> Module position: slideshow
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FjQ70YvTlQZLSJTypY5fb%2Fmail.png?alt=media\&token=239f8498-d13c-4227-857e-afae963c18c0)

If you want to display your mail information like this you have to create a custom module and publish the custom module like below

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FWbbJiFEg2mAFiGeBdz5i%2F3_Offcanvas_menu_configuration_step1.png?alt=media\&token=0ed7b078-fa05-4ec5-a144-c2e6b10d46c4)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FynFEGqP5n4O18ksSNkU4%2FHome_page_banner_step2.png?alt=media\&token=b78423b9-3112-47b9-8a69-7a3676c01e1e)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FlCP08cpNEakIbuYCDsU0%2Fmail_step1.png?alt=media\&token=207e48c0-e22c-4590-830e-b803ac13ce11)

#### Step-4:

Add the following code in your custom module

```html
<div class="community-mailing-list">
<div class="mailing-content-block">
<h2><span><em class="fa fa-envelope-o"></em></span> Newsletter</h2>
<p>Make sure you dont miss interesting happenings by joining our newsletter program.</p>
</div>
<div class="mailing-block">{loadposition community-mail}</div>
</div>
```