diff --git a/assets/css/src/components-public/_public.scss b/assets/css/src/components-public/_public.scss
index ce91e6a796..9d3f54b4f9 100644
--- a/assets/css/src/components-public/_public.scss
+++ b/assets/css/src/components-public/_public.scss
@@ -244,9 +244,33 @@ div.mailpoet_form_fixed_bar {
   bottom: 0;
 }
 
+div.mailpoet_form_slide_in {
+  background-color: white;
+  bottom: 0;
+  box-shadow: 0 4px 35px 0 rgba(195, 65, 2, .2);
+  display: none;
+  min-width: 350px;
+  padding: 10px;
+  position: fixed;
+  z-index: 1000;
+
+  @include breakpoint-max-width($form-break-small-width) {
+    min-width: 100%;
+  }
+}
+
+.mailpoet_form_position_left {
+  left: 0;
+}
+
+.mailpoet_form_position_right {
+  right: 0;
+}
+
 .mailpoet_form_popup_overlay.active,
 div.mailpoet_form_popup.active,
-div.mailpoet_form_fixed_bar.active {
+div.mailpoet_form_fixed_bar.active,
+div.mailpoet_form_slide_in.active {
   display: block;
 }
 
diff --git a/assets/js/src/public.jsx b/assets/js/src/public.jsx
index 31e3b45b93..370dc709d8 100644
--- a/assets/js/src/public.jsx
+++ b/assets/js/src/public.jsx
@@ -76,7 +76,7 @@ jQuery(($) => {
       closeForm(formDiv);
     });
 
-    $('div.mailpoet_form_fixed_bar').each((index, element) => {
+    $('div.mailpoet_form_fixed_bar, div.mailpoet_form_slide_in').each((index, element) => {
       const cookieValue = Cookies.get('popup_form_dismissed');
       if (cookieValue === '1') return;
       const formDiv = $(element);
diff --git a/views/form/front_end_form.html b/views/form/front_end_form.html
index e9ede60f23..27f137383d 100644
--- a/views/form/front_end_form.html
+++ b/views/form/front_end_form.html
@@ -9,7 +9,7 @@
 
   <div class="mailpoet_form_popup_overlay"></div>
   <div id="<%= form_html_id %>" class="mailpoet_form mailpoet_form_<%= form_type %>">
-    <% if form_type == 'popup' or form_type == 'fixed_bar' %>
+    <% if form_type == 'popup' or form_type == 'fixed_bar' or form_type == 'slide_in' %>
       <img
         class="mailpoet_form_close_icon"
         alt="close"