General Widget

Scroll Progress Widget

The Scroll Progress widget shows users how far they are through a page, by showing a scroll progress bar or around the Scroll Top Button. As you scroll, status of progress bar changes. You could use this widget in two most common page builders: Elementor, WPBakery. How to Use The Scroll...

Image Comparison Widget

Image Comparison widget allows you to distinguish differences between two images easily and conveniently. You can align images horizontally or vertically. You could use this widget in Elementor and WPBakery. How to Use Add this widget where you want to compare two images. You should choose before & after images. There are several...

How to add Hover Dir effects to elements

This effect decorates your site more luxuriously. Porto 6.4.0 add this effect to Porto Image Gallery. If you want to know how Hoverdir effect works, please check Beauty Demos. How To Use the Hoverdir Effect. Step 1. Create, or choose the Column into which you want to add your element. Click...

How to add Scroll Paralax effect

Several Porto Demos (Architecture 2, Law Firm2 and etc) used Scroll Parallax effect with custom styles and js. Porto 6.4.0 provides this feature to Elementor Section and WPBakery Row. It's also easy to realize this effect. How To Use the Scoll Parallax. Create, or choose the section or row and enable...

How to add Particles effect

Porto Demo Business Consulting4 used Particles effect with custom styles and js. Porto 6.4.0 provides this function to Elementor Section and WPBakery Row. It's also easy to realize this effect. How To Use the Particels Effect Create, or choose the section or row and enable "Particles Effect" in the Porto Options. Particles...

Cursor effect Widget

Porto 6.4.0 add this effect with Porto Cursor Effect widget. If you want to know how Cursor effect works, please check Business Consulting3 Demos. This effect changes your cursor variously. It is available in both Elementor and WPBakery. How To Use. First you should select the Hover Effect on Target. Outline Target is to...

Section Tab

Porto 6.5.0 offers Section tab for Elementor. Until now, you use the elementor tab widget with custom style. Section tab consists of section and column. Section is tab wrapper and column is tab content. How To Use. To use the section tab, you should manage the options on section and column Section First...

Steps Element

Porto offers Porto Step element. This element allows you to express the schedule, step and history. Porto uses it in serveral demos already such as It Services. Well, this element is compatible with Elementor and WPBakery Page Builder. How To Use. Step 1. Create a new page or edit an existing one. Step...

Content Switcher Element

The Content Switcher Element is perfect for displaying a large amount of organized information in a small area. Porto Seo used this element. How To Use the Content Switcher This is the most versatile element to add anywhere on your site. Options First(Second) Label: Title for the first(second) content. First(Second) Content: Write the first(second)...