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

Now our plugin, Image Hover Effects Ultimate works perfectly within the Themify builder as well. The elements and extensions of the Image Hover Effects Ultimate work seamlessly within this builder. 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 Themify

Working with the Themify is very simple while using the Shortcodes of the Image Hover plugin. So, let’s see how to put the Shortcodes within this powerful visual page builder and get the work done:

First, Go to the WP Dashboard and create a New Post. Here you’ll find the panels of different builders that you have installed in your WordPress. In the below, you’ll find the Themify Back-end panel.

 

Now, you can either work with the back-end editor or switch to the front-end to build the page visually.

To work with the front-end Themify builder, first, Save the post through the Themify Builder. Then, Publish the post and click on the Frontend button on the Themify Builder panel.

 

Your new post page will appear with the Themify Builder Menu on the top of the page. Here you can now add elements, put shortcodes and edit the page.

Now, click on the + symbol in the middle of the page for Adding a New Section or Import Layout.

 

Each Structure in Themify 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 this builder, you have full control of them. You can select the number of columns you want in a single row from the multiple structure option.

 

Here, select your structure containing single or multiple columns & rows as per your need. We select a single column row for a header section.

 

Now, from the Themify menu, click on the + Symbol to add a new widget. Then, drag the element and drop it inside the section. Here, we select the Text widget to put our Shortcode in it.

After getting the text box to put the shortcode in, Navigate to Image Hover> Shortcode page to copy the desired shortcode from the Image Hover Effects Ultimate.

 

Now, Copy the Shortcode of an element item you want to add & Paste it into the Text Box on the Themify post page.

Then, Save the edit and Reload the page to see the Image Hover Effects in action like 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 the Themify. For more help, don’t hesitate to ask us.


Was this article helpful to you? Yes No 1

How can we help?