Majestic Before After Image

A simple and easy to use WordPress plugin to compare two images with a beautiful slide.

Plugin Installation


Or you can download the Majestic Before After Image plugin from here, upload it to your site from wp-admin > Plugins > Add New and activate it as shown below.


Getting Started


Click on the Welcome text on the plugin listing as shown above. Or, click on the ‘Majestic Before After Image at the left sidebar of your WordPress dashboard.

After that, you will be redirected to the options page of the plugin where you will find useful links and information related to this plugin.

Create a Page with Elementor

After you activate Elementor and Majestic Before After Image plugins, go to Pages > Add New and create a new page. Select the ‘Default template’, ‘Elementor Canvas’, or ‘Elementor Full Width’ template based on your requirement and publish the page. After you publish the page, Edit it with Elementor.


Add a new section and choose a structure of columns (as shown in the screenshot above).

Search & Add (Drag & Drop) Widget

Scroll down the Elementor widgets panel to find ‘Majestic Before After Image’ or you can search ‘Before After’ on the search box as shown below.


After this, you can drag and drop the ‘Majestic Before After Image’ widget to a section you have just created (explained above). It comes with various options to customize images comparison. Each of them is explained and shown below.

General Options




Style Labels


Style Handle


Click on the ‘Style’ tab and Handle as shown above. You will find options to change the color of the Handle here. It will apply to the circle and arrows of a handle.


We provide support through an official support forum of WordPress plugins. Please click here to post your support request if you are having any difficulties using this plugin.