How to Add a Vertical Before and After Comparison Slider in WordPress?

Key Takeaways

  • Nexter Blocks includes a Before After block that allows users to create a vertical before and after slider in WordPress.
  • Users can select 'Vertical' from the Mode section in the Content tab to configure the Before After block.
  • The Before After block requires installation and activation of Nexter Blocks to function properly.
Table of Contents

Do you want to add a vertical before and after comparison slider in WordPress? This feature allows you to showcase transformations of vertical designs or elements, providing an engaging way for visitors to see the impact of your work.

With the Before After block from Nexter Blocks, you can easily create a vertical before and after slider in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Before After block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Before After block to the page and follow the steps – 

1. In the Content tab, select Vertical from the Mode section.

2. Then in the Before Image tab, you have to add the before image in the Select Before Image section.

In the Before Label field, you can add a label for the before image.

3. After that in the After Image tab, you have to add the after image from the Select After Image section.

In the After Label field, you can add a label for the after image.

Now you will see a vertical before and after comparison slider.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!