Slide In

Create graceful marketing messages that grab your visitors' attention and convert them to your product or service. Trigger signup forms and custom calls to action that convert more users.

Version 1.2

  • Fix: admin header font definition.
  • Fix: front-end script being more flexible.
  • Add: slide-in appearance preview in global settings.

Changelog

Version 1.2
  • Fix: admin header font definition.
  • Fix: front-end script being more flexible.
  • Add: slide-in appearance preview in global settings.

Version 1.1.4
  • Updating the help and usage strings.
  • Better permission checks.
  • Some cleanup.

Version 1.1.3
  • Slide-in placement filter context awareness.
  • Improved column titles.

Version 1.1.2
  • Fix for timed messages reappearing on scroll.
  • Added home page and custom post types to conditions list.
  • Introducing custom taxonomies for related posts.

Version 1.1.1
  • Fix for caching plugins compatibility.
  • Stricter sidebar allowed checks.
  • Added injection hook utility method.
  • Added MarketPress virtual pages showing options.

Version 1.1
  • Allowing slide-in metabox to all public post types.
  • Updated social services and options.
  • Added sidebar slide-in content type.
  • Closed message reappearing behaviors.

Version 1.0.2
  • Added optional shortcode processing.
  • Making the fixed width slides responsive.

Version 1.0.1
  • Added configurable subscription message option.
  • Added generic fallback error handler.

Version 1
  • Initial release.

Downloads 33,073

Compatibility WordPress 4.3 Multisite 4.3 BuddyPress 2.3.3

"I'm in love with WPMU DEV. It's an everlasting resource for almost everything you need to run a WP site beyond excellence."

Joakim Jardenberg

Slide In creates eye catching marketing messages that grab your audience and convert them to your product or service.

Slide In MailChimp subscription forms, ads, images, related posts and custom calls to action. Be sure users see important messages or build your mailing list without using annoying pop-ups.

Add users to your mailing list without using a pop-up.
Add users to your mailing list without using a pop-up.

Big Animated Design

Choose from minimal or rounded, light or dark and a host of other options for beautiful styling with toggle appearance settings for immediate results.

Professional designers enjoy space to get a completely original look with custom CSS.

All the popular social share buttons included, and you can add your favorites.
All the popular social share buttons, and add your favorites.

Built for Sharing

Expand your reach with built-in share and like options. Provide a string of ways users can spread the love with popular social networks.

Use Facebook, Twitter, Pinterest, and Google+, and if we missed your favorite you can easily add it.

Time the big reveal to get the most out of your slide.
Time the big reveal to get the most out of your slide.

Perfect Timing

Trigger the big reveal with behavior options that give you control over exactly when your message should make its appearance.

Plus, set it to slide away without any user interaction or let visitors close it when the message is received.

Convert more users, get your message heard or build your mailing list faster with Slide In.

For help and information on installing plugins you can view our Installing WordPress Plugins Manual.

Once you activate the plugin, you will see a menu appear on the left labeled Slide In.

menu

You will see three sub-menus appear when you click on the menu item.  We will tackle each separately.

Slide In

Clicking this will show you all your current “Slide Ins,” as we’ll call them (i.e. your messages).

all-slide-ins

From here, you can:

  • Create new Slide Ins
  • Edit existing Slide Ins
  • Trash messages (so they stop being shown on your website)
  • See their Pool Status*
  • See the conditions in which each Slide In gets shown

*Pool Status is whether your slide in is globally visible, or only visible for a particular post.

Add New

Adding a Slide In is as easy as creating a post. In fact, any information you enter in the Editor Box will show up in the Slide In, including formatting. You can use headers, lists, links, bold and italic styles and they will all work. You can even include images!

slide-in-settings

Content Type

Here’s where you dictate what goes in your Slide In. You can even choose to display related entries from any custom taxonomy.

slide-in-content-types

Text Message

If you want a rich text message like the one below, then use this option and put whatever you’d like into the Editor (just like writing a regular post).

first-image

MailChimp

If you use MailChimp, we’ve built in a subscription form that automatically connects to your MailChimp account. Enter your API key, select the list you want people to subscribe to. We do the rest!

We'll automatically retrieve all your subscriber lists from MailChimp once you've added your API key.
We’ll automatically retrieve all your subscriber lists from MailChimp once you’ve added your API key.

Your MailChimp Slide In will then look something like this:

email-subscribe 

Related Posts

The last option is related posts. The related posts option uses WordPress’s default tagging system to pull in posts. Simply select this, then choose the number of posts to show and whether to use thumbnails or not.

related-posts

Your Related Posts Slide In should look something like this:

related-posts copy

Global Settings

Global Settings contain the following:

  • Default behavioural settings
  • Appearance settings
  • Social integration options
  • MailChimp API list to subscribe to
  • Additional CSS to be used for every new Slide In 
  • Advanced settings for shortcodes and widgets

We’ll go through the sections below.

Behavioural Settings

These settings dictate at what point on a page your Slide In gets shown.

There are three options in the Behaviour Settings that give you loads of flexibility.

behavioural-settings 

  • Firstly, you can set the Slide In to show when a reader is a certain amount of distance down a page. So if you want to target people that get halfway through your article, you set 50%.
  • Secondly, you can enter an ID that once scrolls past the top of the window (e.g. the #comments div), the Slide In shows itself.
  • Finally, you can target people that have been on a page for X-amount of seconds. For example, if you want to target people that are truly reading your article top to bottom, you can enter 60 seconds so only readers that have read for a minute see your Slide In.

After you set what should trigger the Slide In, you then choose the rules for closing the message. See below:

hide-message 

Appearance Settings

Here you select the position, width of the Slide In, whether you want it to have rounded or square edges, if it’s light or dark themed and the key color to go with it.

You can also add Social Media share options, along with a default MailChimp API List Key to send subscribers too, as well as any extra CSS you wish to add to modify the Slide In.

These are all pretty self explanatory, and so instead of showing the actual settings page, we’ll give some screenshots of different configurations.

This is a Slide In placed at the top of the page, full width with a minimal light blue theme and no social media services attached
This is a Slide In placed at the top of the page, full width with a minimal light blue theme and no social media services attached
This slide in is placed to the left, with a width of 400px and a rounded dark theme with red as the primary colour. It has several social media share options attached.
This slide in is placed to the left, with a width of 400px and a rounded dark theme with red as the primary color  It has several social media share options attached.

Slide In Features

Slide In is versatile and fully-customizable.

  • Promote products without using annoying pop-ups
  • Grow your subscriber and mailing lists
  • MailChimp list integration
  • Display a custom message at the end of a post
  • Show messages based on conditions
  • Toggle styling control
  • Position to reveal left, right, top or bottom
  • Time delayed messages
  • Built-in social sharing
  • Promote the content on your site
  • Use shortcodes in promotional messages
  • Create a Slide In using widgets
  • Display Slide Ins on MarketPress virtual pages