How to Create Half Page Slider on Any WordPress Page or Post

Creating half-page slider

In this article, let us look at why and how to use a half page slider on any WordPress post or page.

As you’re aware, many web developers use sliders extensively on the landing pages in their websites, the main desire is to present the landing page with an eye-catching design to impress the visitors.

There is an abundance of WordPress plugins for sliders and carousels, which indicate their immense popularity.

However, many experts are of the opinion that except for ‘perceived aesthetics’, sliders do not really help in more business.

I’ll come to that in a bit, before that let me show you a half page slider below, I’ll explain how to create it in this article.

Half page slider on any WordPress post or page

This is a live slider, there are 2 equal halves, the slider is in one of the halves. At the first (top) example, the slider is on the right, while in the second example it’s on the left.

Solve your website problems.

You must have seen that most of the tips and guides online are just that — mere words. They tell you to do this, that. But they don’t tell you how to do them. In contrast, our tech hacks actually tell you how to do things by yourself.

In the second live example below, the slider is on the left, also there is no padding around the slider, it is flushed against the edge giving the half page slider a nice look.

Solve your website problems.

You must have seen that most of the tips and guides online are just that — mere words. They tell you to do this, that. But they don’t tell you how to do them. In contrast, our tech hacks actually tell you how to do things by yourself.

If you reduce the view size of this page on the browser, or view it on a small screen, you’ll notice that both the half page sliders are stacked in the same way — text at the top and the slider below it.

This is possible since I’m using the free SiteOrigin Page Builder plugin that allows both standard and reverse stacking.

The following screenshot shows this.

Half page slider on small screen

Okay, we’ve just seen that half page slider can be created on any WordPress page or post, let’s now briefly look at why many experts dislike full page sliders, if I may call it that.

Why sliders (or full page sliders) do not help

There are many acerbic opinions on using sliders by leading experts. Some are given below.

“Sliders please the owner of the site, but they deliver little to no value to the customers. The reason is that we are not going to sit there and wait for your ‘movie’ to play out. I’m also not a fan of sliders because for most businesses they provide an excuse not to think about personalization and being good at giving the customer the right answer, right away.”
~ Avinash Kaushik, Digital Marketing Evangelist for Google

“I think sliders are distracting. It’s a way to put extra crap on a page that’s typically not best for visitors. If it’s important in most cases you should just put it on the page without sliders or extra clicks.”
~ Hiten Shah, Co-Founder of Crazyegg and KISSMetrics

“Sliders suck 99.8% of the time! We once did a test with a client where we changed their slider to a static image with 3 core benefits and lifted conversions by a nice amount.”
~ Bryan Eisenberg, Author of Brand Like Amazon: Even a Lemonade Stand Can Do It

The experts’ comments are self-explanatory, there is no need to elaborate on that.

But the point I wish to make is that, if not full page slider, you can try half page slider which will have call-to-action on one half — either on left or right — and the slider on the other half.

If you’re in agreement on this, let’s take this forward and see how to design a half page slider on any WordPress post or page.

Steps to create half page slider

I’ll explain the steps visually to create half page slider on any of your WordPress post or page, no matter what theme you’re using.

There are many ways to do this, but for this example I’m using the free SiteOrigin Page Builder plugin as mentioned above.

Remember, after installing and activating the Page Builder plugin, when you want to Add New Post, you must shift from Text to Page Builder to add contents to your post. See the illustration below.

Using SiteOrigin Page Builder for adding half page slider to a new post

Once the half page slider is created, you can shift back from Page Builder to Text, but unlike Avada, if you wish to repeat that — i.e. Text > Page Builder > Text — for any reason, it can be tricky as you may loose some of the settings.

You can of course create the entire post with Page Builder as the screenshot below shows, and for that you’ll need to install and activate another excellent but free plugin, this I’ll explain now.

Read the full post as a subscriber and enjoy these benefits!

  • All the supercool content creation hacks
  • Ready-to-use templates for video, animation, etc.
  • Quick tips to drive your business
  • Mini courses to help you succeed
  • Priority assistance for specific needs, and more..

Scroll to top