In this article you will learn the basics of PluginOps Landing Page Builder
1. Creating A Landing Page
To create a Landing Page install PluginOps Landing Page Builder plugin from WordPress plugin directory. After activating it there will be Landing Page Builder menu in dashboard nav. Click on it and then Click on Add New Page button.
Select a template and click the next button below it (You can also select the blank option if you want to create your own design). After choosing a template the page will reload then click on Blue Open Editor button to open the landing page editor.
Every element in landing page builder is customizable, To make things simple and easy these elements are divided in three parts.
Row : A Row is the main container of columns and widgets.
Each row can have upto 8 columns and each of those columns can have unlimited number of widgets.
To access row options bring mouse over (single tap for touch devices) to any row the buttons for editing it will appear below it.
Functions Of Each Button
By clicking on the edit button the options for that Row, column or widget will appear in left options panel.
Row Background Options
With background options users can easily set Background Images, colors, overlay color, shapes and even videos.
To set a background image open the row options click on upload button next to background image field and select image from your media library.
To set a background video switch background video option and either upload a mp4 video or use any video from youtube.
Columns are parallel dividers in a row so you can put content next to one another. Each row can have upto 8 columns and you can edit the number of columns from row options. Same as row columns have their own options for setting backgrounds, width etc.
To edit a column bring mouse cursor over the column you want to edit and then click on blue edit button at top left corner of that column.
To resize a column click on a column right side border line and then drag it in the right or left direction.
Widgets are content blocks of different types, Users can use these widgets to add text, forms, images, sliders etc in landing page.
Adding A Widget
To add a widget in a column click on any columns edit button or click on arrow button at left middle side of editor.
Editing The Widgets
To edit a widget double-click on a widget or bring the mouse over the widget it’s edit buttons will appear. Click on the green edit button to open its options. Each widget will have few same options in Advanced Options Tab and widget specific options in widget tab.
Each widget can also be duplicated and moved around using its move button.
Every widget has different set of options and there are 30+ widget available. We have tried to make all these options pretty simple and self explanatory so anyone can add / customize these widgets.
Some widgets like button widget, form builder widget have options to change the width of elements but most widgets will fit to the column width. So whatever is your column width they will be of same width in some cases it can be easily fixed by changing the width of the column but in case of multi column layouts it don’t work.
To change the width of only the widget there is a simple step by adding left & right margin or padding to the widget here’s how to do it.
Edit the widget then switch to Advanced Options Tab, Scroll down to Widget Margins & Paddings section & increase the value of last to fields to reduce width of widget the same method can also be used on rows & columns.