fbpx

Funnel & Pyramid

The Funnel & Pyramid Widget can be used to create charts in a triangle shape. These charts are best used when data is organized in some kind of hierarchical manner and the levels indicate some kind of progressive order. It also supports advanced options such as Remote Connection and Syncing with other widgets.

Let’s look at each of the options in the “Funnel & Pyramid Widget” below.

Install Funnel & Pyramid Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Funnel & Pyramid”
  3. Hover over the widget in the search results and click install
  4. Add your “Funnel & Pyramid” widget to any Elementor Page

General Settings #

1
Max Width

Set the width of the pyramid.

2
Height

Set the height of the pyramid.

3
Align

Select the alignment of the pyramid

  • Left
  • Center
  • Right
4
Gap

Set the gap between pyramid sections.

5
Pyramid Offset

Pyramid will show with an offset margin.

6
Invert

Choose yes to invert the pyramid position to make it a funnel.

7
Background Hover Grow

If there is a background image in sections, it adds a growth effect on hover.

Connected Widgets Settings #

1
Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2
Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3
Sync

You can connect two item-based widgets and sync them.

4
Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Items Settings #

Manage the pyramid’s items using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1
Title

Set a Title for your pyramid section.

2
Size

Set the size of the pyramid section.

3
Text

Type your text to display in the pyramid section.

4
Graphic Element

Choose any of the given graphic element options.

  • None
  • Icon
  • Text
  • Image

Items Style Settings #

1
Background Color

Set the background color of pyramid section.

2
Background Hovver

Set the background hover color of pyramid section.

3
Background Active

Set the background active color of pyramid section.

4
Show Background Image

Show/Hide the background image for pyramid section.

5
Background Size

Select the background size.

  • Cover 
  • Contain
  • 90%
  • 80%
  • 70%
  • 60%
  • 50%
6
Background Position

Select the background image position from dropdown options.

  • Left Top
  • Left Center
  • Left Bottom
  • Right Top
  • Right Center
  • Right Bottom
  • Center Top
  • Center Center
  • Center Bottom
7
Blend Mode

Select the blend mode from given options.

  • Normal
  • Multiply
  • Screen
  • Overlay
  • Darken
  • Lighten
  • Color-Dodge
  • Saturation
  • Color
  • Luminosity

 

8
BG Image Opacity

Set the background image opacity.

Funnel & Pyramid Widget Styling #

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want

Pyramid Section Styling #

Set the background, background hover, background active, and padding of the pyramid section.

Graphic Element Styling #

Style the width, height, background, border, spacing, typography, size, etc. of the graphic element item.

Title Styling #

In this section, set the title spacing, title color and title typography.

Text Styling #

Style the text spacing, text color and text typography.

Usage Examples #

Here are some live use cases for the Funnel & Pyramid widget.

Example of Funnel & Pyramid synced with Content Carousel.

Example of Funnel & Pyramid synced with Content Carousel and controlled by Remote Arrows.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!