1. Home
  2. Docs
  3. Integrate with Page Builder
  4. Beaver Builder Integration

Beaver Builder is a very flexible page builder plugin which is very easy to use. It allows you to build pages within minutes. Now our plugin, Image Hover Effects Ultimate works perfectly within Beaver Builder. With the use of these two powerful plugins, your work of building a perfect page will be so easy.

Working with beaver builders

Working with the beaver builder is very easy while using the Shortcodes of the Image Hover. So, let’s see how to put shortcodes within Beaver 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 ‘Launch The Beaver Builder’ Button to Switch the frontend editor.


A new page will appear as the Frontend Beaver Builder editor page with the editing screen on the left, and the Beaver Panel on the right.

⇒Click on Rows from the top-toggle menu

⇒Drag a Column & drop it in white space on the page. Here you’ll get a new row with a column in it.


Each layout in Beaver Builder 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 beaver builder, you can actually control the number of columns you want in a single row.


⇒Now, Click on Module. Drag the Text Editor & Drop it within the column


⇒At this stage, Navigate to Image Hover> Shortcode page like below


⇒Copy the Shortcode of an element item you want to add & Paste it into the Text Editor box

⇒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 Beaver Builder. For more help, don’t hesitate to ask us.


Was this article helpful to you? Yes 2 No

How can we help?