Pagebuilder Guide
User Manual:
Open the PDF directly: View PDF 
.
Page Count: 32
| Download | |
| Open PDF In Browser | View PDF |
iMaginem
PageBuilder
Overview of PageBuilder
Activating Page Builder
Activating Page Builder on Pages
Page Builder Activated
Exporting and Importing Blocks
Blocks
Adding a Block
Block Controls
Resizing a Block
Edit a Block
Columns
Organize the Blocks in Grids
Add a Column
Columns with Blocks
Edit Columns
Adding Column IDs and Notes
Row of Columns
Export & Import Blocks
Export a Block
Import a Block
Export All Blocks
Import Multiple Blocks
Managing Page Builder Templates
Saving a Template
Loading a Saved Template
Deleting a Saved Template
Export All Saved Templates
Import Templates
{ end }
3
4
5
6
8
9
10
11
12
13
14
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
iMaginem Page Builder
Table of Contents
2
Overview of PageBuilder
Block Sections
iMaginem Page Builder
PageBuilder status
Live Search for
Blocks
Archive Blocks
Builder Helpers
Template Setters
Highlighted block indicating recent action.
( Added or Moved inside builder )
3
Activating Page Builder
Activating Page Builder on Pages
Activating Page Builder on Pages
1. Choose 'Add New' page
2. Select 'Use Pagebuilder for this page'
2
1
Page Builder Activated
PageBuilder can be moved
so it appears above
or below other Page
Metaboxes
using Metabox Handle.
It can also be toggled using
the handle indicator.
Page Layout for 100% Width Pages.
Choose 100% Width page to
display a page with pagebuilder
without margins, spacings or
title section.
Edge to Edge layout is the same
as 100% Width Template.
Add Preset Templates
iMaginem Page Builder
Exporting and Importing Blocks
Export block data
Import Individual blocks
for all blocks seen
or multiple blocks using
in Page Builder
export data
area.
Export Individual Block
8
Blocks
iMaginem Page Builder
Adding a Block
1
Click
to add a
block
2
Added Block with highlight indicating recent movement
10
2
Delete block
1
Edit block
iMaginem Page Builder
Block Controls
Export block
3
Duplicate block
4
11
Resizing a Block
iMaginem Page Builder
Size indicator
Hover at the edge to find
Resize indicator.
Can be increased by
resizing with mouse click
dragging from the edge
Increase or descrease block size.
12
1
2
Edit block
iMaginem Page Builder
Edit a Block
Editing Displays a popup
to edit settings.
3
Apply and Close.
13
Columns
Organize the Blocks in Grids
1
iMaginem Page Builder
Add a Column
2
3
15
iMaginem Page Builder
Columns with Blocks
1
Column with Blocks added inside it.
16
1
Edit Columns
Edit Columns to apply
paddings and backgrounds
iMaginem Page Builder
Edit Columns
17
Column ID
Column IDs can be used for various purposes such as for Jump links or CSS style targetting to isolate others.
Block Note
Add a small note to make it easy for column indentification within pagebuilder when there are multiple
iMaginem Page Builder
Adding Column IDs and Notes
columns.
1
2
2
1
18
iMaginem Page Builder
Row of Columns
Row of columns
In a row of columns the properties such as background color, background image or
margins are applied from the first column to the whole row.
1
1
2
2
3
4
4
Background from 1st Column in the Row.
3
Background is set from first column in the Row.
19
Export & Import Blocks
iMaginem Page Builder
Export a Block
1 Export Control
2
Single block import code
Select All and copy the export code
which can later be used to import the
blocks.
21
1
iMaginem Page Builder
Import a Block
Import Blocks
2
Import Blocks
Paste code and press import button to
import single or multiple blocks. New
blocks will appear at the end of exisiting
blocks.
22
iMaginem Page Builder
Export All Blocks
1
Export All Blocks
2
Import code for all blocks
Select All and Copy the export code.
Export code contains all blocks seen in
page builder.
23
iMaginem Page Builder
Import Multiple Blocks
1
Import Blocks
2
Import Blocks
Paste code to import all blocks.
24
Managing
Page Builder
Templates
iMaginem Page Builder
Saving a Template
2
1
Saved Template selector.
Save Template
Saved Templates will appear in this selector.
Click this button to Save Template. Enter a unique
template name and choose 'Save'
26
Loading a Saved Template
iMaginem Page Builder
1
Template loader
Simply choose a saved template
from this list to load the saved
template.
27
Deleting a Saved Template
iMaginem Page Builder
1
2
Template selector
Delete Template
Choose template to delete.
Cick Delete Template to delete the
selected template from the list. This
process doesn't undo.
28
iMaginem Page Builder
Export All Saved Templates
1
Export Saved Templates
Choose to grab export code for all
Saved Templates in the template
selector.
2
Code for importing.
Select All and copy.
Save these codes in a text file if you wish
to keep them for later use.
29
1
iMaginem Page Builder
Import Templates
Import Templates
Click to Import Templates
2
Import Builder Templates
Paste previously copied from
export templates data.
Importing will replace all
existing temapltes with new
ones.
30
{ end }
Thank you from iMaginem
We’d be glad to help you if you have any questions.
The support forum can be found at
http://support.imaginemthemes.co/
Source Exif Data:
File Type : PDF File Type Extension : pdf MIME Type : application/pdf PDF Version : 1.4 Linearized : Yes Language : en-US Tagged PDF : Yes XMP Toolkit : Adobe XMP Core 5.6-c123 79.158978, 2016/02/13-01:11:19 Create Date : 2017:03:12 13:11:04+05:30 Metadata Date : 2017:03:12 13:11:07+05:30 Modify Date : 2017:03:12 13:11:07+05:30 Creator Tool : Adobe InDesign CC 2015 (Macintosh) Instance ID : uuid:7dfc5c55-43b4-8640-8366-14f9a71e991c Original Document ID : xmp.did:8CDC5C014F60E01188EBEC07F8AEDC1A Document ID : xmp.id:61298631-02a2-4242-ba2d-da593e46bae7 Rendition Class : proof:pdf Derived From Instance ID : xmp.iid:f4ee4400-9907-4f8b-93fc-5be02909a892 Derived From Document ID : xmp.did:F87F1174072068118083F8F1A20241A3 Derived From Original Document ID: xmp.did:8CDC5C014F60E01188EBEC07F8AEDC1A Derived From Rendition Class : default History Action : converted History Parameters : from application/x-indesign to application/pdf History Software Agent : Adobe InDesign CC 2015 (Macintosh) History Changed : / History When : 2017:03:12 13:11:04+05:30 Format : application/pdf Producer : Adobe PDF Library 15.0 Trapped : False Page Count : 32 Creator : Adobe InDesign CC 2015 (Macintosh)EXIF Metadata provided by EXIF.tools