Slider by Supsystic

Description

WordPress Slider by Supsystic

Slider by Supsystic is a great way to create stunning image slider and video slider without programming skills. Plugin is fully responsive and works on any mobile devices.

Using Slider by Supsystic, you will be able to attract more people to your site and amaze them with effective slideshows, which display your images in a marvellous way. It is simple enough – just select images you would like to show and Slider by Supsystic will create responsive slideshow, slider with thumbnails or carousel slider.

If you have this slider plugin on your website, you will be able to upload large photo galleries there in one moment. It allows you to add both pictures and videos to the slider and customize the settings using different professional slider templates and options. All these things will help you to create a fascinating sliders for every visitor of your site.
Now impressive responsive slideshows can become a good addition to your WordPress site. Install Slider by Supsystic and make visitors feel delighted by beautiful pictures from your photo and video sliders!

SEO optimized sliders can do a great job of getting the images and captions indexed well in the search engine. Fade, slide, rollover, slice everything you think is possible now with Slider by Supsystic plugin. We give high level of support for our users and are ready to help you out even with some custom implementations for slider.

Slider by Supsystic Support

If you have any problem, feature request or proposal for the Responsive Images Slider by Supsystic, please let us know!

Slider Translations in Your Language

You have an incredible opportunity to get PRO version of the responsive Slider plugin for FREE. All you need is to make translation of the Slider plugin! It will be amazing if you take advantage of this offer!
Available slider translations:

  • English
  • Chinese (China)
  • Chinese (Taiwan)
  • Dutch
  • French
  • German
  • Hebrew
  • Indonesian
  • Italian
  • Norwegian (Bokmål)
  • Portuguese (Brazil)
  • Russian
  • Spanish (Spain)
  • Spanish (Mexico)
  • Spanish (Venezuela)

How to Create a Slider in WordPress

