WYSIWYG Web Builder 20 User Manual

WYSIWYG Web Builder 20
Copyright ©2025 WYSIWYG Web Builder. All rights reserved.

WYSIWYG Web Builder 20
ii
Table of contents
TABLE OF CONTENTS .............................................................................................................................. II
WYSIWYG WEB BUILDER ........................................................................................................................ 6
INTRODUCTION ............................................................................................................................................ 6
GETTING STARTED, A QUICK INTRODUCTION ....................................................................................................... 7
What is WYSIWYG Web Builder? ........................................................................................................ 7
Start Web Builder ................................................................................................................................ 8
Adding text to the page .................................................................................................................... 13
Adding an image to a web page ....................................................................................................... 14
Rotate an image................................................................................................................................ 14
Apply effects to an image ................................................................................................................. 14
Linking your pages together ............................................................................................................. 15
Saving your web site ......................................................................................................................... 16
Preview a web page .......................................................................................................................... 17
Publishing web pages........................................................................................................................ 18
What’s next? ..................................................................................................................................... 20
WYSIWYG WEB BUILDER OPTIONS .............................................................................................................. 21
File ..................................................................................................................................................... 21
Home ................................................................................................................................................. 24
View .................................................................................................................................................. 27
Page .................................................................................................................................................. 29
Insert ................................................................................................................................................. 51
Table ................................................................................................................................................. 55
Arrange ............................................................................................................................................. 58
Tools .................................................................................................................................................. 62
WYSIWYG Web Builder Objects ........................................................................................................ 86
Style .................................................................................................................................................. 87
Bookmark .......................................................................................................................................... 90
Bulleted List ....................................................................................................................................... 91
Horizontal Line .................................................................................................................................. 92
Heading ............................................................................................................................................. 93
Marquee............................................................................................................................................ 97
Text ................................................................................................................................................... 98
Responsive Text ............................................................................................................................... 100
Form Wizard ................................................................................................................................... 101
Form ................................................................................................................................................ 106
Advanced Button ............................................................................................................................. 113
CAPTCHA ......................................................................................................................................... 114

WYSIWYG Web Builder 20
iii
Checkbox ......................................................................................................................................... 116
Select ............................................................................................................................................... 117
Editbox ............................................................................................................................................ 119
File Upload ...................................................................................................................................... 121
Flipswitch ........................................................................................................................................ 122
Button ............................................................................................................................................. 123
Radio button ................................................................................................................................... 124
Range .............................................................................................................................................. 125
TextArea .......................................................................................................................................... 126
File Publisher ................................................................................................................................... 127
Plyr Video Player ............................................................................................................................. 129
HTML ............................................................................................................................................... 130
Java ................................................................................................................................................. 132
Inline Frame .................................................................................................................................... 133
Layer ............................................................................................................................................... 134
Rollover Layer ................................................................................................................................. 137
Layout Grid ...................................................................................................................................... 138
Flex Container ................................................................................................................................. 141
Flex Grid .......................................................................................................................................... 144
Embedded Page .............................................................................................................................. 148
Content Place Holder ...................................................................................................................... 150
Master Frames ................................................................................................................................ 150
Page Footer ..................................................................................................................................... 152
Page Header .................................................................................................................................... 153
Wrapping Text ................................................................................................................................ 154
Media Player ................................................................................................................................... 156
YouTube .......................................................................................................................................... 157
Breadcrumb .................................................................................................................................... 158
CSS Menu ........................................................................................................................................ 159
Go Menu ......................................................................................................................................... 160
Layer Menu ..................................................................................................................................... 161
Mega Menu ..................................................................................................................................... 162
Menu Bar ........................................................................................................................................ 163
Navigation bar ................................................................................................................................ 164
Overlay Menu .................................................................................................................................. 165
Pagination ....................................................................................................................................... 166
Panel Menu ..................................................................................................................................... 167
Responsive Menu ............................................................................................................................ 169

