Sliding Forms

This guide shows you how to create a sliding newsletter subscription form in WordPress. You can set the form to slide in from the bottom left, top left, bottom right, or top right.

Unlike pop-up forms, sliding forms are non-intrusive and are therefore less likely to irritate your website visitors.

Below is an example of a sliding form.

sample sliding newsletter form

Noptin allows you to create such a form without writing any line of code.

Prerequisites

To continue with this tutorial, you will need to install the latest version of Noptin (free) and the Ultimate Addons Pack.

To automatically add new email subscribers to your email service provider (e.g Mailchimp), you will also have to install the appropriate add-on.

Creating the Sliding Form

First, click on Noptin > Subscription Forms to open the forms overview page…

open forms overview page

… then click on the Add New button to create a new subscription form.

Create new sign-up form

Next, give your new form a name, select sliding as the form type, and then design it as needed.

Noptin sliding form editor

If you’re giving away something free in your pop-up, we recommend you mention it in the subscribe button text, as shown in the example below.

set subscription form button text

Optionally, you can set a redirect URL, allowing Noptin to send new subscribers to that address automatically.

As shown in the image below, redirect URLs can contain smart tags.

redirect new newsletter subscribers

While tags and list settings are optional, we strongly recommend organizing subscribers into appropriate lists and tags. This ensures that each subscriber receives only the emails they specifically requested.

set subscriber lists

With Noptin, you can control both the placement of your sliding form and its visibility to different users. This ensures that your newsletter subscription form is displayed only on pages where it is most relevant.

page targeting options

That’s all.

Related Guides

  • Creating Subscription Forms

    Learn how to create newsletter subscription forms using our form builder

    Read More

  • Newsletter Subscription Shortcode

    Learn how you can display a newsletter subscription form in your posts, pages and text widgets using a shortcode.

    Read More

  • Newsletter Subscription Widget

    Our newsletter subscription widget allows you to add a newsletter sign-up form to your header, footer, sidebar, Elementor, or any other place that supports widgets.

    Read More

  • Newsletter Subscription Block

    If you’re using the new WordPress editor, you can use our Newsletter Block to add a subscription form to your posts and widgets.

    Read More

  • Pop-up Forms

    This guide shows you how to create a newsletter subscription pop-up form in WordPress for free. Unlike normal newsletter sign-up forms, pop-up forms have significantly higher conversion rates. In fact, the average conversion rate is 3.09%. Below is an example of an “exit-intent coupon code pop-up“. Noptin allows you to create such a system without…

    Read More

  • Custom Subscription Forms

    Learn how to add a newsletter subscription checkbox to any custom form

    Read More

  • Preventing Spam Sign-Ups

    Noptin uses several methods to prevent spam signups without affecting usability for non-spammers. If you are still getting spam sign-ups, you can use Hizzle CAPTCHA to fight spammers. As the name suggests, Hizzle CAPTCHA helps you secure Your WordPress Forms with CAPTCHA. Hizzle CAPTCHA protects forms from several popular plugins including Noptin. This means you…

    Read More

  • Redirect Users after Subscription

    Learn how to redirect users to a different page, website or downloadable file after they subscribe to you newsletter.

    Read More

  • Smart Tags

    You can use smart tags in your form messages, welcome emails, or subscription shortcodes to add dynamic content to the form. Noptin will detect the smart tag and replace it with the appropriate value. If the value is not known, Noptin will replace the smart tag with an empty string. Example 1: Display the subscriber’s…

    Read More

  • Unsubscribe Forms

    Noptin allows you to create a newsletter unsubscribe form so that existing subscribers can unsubscribe from your newsletter.

    Read More

  • Change subscription confirmation messages

    Check out the default newsletter subscription confirmation messages and how to edit them

    Read More