1. Home
  2. Docs
  3. Integrate with Page Builder
  4. Elementor Page Builder

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:

 

⇒First, Go to the WP dashboard and create a new page

⇒Now, Add the page Title & Click on the ‘Edit With Elementor’ Button to Switch to 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.

 

 

⇒Inside the section, click on the + symbol. You’ll find the list of Elementor widget. Now, drag the Shortcode element and drop it inside the section like below,

⇒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.

 

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.


 

Was this article helpful to you? Yes 1 No

How can we help?