# Video Pro – Documentation

Search for:

# Create Newsletter form

Please make sure you have installed plugin Contact Form 7 before, then follow these steps to create a newsletter page:

- Step 1: Go to Contact > Add New to create a contact form with fields having these names:
  - your-email
  - submit

This is an example of a Newsletter Form:

`<p>[email* your-email placeholder "Your Email *"]</p><br>`

`<p>[submit "SUBSCRIBE"]</p>`

- Step 2: Get the Shortcode of the form, for example `[contact-form-7 id="1645" title="Newsletter"]`

- Step 3: Go to Pages > Add New to add a new page for the Newsletter form, then choose Backend Editor > Add Element > Text Box having this content (for example)

`<h4>Subscribe To Our Newsletter</h4>`
`Sed ut perspiciatis unde omnis iste natus error sit voluptatem. Ut enim ad minima veniam quis nostrum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.`
`[contact-form-7 id="1645" title="newsletter2"]`

- Step 4: Set Extra class name option of the Text Box element (shortcode) is one of two styles:
  - dark-div textwidget
  - textwidget

- Step 5: Publish page and you will have the Newsletter form as bellow

Form uses Extra class name: dark-div textwidget Form uses Extra class name: textwidget

OPEN NEW TICKET