Elementor is one of the most advanced frontend drag & drop WordPress Page Builders. Now our plugin, Image Hover Effects Ultimate works perfectly within Elementor as well. The elements and extensions of the Image Hover Effects Ultimate work seamlessly within Elementor. With the ease of its functionality and Image Hover’s versatility, now you can create high-end professional designs in no time and without any touch of complex coding!
Working with the Elementor
Working with the Elementor is very simple while using the Shortcodes of the Image Hover plugin. So, let’s see how to put the Shortcodes within this powerful drag & drop visual page builder and get the work done:
Now, Add the page Title & Click on ‘Edit With Elementor’ Button to Switch the editor page.
A new page will appear as the Elementor Dashboard with the editing screen on the right, and the Elementor Panel on the left.
Click on the + symbol in the middle of the page for Adding a New Section.
Each Structure in Elementor consists of rows and columns. The row is a base that defines the logical structure of the page. Each row consists of columns and with Elementor, you have full control of them. You can select the number of columns you want in a single row from the multiple structure option.
Now, select your structure containing single or multiple columns & rows as per your need. Here, we select a single column row for a header section.
Now, Navigate to Image Hover> Shortcode page like below
Copy the Shortcode of an element item you want to add & Paste it into the Shortcode Box on the left side.
You can see the preview of the page by clicking the eye symbol at the bottom of the panel or you can just click to hide the panel for a full-screen instant page preview as I did below.
Now, build the page by adding more Shortcodes and Publish the page.
That’s all! You can easily embed beautiful image hover effects like that by using our Image Hover Effects Ultimate plugin within a Page Builder like Elementor. For more help, don’t hesitate to ask us.