WYSIWYG Web Builder 20
iv
SiteTree ........................................................................................................................................... 170
Snap Scroll ....................................................................................................................................... 171
Table of Contents ............................................................................................................................ 172
Tab Menu ........................................................................................................................................ 173
Text Menu ....................................................................................................................................... 174
Animated Headline ......................................................................................................................... 175
Banner ............................................................................................................................................. 176
ClipArt ............................................................................................................................................. 177
Curve ............................................................................................................................................... 178
Curved Text ..................................................................................................................................... 179
Line .................................................................................................................................................. 180
Polygon ........................................................................................................................................... 181
Scribble ............................................................................................................................................ 182
Shape .............................................................................................................................................. 183
Morphing Shape .............................................................................................................................. 185
Blog ................................................................................................................................................. 186
Carousel .......................................................................................................................................... 187
Ferris Wheel .................................................................................................................................... 188
Image Hotspots ............................................................................................................................... 189
Stock Photo ..................................................................................................................................... 190
Photo Gallery .................................................................................................................................. 191
Photo Grid ....................................................................................................................................... 194
Ready to use Java Scripts ................................................................................................................ 195
Rollover Image ................................................................................................................................ 196
Rollover Text ................................................................................................................................... 197
RSS Feed .......................................................................................................................................... 198
News Feed Ticker ............................................................................................................................ 200
Slide Show ....................................................................................................................................... 202
Site Search ....................................................................................................................................... 203
Structured Data ............................................................................................................................... 205
Timer ............................................................................................................................................... 206
Shopping Cart.................................................................................................................................. 212
Vibracart Pro ................................................................................................................................... 213
Ecwid Shopping Cart ....................................................................................................................... 214
PHP Login Tools ............................................................................................................................... 215
Content Management System ........................................................................................................ 231
CMS Database ................................................................................................................................. 232
CMS Admin ...................................................................................................................................... 233

WYSIWYG Web Builder 20
v
CMS Label ....................................................................................................................................... 238
CMS Menu ....................................................................................................................................... 239
CMS Search ..................................................................................................................................... 240
CMS View ........................................................................................................................................ 241
Editable Content ............................................................................................................................. 242
Editable Content Admin .................................................................................................................. 243
Accordion ........................................................................................................................................ 244
Auto Complete ................................................................................................................................ 245
Themeable Button ........................................................................................................................... 246
Badge .............................................................................................................................................. 247
Cards ............................................................................................................................................... 248
Card Container ................................................................................................................................ 250
Card Repeater ................................................................................................................................. 251
Section............................................................................................................................................. 252
Date Picker ...................................................................................................................................... 253
Dialog .............................................................................................................................................. 254
ListView ........................................................................................................................................... 255
Tabs ................................................................................................................................................. 257
Toast ............................................................................................................................................... 258
Progressbar ..................................................................................................................................... 259
Slider ............................................................................................................................................... 260
Spinner ............................................................................................................................................ 262
Wizard ............................................................................................................................................. 263
Tooltips ........................................................................................................................................... 264
PUBLISH A WEBSITE ................................................................................................................................... 265
LINKS ..................................................................................................................................................... 269
SITE MANAGER ........................................................................................................................................ 274
OBJECT MANAGER .................................................................................................................................... 278
PROPERTIES INSPECTOR ............................................................................................................................. 280
STYLE MANAGER ...................................................................................................................................... 281
GRADIENT STYLE MANAGER ....................................................................................................................... 282
EVENTS ................................................................................................................................................... 283
CSS3 ANIMATIONS AND TRANSITIONS .......................................................................................................... 286
MOTION EFFECTS ..................................................................................................................................... 290
BLOCKS ................................................................................................................................................... 292
DARK COLOR SCHEME ............................................................................................................................... 293
RESPONSIVE WEB DESIGN .......................................................................................................................... 294
FORM VALIDATION ................................................................................................................................... 295
FORM CONDITIONS AND CALCULATIONS........................................................................................................ 299
FLEXBOX PROPERTIES ................................................................................................................................ 301
ARTIFICIAL INTELLIGENCE............................................................................................................................ 302
SYNCHRONIZE NAVIGATION ........................................................................................................................ 303
WHAT IS THE DIFFERENCE BETWEEN BOOTSTRAP AND JQUERY UI? ..................................................................... 304
INDEX ................................................................................................................................................ 305