Svoboda | Graniru | BBC Russia | Golosameriki | Facebook
Skip to content

wpmudev/slide-in

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slide In

INACTIVE NOTICE: This plugin is unsupported by WPMUDEV, we've published it here for those technical types who might want to fork and maintain it for their needs.

Translations

Translation files can be found at https://github.com/wpmudev/translations

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.

Usage

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.

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.