How Can We Help?
WP Bakery Page Builder Element List
Element List
Below is a guide of the various Elements available on WP Bakery Page Builder, hover over the hotspots to get familiar with each Element.
Row The bread and butter of working in the page builder. All elements must be contained within columns and all columns within rows. Please see the WP Bakery Page Builder Row Settings for more information
The Nectar Slider is a quick and easy way to feature content on your website. Hardware accelerated, touch-enabled, parallax effects & responsive
Portfolio Queries for portfolio projects to display based on your configuration options
Recent Projects Similar to the portfolio element, except offers different options and is meant for featuring small groupings of projects rather than displaying a full grid
Blog Queries for blog posts in your desired style based on the configuration options you choose
Recent Posts Similar to the blog element except that it offers different options/styling and is meant for featuring small groupings of posts rather than displaying a full “blog” section
Image With Hotspots Allows you to place hotspots on top of an image that show tooltips when hovered/clicked.
Text With Icon Allows you to place an icon of your choosing to the left of some text
Fancy Unordered List Adds extra styling to the unordered list added within the element. Gives you the option to place a custom icon in place of the browser default bullet
Button Will create a Nectar Button in any of the available theme styles
Icon Adds an icon to your page. Multiple icon families and styles available
Progress Bar A standard horizontal progress bar
Split Line Heading Each Line of in the editor for this element will be animated separately. Separate text with the Enter or Return key on your Keyboard
Divider Creates a divider which can be used to create blank space or separate two elements/sections with a small or full width line
Single Image Places a single image with an optional css animation
Cascading Images Stacks images on top of each other with offsets as you define
Image Comparison Takes two images and gives the user a drag bar to slide left to right which will reveal/hide each of the images. Great for before & after shots
Category Grid Displays a grid of post or product categories in your defined styling options. Images for each category are pulled directly from the “Category Thumbnail Image” field, which can be found by heading to Posts > Categories and then selecting “edit” when hovering over your desired category
Centered Heading A simple way to center a heading
Video Lightbox Creates a play button or a nectar button which will open a lightbox displaying the Youtube/Vimeo video URL you supply
Milestone An animated number with a label used to highlight a statistic or company milestone. E.g. 203 pizza’s eaten.
Google Map Creates a Google map which can display focused around any location and show map pins. Remember that you need to supply a Google API key in order to have access to this.
Team Member Displays an image of your choosing with name/job position. Offers multiple different styles/formats
Fancy Box A box that allows a BG image with a hover effect and an optional link at the bottom. Great for listing services or a quick call to action
Flip Box A content box that allows you to show content on both sides – will flip in 3D when hovered over
Gradient Text Allows you to add text which will have a gradient color. You can choose from either of the gradient colors you’ve defined in your theme options panel
Animated Title A simple element that will animate in a header of your choosing when scrolled in view by the user
Toggle Panels Allows you to reveal more content by clicking on the heading you define. Can also be linked to by adding ?toggle=your-toggle-name onto your URL. If your toggle name has spaces, convert those to a hyphen (-) when forming the URL. In the example of a toggle named “Working with the best” the URL would look like: http://www.website.com.au/?toggle=working-with-the-best
Tabs Offers you a tabbed user interface for content – multiple styles available. Can also be linked to by adding ?tab=your-tab-name onto your URL. If your tab name has spaces, convert those to a hyphen (-) when forming the URL. In the example of a tab named “Working with the best” the URL would look like: http://www.website.com.au/?tab=working-with-the-best
Testimonial Slider Create a slider for your testimonials – available in multiple styles and can display one of multiple testimonials.
Clients Display Gives you an easy way to display a series of client logos. Can be displayed in a grid with the column number of your choosing or in an automatically rotating carousel.
Icon List Creates a vertical list of text blocks with an icon to the left. Allows you to choose icons for the list or display numbers for each.
Page Submenu Creates a horizontal page menu that can be used to link to anchors on the current page or link anywhere else you desire. Can be fixed to the top of the user’s screen once scrolled by or stuck in place where it lives on the page.
Pricing Table Creates a pricing table that can display in 2,3,4 or 5 columns. Available in multiple styles.
Carousel Creates a carousel for you to place your desired content in. The two options you have to power this are Caroufredsel and Owl Carousel. Owl Carousel is the recommended option in the current version of the theme since it will give you more control over the carousel columns.
Social Buttons Adds your desired social buttons to the page – these buttons will actually share the current page URL to each respective social service.
Morphing Outlines A fancy design element useful for Call to actions – will change from a circle to a square or vice versa when hovered depending on what selection you have for your button styling in the theme options panel > general settings tab.
Text Block A simple element that provides an editor for you to add text.
Separator With Text Allows you to center some text within a separator border
Image Gallery A powerful and versatile image gallery solution. Multiple styles are offered
Widgetised Sidebar Loads a widget area section which is configurable from the Appearance > widgets section in the WordPress admin panel
Video Player Places a video embed from a URL you supply
Raw HTML Allows you to place HTML in a textarea which will parse it on the front of your website
Raw JS A Textarea where you can write javascript which will be used on the page
Pie Chart A Circle progress bar