Step 1: Creating [Slider by Supsystic](https://supsystic.com/plugins/slider/ “Slider by Supsystic”)

  1. On the left navigation menu click “New Slider”.
  2. Enter the name of slider.
  3. Choose slider template. You have the ability to choose one of 6 amazing templates:
  • Bullets slider navigation
  • Slideshow mode
  • Thumbnails sldier navigation
  • Post Feed slider (PRO feature)
  • HTML sldier content (PRO feature)
  • Video slider (PRO feature)
  • Slider with Captions
  • Import from Flickr, Tumblr and Facebook (PRO feature)
  • Slider Template Builder (PRO feature)
  1. Click “OK” button.

On the next steps you can change slider template

Step 2: Adding images to the Responsive Slider

  1. Click on “Add Images” button.
  2. Choose images from WordPress Media Library – mark those images that you like or need. If there are no images that you need, click the Upload Files tab – here you can drop files anywhere to upload or select files from your computer.
  3. Click on “Choose Image” button.
  4. Images will appear in the Media block at the left side. Here you can:
  • Add caption to image slider – it will be displayed on the caption effect of the slider.
  • Attach links to image slider – it will go to the link when you click the image.
  • Add SEO slider – tags for search requests.
  • HTML slider – support of html-elements inside slides (Pro feature – only for Jssor slider)

Besides PRO version of slider plugin allows you to add videos and posts of your site to the slider.

To add videos to the slider click on “Add Video” button, then paste video URL and click “Import”. Slider by Supsystic supports such platforms as Youtube and Vimeo.

Possibility to add video you have only for BxSlider and Jssor slider.

In order to add pages and posts you need – select post / page from corresponding dropdown list at the “Select posts to show” block and click “Add post” / “Add page” button – it will appear at the “Posts and Pages” block.

This option is available only for coin and jssor sliders.

Step3: Editing of Image Slider settings

Firstly, you can change the plugin – simply click “Change slider” button, choose the another module and click “Change” button. But please note that current settings will be removed without ability to restore.

You can select one of 3 sliders:

  • BxSlider – easy to use image slider plugin with built-in touch support.
  • Coin Slider – slideshow plugin for creating slideshows with amazing transition effects.
  • Jssor Slider (PRO feature) – touch swipe and responsive javascript image slider.

And secondly, let’s start with the configuration of BxSlider.

The BxSlider allows you –

  • set the width and height of the image slider (width can be set in pixels or percent, and the height only in pixels);
  • choose the mode of transition between slides – Horizontal,Vertical or Fade;
  • enable the slideshow – auto navigation between slides;
  • enable slideshow controls;
  • select type of navigation between slides – standard or thumbnails (it is available, when pager option is enabled);
  • enable displaying of the images caption;
  • set the speed of slide transition in milliseconds;
  • enable start of slider on a random slide;
  • choose type of easing, which will be used during transitions of slideschoose type of easing, which will be used during transitions of slides;
  • enable touch support – slider will allow touch swipe transitions;
  • enable one-to-one touch option – non-fade slides will follow for the finger when you swipe it across the screen (available, when touch option is enabled);
  • set the swipe threshold – amount of pixels of a touch swipe, which must be exceeded in order to execute a slide transition (only used if touch is enabled);
  • enable pager – slider bullets navigation
  • choose type of pager: Full – a pager link will be generated for each slide, or Short – a x/y pager will be used (ex. 1/5)

Also this slider has a unique PRO feature – a visual editor! To edit slider in visual mode – click “Builder” button. Here you can specify settings for –

  1. Slider Viewport
  2. Slider Caption
  3. Slideshow Buttons

With Coin Slider slider you have the opportunity –

  • set the width and height of the slider – only in pixels
  • select one of the amazing transition effects of slides – you can choose between four types of transition effects: random, rain, swirl and straight;
  • set the opacity of caption;
  • enable pause mode, when mouse is over slider container;
  • hide or show navigation controls of slider;
  • show all images with their full size links

Jssor Slider slider – contains such features as

  • Width and height of slider;
  • Mode – type of transition between slides – Horizontal or Vertical;
  • Arrows – a huge variety of arrows for navigation through slider, also you can disable it;
  • Bullet slider control – includes a wide range of bullet points, you can enable this option in order to control the navigation of slides using bullet points;
  • Responsive slider size – enable or disable auto resize of the slider. Useful if you need to use fixed width sliders;
  • Thumbnails slider navigation – enable the navigation control with thumbnails of images, which is much simplify and speed up access to all images of the slider by supsystic;
  • Slideshow – enable auto navigation between slides;
  • Slideshow Speed;
  • Select Shadow – choose one of the box shadow effects, which were first designed in Photoshop and then implemented using CSS3

Important! After changing the settings of slider plugin don’t forget to click “Save” button.

Step 4: Slider Preview settings

After you change some slider settings – with responsive Slider by Supsystic, you can immediately see the result in a slider live preview. Simply click on “Preview” button and you will see your slider in a popup window.

Step 5: Displaying Slider WordPress Plugin on the website

Over the settings of slider you can see the shortcode.

Copy and paste the shortcode into your post or page and Slider by Supsystic plugin will automatically create the slider on your page using the settings you choose above.

Important! Shortcode must be inserted in a text editor page, and not in the visual.

Our plugins

Screenshots

  • Responsive Post Feed Slider - post feed slides dynamically create slideshow based on your WordPress posts and pages.

  • Thumbnail Slider - thumbnails tend to be a huge part of most WordPress themes these days. Even very simple themes make use of them in different places.

  • Responsive Video Slider - add videos from Youtube or Vimeo to your slideshow. Full screen video support with custom video support.

  • Post Feed Carousel Slider - dynamically create slideshow based on your WordPress posts and pages. Use carousel sliders to show more content of your site at one time.

  • HTML Image Slider - use HTML effects to attract users to the slider.

  • Pager Slider - simple and nice slider theme with captions. Publish photos and images in a minute!

  • Responsive Image Slideshow is a brilliant method to stack and present series of images in your WordPress especially when space is a constraint.

  • WordPress Slider plugin admin area. Choose one of 6 amazing slider templates and customize your slider with easy-to-use options.

Installation

First time Slider by Supsystic user

Thank you for choosing image Slider by Supsystic! Open page of our plug-in admin panel WordPress and you will see three menu items: “New Slider”, “Sliders” and “Settings”.
In order to create your slideshow, simply click on “New Slider” in your left menu, then set the name of slider in popup window and click OK. When Slider by Supsystic page loads, set the options for your responsive slider – images width and height (images width can set in percent and in pixels), type of transition between slides etc. To add images to your Slider by Supsystic click on button “Add Images” and choose images from WordPress Media Library.
Don’t forget to press the “Save” button. After all these points you can see the result, simply click on “Preview”.
On the top of Properties you can see the shortcode. Copy and paste the shortcode into your post or page and Slider by Supsystic plugin will automatically create the slider on your page using the settings you choose above.
Important! Shortcode must be inserted in a text editor page, and not in the visual.

To install a slider plugin via FTP, you must

  1. Download the image slider plugin
  2. Unarchive the Slider by Supsystic plugin
  3. Copy the folder with slider plugin
  4. Open ftp \wp-content\plugins\
  5. Paste the plug-ins folder in the folder Slider by Supsystic
  6. Go to admin panel => open item “Plugins” => activate the slider plugin to enable carousel, postfeed, content sliders

FAQ

Installation Instructions

First time Slider by Supsystic user

Thank you for choosing image Slider by Supsystic! Open page of our plug-in admin panel WordPress and you will see three menu items: “New Slider”, “Sliders” and “Settings”.
In order to create your slideshow, simply click on “New Slider” in your left menu, then set the name of slider in popup window and click OK. When Slider by Supsystic page loads, set the options for your responsive slider – images width and height (images width can set in percent and in pixels), type of transition between slides etc. To add images to your Slider by Supsystic click on button “Add Images” and choose images from WordPress Media Library.
Don’t forget to press the “Save” button. After all these points you can see the result, simply click on “Preview”.
On the top of Properties you can see the shortcode. Copy and paste the shortcode into your post or page and Slider by Supsystic plugin will automatically create the slider on your page using the settings you choose above.
Important! Shortcode must be inserted in a text editor page, and not in the visual.

To install a slider plugin via FTP, you must

  1. Download the image slider plugin
  2. Unarchive the Slider by Supsystic plugin
  3. Copy the folder with slider plugin
  4. Open ftp \wp-content\plugins\
  5. Paste the plug-ins folder in the folder Slider by Supsystic
  6. Go to admin panel => open item “Plugins” => activate the slider plugin to enable carousel, postfeed, content sliders
How to install PRO version of plugin?

To install Slider by Supsystic PRO follow this instruction

How to import images to the Slider?

Here you will find the instructions about images import

How to install and create Slider by Supsystic?

Detailed instuctions about slider installing and creating

Reviews

Great easy to use slider – does its job.

After trying several sliders for WP over quite a few years, I find Supsystic slider to be easy to use, works well inside complex themes such as Divi and is reliable. Supsystic Slider does the job. Anybody who says “useless free version” or similar clearly is of limited experience and just does not know WP or sliders at all. Good work folks!

Read all 100 reviews

Contributors & Developers

“Slider by Supsystic” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Slider by Supsystic” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

= 1.7.9 / 29.08.2017
* Added Spanish(Spain) and Spanish(Venezuela) languages
* Fixed update of slide position in admin area
* Minor issues fix

= 1.7.8 / 19.07.2017
* Reverted twig version to v.1.33.2 for php 5.2 support

= 1.7.7 / 18.07.2017
* Updated twig to version 1.34.4
* Minor issues fix

= 1.7.6 / 12.07.2017
* Fixed the same slider displaying on page twice
* Fixed integration with Social Sharing buttons
* Minor issues fix

= 1.7.5 / 06.07.2017
* Fix integration with Social Sharing buttons
* Fix of displaying the same slider on page twice
* Fix of compatibility with PHP 7
* Minor issues fix

= 1.7.4 / 20.06.2017
* Fix of compatibility with PHP 7
* Fix for responsive mode of sliders: Coin and Jssor
* PHP code output in admin area fix
* Minor issues fix

= 1.7.3 / 31.05.2017
* Fixed displaying the slideshow controls on frontend
* Added Membership integration
* Fixed shortcodes copying in the slider admin area
* Fixed integration with Social Sharing buttons for Coin slider
* Minor issues fix

= 1.7.2 / 18.05.2017
* Minor issues fix

= 1.7.1 / 11.05.2017
* Added option: Caption by Mouseover. Optimized the markup
* Fixed the thumbnails’ displaying for videos in admin area
* Integration with Google Maps Easy plugin
* Integration with Social Share Buttons by Supsystic plugin
* Small styles fix

= 1.7.0 / 13.04.2017
* Add ability to import settings to slider
* Add ability to rename slider
* Update the post’s slides after post updating
* Fix for caption settings by default for sliders: Bx, Coin, Jssor
* Fix for autoplay video for Jssor slider

= 1.6.9 / 23.02.2017
* Added multiple rows feature for BxSlider Thumbnails navigation
* Fixed caption styles
* Fixed conflict with Revolution Slider
* Featured plugins updated – added Membership plugin
* Small styles fix

= 1.6.8 / 26.01.2017
* Latest framework updates
* Code review and improvements
* Small styles fix

= 1.6.7 / 20.01.2017
* Latest framework updates
* Minor issues fix

1.6.6 / 12.01.2017

  • Fix conflict with WPML Multilingual CMS plugin
  • Fix for prevent applying of wpautop filter / function to slider html
  • Framework update
  • Minor bug fixes

1.6.5 / 13.12.2016

  • Updated English language
  • Code review and improvements
  • Minor bug fixes

1.6.4 / 27.09.2016

  • Fix conflict with easy facebook likebox plugin
  • Added render caching

1.6.3 / 21.09.2016

  • Slider plugin compatibility with google maps
  • Responsive slider issue fix

1.6.2 / 02.08.2016

  • Fix for update the generate of URL to the module location
  • Fixed youtube thumbnail issue
  • Minor issue fix

1.6.1

13/07/2016
* Changed License server connection
* Show license activation errors – if there are some
* Fix possible issues with license activations due new License server SSL settings
* Fix for bPopup script connection

1.6.0

24/05/2016

  • Add pause slideshow when video plays, pause video after slide changing, start slideshow when video ends or on pause
  • Add Additional Post Settings for slides: Show title, Show date, Show excerpt, Show “Read more”
  • Disable Responsive mode by default for Coin slider
  • Update Jssor Slider thumbnails: add the hide of Thumbnails Type option if thumbnails are disabled, update thumbnails cropping
  • Hide the display of thumbnails during slider loading
  • Fix the displaying of symbols “, ‘, & in the slides captions
  • Fix of attaching links with anchor to slider images
  • Fix of breadcrumbs for Overview page

1.5.9

27/04/2016

  • Hot fix for stop auto playing of slides if Youtybe video is playing
  • Minor slider fixes

1.5.8

26/04/2016

  • WordPress 4.5 compatability
  • Add stop auto playing of slides if video is playing
  • Minor slider bug fixes

1.5.7

18/04/2016

  • Fix of displaying the slider, if the slideshow auto start is enabled
  • Fix of displaying the placeholder for Auto Posts Categories option
  • Add Norwegian Language
  • Minor image slider bugs fix

1.5.6

05/04/2016

  • Add responsive mode for Coin slider
  • Add the use of Chosen plugin to the slider Settings tab
  • Add the use of carousel steps as slideshow steps for Jssor slider carousel mode
  • Add “start” parameter to shortcode for choosing the start slide for Bx and Jssor slider
  • Add tooltips for Jssor slider carousel options: Distance, Parts, Steps
  • Fix the styles of active / inactive slideshow controls for Bx slider
  • Fix the styles of Auto Posts Categories and Carousel image slider mode options for Jssor slider

1.5.5

23/03/2016

  • Fix of slide captions displaying for Jssor slider
  • Fix of slider captions displaying for Bx slider
  • Small image slider code fix

1.5.4

18/03/2016

  • Add a notification if the Slider Width percentage greater than 100
  • Add Roles option to slider settings tab
  • Fix of slider’s prev / next arrows displaying by mouse hover
  • Fix of displaying the slideshow controls
  • Fix of slider encoding/decoding a special chars in the slider title
  • Fix of the image slider search field work for adding images from wordpress media library
  • Fix of use the slider height, if slider width is set in %
  • Minor slider bugs fix

1.5.3

04/03/2016

  • Fix with the Preview and Properties buttons which did the same things
  • Minor slider bugs fix

1.5.2

09/02/2016

  • Fix slider bug when more than one sliders on page cause error
  • Add image slider Netherlands language
  • Fix slider bugs

1.5.1

20/01/2016

  • Thumbnails Slider bug fix
  • Responsive Slider on Iphone 6 bug fix
  • Video Slider new option import YouTube Slideshow
  • Minor slider bugs fix

1.5.0

26/12/2015

  • Fix issue with https protocol
  • Add Simplified Chinese (zh_CH) language
  • Fix bug in bx slider with some wp themes
  • Fix bx slider bug with caption background
  • Fix slider visual builder caption settings bug
  • Fix menu slider translation bug
  • Fix slider contact form bug
  • Fix bx image slider builder bug
  • Add support shortcodes in html for jssor slider
  • UI slider improvements

1.4.9

17/11/2015

  • Minor image slider issues bug fix

1.4.8

14/10/2015

  • Fixed image slider crop position bug
  • Minor image slider issues bug fix

1.4.7

06/10/2015

  • Added crop position feature
  • Minor image slider issues bug fix

1.4.6

29/09/2015

  • Fix bug not showing html content when link provided
  • Jssor slider now can use caption and bulets both
  • Caption not updating bugfix
  • Fixed image slider bug in jssor slider when image with link not showing
  • Change image slider radio buttons order

1.4.5

22/09/2015

  • Move slider SEO attribute to free version
  • Admin panel UI improvements
  • Minor bug fix

1.4.4

15/09/2015

  • Added % width option to Jssor slider
  • Minor bug fix

1.4.3

08/09/2015

  • Added support buttons without position (old Jssor slider markup)
  • Optimized loader for Bx & Coin sliders
  • Added option to set vertical align of Jssor slider caption
  • Added ability to select text and background button colors in Jssor slider when you hover on it

1.4.2

01/09/2015

  • Hot fix for image slider 1.4.1 version release

1.4.1

01/09/2015

  • Added new Position option for Jssor slide button
  • Added html tags support in Jssor Html Slide Editor
  • Now responsive slider width is not greater than original slider width
  • Minor image slider issues fix

1.4

19/08/2015

  • Changed jQuery Slider loader to WP custom
  • Added option to set slider caption duration
  • Responsive slider Android fix

1.3.9

18/08/2015

  • Added opacity slider option for Bx slider
  • Added new advanced caption functionality for Bx slider
  • Added new advanced caption functionality for Coin slider
  • Fixed bug with slider’s empty images
  • Modified the new advanced caption functionality for Jssor slider

1.3.8

11/08/2015

  • Fix Bx & Coin slider loader (visibility changes from hidden to visible)
  • Added image slider link (URL) validate functionality
  • Minor slider bugs fixed

1.3.7

06/08/2015

  • Minor fix Jssor Html Editor errors
  • Added Portuguese (Brazil) language
  • Set slider margin – depending on slider caption height
  • Modify slider Html Jssor caption markup for middle vertical alignment
  • Hide slider width/height warning msg, fix “check all” btn in social networks tabs
  • Fix error in the Instagram module
  • Updated default language translation file

1.3.6

30/07/2015

  • Jssor slider bug-fixing
  • Hide error popup message when slider has small images
  • Jssor Slider – modified caption position functionality
  • Responsive slider on mobile device bug fix

1.3.5

23/07/2015

  • Slider activation error fixed

1.3.4

22/07/2015

  • Image Slider Caption settings moved to free versions
  • Responsive menu anti-duplicate fix
  • Post Feed slider appearance changes
  • Minor responsive slider errors fixed

1.3.3

15/07/2015

  • JS code for Bx editor moved to separate files
  • Added functionality for caption position selection
  • Right script load for bx slider visual editor, Facebook logout notice fixed
  • Facebook slider session check changed
  • Fixed image slider stats error

1.3.1

11/06/2015

  • Controls type option moved to dialog
  • Added initial caption settings in Text In / Text Out dialogs
  • Fix posts rendering & default caption text & background colors in Coin slider
  • Default ui buttons changed
  • Changes in Overview page
  • Font loader checks added, radiobuttons fix for Jssor
  • Coin caption height modified
  • New settings: caption text color & bg color for Coin Slider
  • Minor image slider fixes

1.3.1

11/06/2015

  • List layout fixed
  • Social slider back buttons & breadcrumbs, menu anti-duplicate fix
  • Scroll slider fixed
  • Changes in appearance
  • Breadcrumbs fixed, trying to pass slider as parameter
  • Added slider corporate design
  • iChek fixed, pro changes
  • New custom caption background opacity, google fonts added to custom caption
  • Minor slider fixes

1.3.0

28/05/2015

  • Hot slider fixes
  • Minor slider fixes

1.2.9

28/05/2015

  • Settings for jssor bottom caption added
  • Slide editor settings load changed, buttons load witdh styles added
  • Animated slider caption under slider added
  • Slider translation fixed
  • Fixed positioning for Bx Thumbnails Slider, settings warnings added.
  • New notification system
  • Functional changes
  • Minor slider fixes

1.2.8

15/05/2015

  • Admin slider settings fixed
  • New slider dialogs for selecting arrows and bullets
  • Minor slider bugs fixes
  • Functional slider changes

1.2.7

13/05/2015

  • Slider bug fix with HTML slider caption
  • New slide builder settings
  • New slider translation files
  • Minor slider bugs fixes

1.2.6

07/05/2015

  • Slider PhpCode layout fixed
  • Standard slider shortcode layout changed
  • Arrows and Bullets slider navigation settings was moved to dialog
  • Functional slider changes

1.2.5

28/04/2015

  • Widget option added
  • Slider positioning from shortcode option added
  • Jssor slider settings load fixed
  • New preview system
  • Minor slider fixes
  • Functional changes

1.2.4

22/04/2015

  • Jssor slider fixes

1.2.3

21/04/2015

  • Slider speed loading optimization
  • Post slider toggle added
  • German and Chinese slider translations added
  • Slideshow and Slider editor fixed
  • Slider thumbnails navigation bugs fixed

1.1.1

14/04/2015

  • German slider translation added
  • Chinese (Taiwan) slider translation added
  • Overview video slider added
  • Slideshow transition effects added
  • Reload slider unsaved settings dialog changed
  • Functional slider fixes

1.1.0

14/04/2015

  • Indonesian slider translation updated
  • Slider settings area changed
  • Overview video slider added
  • Menu slider navigation changed
  • Minor slider fixes
  • Reload unsaved settings dialog changed
  • Functional slider fixes

1.0.9

1/04/2015

  • New slideshow translations effects added
  • Shortcode button added to tinyMCE editor
  • Bx slider thumbs navigation mode changed
  • Images with HTML drag and drop sorting fixed
  • Coin slider links fixed
  • Indonesian translation added
  • Shortcode insertion dialog added
  • Minor fixes
  • Functional fixes

1.0.8

24/03/2015

  • Functional fixes
  • New translations added
  • Social import added
  • Video services import fixed
  • Minor fixes

1.0.7

16/03/2015

  • Minor fixes
  • Functional fixes
  • Drag and Drop images sorting added
  • Small images dialog added
  • Text animation effects fixed

1.0.5

10/03/2015

  • Bx slider preview fixes
  • Coin slider slideshow fixed
  • Minor slider fixes
  • Functional slider fixes
  • Presets slider system added
  • Overview page added
  • System settings added to overview page
  • Supsystic news added to overview page
  • Mail form added to overview page
  • FAQs slider added
  • Bx slider thumbnails navigation changed, controls added to navigation
  • Multiply sliders on one page fixes
  • Standard navigation changed fixed

1.0.4

  • Coin slider added
  • Coin slider effects settings
  • Title fixed for Coin slider
  • Preview for coin slider
  • Minor fixes

1.0.3

  • Options navigation fixed in ff
  • Slide external url added
  • Php code added
  • Preview from sliders list fixed
  • Percents width added
  • Functional slider fixes
  • Minor slider fixes

1.0.2

  • Submit slider plugin on WordPress.org