INTRODUCING – FULLPAGE FOR WPBAKERY PAGE BUILDER

Now, create beautiful scrolling full screen web sites with WPBakery Page Builder, fast and simple. This plugin simplifies creation of full page scrolling websites with WordPress and saves you big time.

Would you like to create full screen web sites with Gutenberg, the new WordPress editor?
Take a look at FullPage for Gutenberg

Would you like to create full screen web sites with Elementor?
Take a look at FullPage for Elementor

Top Features

Responsive
FullPage is fully responsive and perfect fit for any device.

Touch Support
For mobiles, tablets and other touch screen devices.

Rows as Sections
Each WPBakery Page Builder row is defined as vertical scrolling section.

Columns as Slides
Each WPBakery Page Builder column inside the row can be defined as horizontal slides.

Responsive Auto-Height Sections
Full height sections for big screens and auto height sections for small screens.

Fixed Header and Footer
Fixed header and footer rows can be defined within WPBakery Page Builder row settings to add your own custom menu or code to the top or bottom of the page.

Navigation Bullets
Horizontal and vertical navigation bullets with 20 different styles.

Scrollbars of Sections
When the content is bigger than the screen size, scrollbar can be visible inside the sections (Hidden, Faded and Interactive scrollbar options).

Optional Scrollbars
Full page scroll with browser scrollbar instead of auto-scrolling.

Animations
5 CSS3 ease animations or 32 Javascript animations, whichever you prefer.

Anchors
Animated anchor links, optional browser history support and optional anchor links at the address bar.

Keyboard Navigation
Navigate between sections and slides with keyboard (up/down/left/right keys).

Vertically Centered Sections
Section contents can be vertically centered.

Vertically Centered Sections
Section contents can be vertically centered.

Section and Slide Loops
Infinite loop options for sections and slides.

Record History
Browser back button will go to the previous section or slide.

Clean and Minimized Code
Clean, professionally written, optimized and minimized code.

Great Support
Customer support and satisfaction is the most important priority and the help will always be available.

Customization – VC Native Animations
WPBakery Page Builder native animations in sections and slides.

Customization – Videos
Play videos only when the videos are in view.

Demos

Demo Page

How To Use

Documentation

Demo Tutorial

Responsive Auto-Height Tutorial

How To Use FullPage for WPBakery Page Builder with Avada

How To Use FullPage for WPBakery Page Builder with The7

How To Use FullPage for WPBakery Page Builder with Enfold

How To Use FullPage for WPBakery Page Builder with Bridge

How To Use FullPage for WPBakery Page Builder with Jupiter

How To Use FullPage for WPBakery Page Builder with 907

How To Use FullPage for WPBakery Page Builder with Fevr

How To Use FullPage for WPBakery Page Builder with X-Theme

How To Use FullPage for WPBakery Page Builder with Salient

How To Use FullPage for WPBakery Page Builder with Zephyr

How To Use FullPage for WPBakery Page Builder with TheFox

To use FullPage for WPBakery Page Builder, you have 2 options. Option 1 uses theme default template, and Option 2 uses custom empty page template, which is is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

How To Use FullPage for WPBakery Page Builder

• Add rows with WPBakery Page Builder. Each row will be defined as fullpage section. Design your row content.
• From row settings, go to ‘Full Page’ tab and select:
  • Full Height: To make the row (section) full screen.
  • Auto Height: To make the row (section) auto height, which means the row height will be depending on the contents of the row. It won’t be full screen.
  •  To adjust the maximum width or height of responsive screens, please enter the values to ‘Responsive Width’ and/or ‘Responsive Height’ under FullPage Settings -> Design tab.
  •   Add your content inside this row and select this option.
  • Bottom Fixed Footer: If you have a footer content that you want to show at the bottom of the screen, it can be shown using this option. Add your content inside this row and select this option.
• Add your anchor name at ‘Full Page’ tab if you want to use anchors. If the value is not set, an automatic generated anchor name will be used. The anchor name cannot be any ID used in the HTML output. (Do not set the anchor name the same as row ID.)
• Set your Tooltip text at ‘Full Page’ tab if you want to use tooltips.
  • Add columns to the row (The plus sign of each row, set custom and enter 1/1 + 1/1 + …). Each column will be defined as slides in the section.
  • From row settings, go to ‘Full Page’ tab and check ‘Columns as Slides’.
• Enable Full page and configure by playing with the options.

Option 1 – Using theme page template

• Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
• If you want the theme header shown at the top, enable ‘Force Fixed Theme Header’ from FullPage Settings -> Customization tab Please enter your theme header selector to that box.  You can add your own menu to the top or bottom with adding a row with FullPage settings as ‘Top Fixed Row’. You can add your menu shortcode inside that row.

Option 2 – Using Full Page empty page template

• Select ‘Enable Empty Page Template’ from FullPage Settings -> Advanced tab.
• Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
• You can add your own menu to the top or bottom with adding a row with FullPage settings as ‘Top Fixed Row’. You can add your menu shortcode inside that row.
• Copy template folder in the plugin directory, make your changes in it and copy it back to your server.

Notes

• WPBakery Page Builder animations are supported only for native WPBakery Page Builder elements. This feature is experimental and may not work with some elements and themes with customized WPBakery Page Builder. If the feature is not used, WPBakery Page Builder animations can be viewed only for the first row. If you use animations on other rows, they might not start and the items might not be visible.
• Some of the themes change the behaviour and structure of WPBakery Page Builder. If you have one of these themes, please follow the steps below:
  • Add ’> .vc_row’ (without the apostrophes) to ‘Section Selector’ option of Full Page settings at the Advanced tab.
  • If you use slides, add ’> .vc_row > .wpb_column’ (without the apostrophes) to ‘Slide Selector’ option of Full Page settings at the Advanced tab.
  • If you use top fixed header, add ‘mcw_fp_fixed_top’ to ‘Extra Class Name’ of the top fixed header row.
  • If you use bottom fixed footer, add ‘mcw_fp_fixed_bottom’ to ‘Extra Class Name’ of the top fixed header row.