Create an Animated Device Slider Using Qi Addons for Elementor

This is a slider unlike any you’ve seen before. Whether you use it as a full-page element or not, the Animated Device Slider is sure to leave a lasting impression. The slides seemingly flip up side down in order to move, while a device frame with its own assortment of visuals stays in the center throughout. You can also create a completely distinct last slide by adding a contact form to it. This may sound complicated, but don’t be scared off! The Animated Device Slider looks amazing while remaining incredibly easy to customize and use.

With 100+ advanced and superbly designed widgets, Qi Addons for Elementor Premium is an exclusive collection of varied Elementor addons that allows you to create attractive and engaging page elements for your WordPress website. Follow along with our step-by-step tutorial as we guide you through the Animated Device Slider widget’s options and show you how to make the most of them. We’ll be making an animated device slider element from scratch, and going through the various options you have for customizing it.

You can jump to specific parts of the video by clicking the appropriate timestamp link in the following list:

00:00 - Introducing the Animated Device Slider widget
02:18 - Getting started
04:32 - Setting the slider background
08:49 - Customizing the items
11:04 - Customizing the last slide
15:05 - Setting up the App Buttons
16:32 - Using the Stripe Style section
17:34 - Adjusting the device frame and image
18:47 - Styling the title
20:30 - Styling the text
22:00 - Styling the slide numbers
23:02 - Adjusting the Content Position options
27:31 - Styling the pagination bullets
29:38 - Using the Spacing Item Style section
29:55 - Styling the last slide
31:59 - A note about the contact form button

For the best demonstrations of what you can create with Qi Addons for Elementor, make sure to check out the Qi Theme, exclusively created by our award-winning designers. The theme offers 150 easily importable demos (all made with Qi Addons), has premium stock photos included, and much more. Links for the Qi Theme and Qi Addons for Elementor plugin can be found below.

The Animated Device Slider Widget:
https://qodeinteractive.com/qi-addons...

The Qi Addons for Elementor plugin:
https://qodeinteractive.com/qi-addons...

Learn more about working with Contact Form 7:
https://contactform7.com/docs/

The Qi Theme: https://qodeinteractive.com/qi-theme/...

Download Qi Addons for Elementor from WordPress.org:
https://wordpress.org/plugins/qi-addo...

Learn more about working with Elementor:
https://qodeinteractive.com/magazine/...

Check out our entire collection of 500+ premium WordPress themes at:
https://qodeinteractive.com/?utm_medi...

Don’t forget to sign up for our newsletter and be the first to find out all the latest news:
https://qodeinteractive.com/newslette...

Follow us on all your favorite social networks.
Facebook: http://bit.ly/QodeFacebook
Twitter: http://bit.ly/QodeTwitter
Instagram: http://bit.ly/QodeInstagram
Pinterest: http://bit.ly/QodePinterest
Dribbble: http://bit.ly/2QtzXRz
Behance: http://bit.ly/QodeBehance