How to put a Rev Slider (Slider Revolution) inside of the Divi Builder. Can you use both? YES YOU CAN – This is a step-by-step quick video on how to make this change on your WordPress website. LINKS BELOW
Full Video Transcript
Hey ya’ll, welcome to another WordPress Wednesday. My name is Kori Ashton, here at WebTegrity in San Antonio, Texas. Be sure to subscribe to this YouTube channel because every single Wednesday I’m creating some sort of video just like this for you, out there all across the world that are trying to improve their WordPress websites.
Today I have a question coming from a guy named Micheal who asked me “Kori, how do I use the Rev Slider inside of the Divi Page Builder?”…”Is there a way that I can actually display one of my favorite slideshows, still using these models or widgets inside of the page builder?” Yes, the answer is yes.
I’m going to show you how to do it, today. It’s a little bit of a workaround, so check this out. Before I start, I want to be sure that you have the absolute most recent version of the Divi Builder or your theme. As well as the Rev Slider. Please go back to your initial point of purchase and be sure that you’re running the most up to date versions and this should work brilliantly. Here we go, y’all.
You’re gonna be inside of your website and you will have already created your slideshow that you will have appeared inside of a page or a post. You’ll hover over whichever slideshow it is and there is a drop down option to get to embed slider. What you’re trying to find is just the shortcode that is specifically for that one slideshow. I’m going to copy this onto my clipboard and have that ready so that as I go into a page or a post, I can apply it to my Divi Builder. I’m gonna go ahead and go into my “About Us” page, now. Click edit. Go into the page. As you can see, I’ve already been using the visual builder here inside the DiviBuilder. I’m gonna go ahead and go into the front side.
If you know me, you know I like to be on this front side. I think this is one of the coolest aspects of the Divi Builder, is that it allows you to go to the front side of your website. So, check out this little workaround that we’re going to do here. I’m gonna put the slideshow in down below all this. You can change it once you have it all activated. I’m gonna click on…I want you to notice which one I’m clicking on. I’m clicking on the blue “Add New” section. I’m gonna go ahead and do “full width”. I’m gonna say “full-width code”. Inside of here, I’m going to go ahead and paste my shortcode. If you want to you can add an admin label. That’s completely up to you. I’m gonna go ahead and say “full-width code” and click “ok”.
I want you to note something, this looks wonky as heck. It looks broken. It is not expanding full width. Something looks really odd. Don’t be alarmed just yet. I think there’s a little bit of a glitch in the preview mode of this. Because, if I go in and click “Save” right now and we go view the page, it works brilliantly. Check this out.
I’m gonna go ahead, as you know, I’m going to click “Save”. Save all the changes that we’ve made and then once that’s saved, I’m going to go ahead and exit the visual builder. I want to go ahead and view my page. See it live. Scrolling down. Check this out, y’all. That’s my slideshow. Fully extended. All the way out, rotating through. That’s it. It’s weird, there’s that little glitch; but, that’s how you can actually add a Rev Slider inside of the Divi Builder.
I hope that helps and if you have questions like Michael did, be sure to send me a tweet. Get over to our website at webtegrity.wpengine.com and send me an email. Book a phone call with me. I can help you directly on your website. However, I can help. I hope you’re having a great WordPress Wednesday. I’ll see you next week. Bye, y’all.
BUY Divi Builder – (Affiliate Link)
Watch More WordPress Tutorials on Kori’s blog