# Footer - Newsletter

### Newsletter footer widget

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FIKrhRRFkxCPl02FsBWCy%2Ffooter08.png?alt=media\&token=a606281a-3e6b-4a42-adf4-7740a8e2de65)

Follow the below steps

#### Step-1:

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2F5QhaN0osgGIr43yrE41T%2Ffooter02.png?alt=media\&token=6d9d6e14-0415-41b7-ac5e-1aef3ec47dd3)

#### Step-2: 

Add Text box to third footer widget area

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2Fmnd3x5Jvynxr8UAeSzWo%2Ffooter09.png?alt=media\&token=b58fcbd6-8e5f-4a0b-b7ab-5c0a563bdafc)

#### Step-3: 

Then add the below short code to content

```html
<div class="newsletter-form">
[newsletter_form button_label="Subscribe"]
[newsletter_field name="first_name" placeholder="Name"]
[newsletter_field name="email" placeholder="Email"]
[/newsletter_form]
</div>
```

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FFfvrJckaUdzzlup9AnTU%2Ffooter10.png?alt=media\&token=b1cd713e-f1ce-4163-b450-23a094ba7224)

Class name: newsletter-widget

#### Step-4:&#x20;

Then Save the changes