Adding an email subscription to WordPress Elementor is easy. First, create a new subscription landing page. Then, add the following code to your page:
PRO TIP: Adding an email subscription to WordPress Elementor can be done by following these steps:
1. Go to the WordPress admin area and install the Email Subscribers plugin.
2. Activate the plugin and go to the Email Subscribers > Add New page.
3. Enter a name for your email subscription list and click the Add New button.
4. Copy the shortcode that is displayed on the next screen and paste it into the WordPress post or page where you want the subscription form to appear.
5. Save your changes and preview the post or page to see the subscription form in action.
<div class="col-md-12 col-sm-12 col-xs-12 email-subscription-form">
<div class="form-group">
<label class="col-sm-2 control-label" for="email">Email</label>
<div class="col-sm-10 col-md-10 col-xs-10 email-input"><input id="email"
class="form-control" type="email" placeholder="enter your email" /></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 email-subscription-output">
<div class="col-sm-10 col-md-10 col-xs-10 email-subscription-message">
<strong class="email-subscription-message-title">Your subscription has
been added!</strong>
<div class="email-subscription-message-content">Your subscription has
been added and you will now be notified of all new posts as they are
made. Thanks for subscribing!</div>
</div>
</div><div class="form-group">
<label class="col-sm-2 control-label" for="first-name">First Name</label>
<div class="col-sm-10 col-md-10 col-xs-10 email-input"><input id="first-name"
class="form-control" type="text" placeholder="enter your first name" /></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 email-subscription-output">
<div class="col-sm-10 col-md-10 col-xs-10 email-subscription-message">
<strong class="email-subscription-message-title">Your first name has been
added!</strong>
<div class="email-subscription-message-content">
Your first name has been added and you will now be notified of all new posts
as they are made.
Thanks for subscribing!
</div>
</div>
</div><div class="form-group">
<label class="col-sm-2 control-label" for="last-name">Last Name</label>
<div class="col-sm-10 col-md-10 col-xs-10 email-input"><input id="last-name"
class="form-control" type="text" placeholder="enter your last name" /></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 email-subscription-output">
<div class="col-sm-10 col-md-10 col-xs-10 email-subscription-message">
<strong class="email-subscription-message-title">Your last name has been added!
</strong>
<div class="email-subscription-message-content">Your last name has been added
and you will now be notified of all new posts as they are made. Thanks for
subscribing!</div>
</div>
</div><div class="form-group">
<label class="col-sm-2 control-label" for="email">Confirm Email</label>
<div class="col-sm-10 col-md-10 col-xs-10 email-input"><input id="email"
class="form-control" type="email" placeholder="enter your email again
to confirm" />
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 email-subscription-output">
<div class="col-sm-10 col-md-10 col-xs-10 email-subscription-message">
<strong class="email-subscription-message-title">Your email has been confirmed!
</strong>
<div class="email-subscription-message-content">Your email has been confirmed
and you will now be notified of all new posts as they are made. Thanks for
subscribing!</div>
</div>
</div><div class="form-group">
<label class="col-sm-2 control-label" for="password">Password</label>
<div class="col-sm-10 col-md-10 col-xs-10 email-input"><input id="password"
class="form-control" type="password" placeholder="enter your password" /></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 email-subscription-output">
<div class=""col-sm-10"></div></div>