Home
Download
Purchase
Online Tutorials
Templates
Support
Forum
Extensions
SPECIAL OFFERS
The Ultimate Toolbox for creating
amazing web sites!
Thanks for choosing WYSIWYG Web Builder!
In this section we will give an introduction to many of the exciting features.
Basic features
•
First steps: Getting started with WYSIWYG Web Builder
•
An introduction to the basic functionality of WYSIWYG Web Builder
•
Updated:
An introduction to the Ribbon Interface
•
Site Manager
•
Object Manager
•
Introduction to creating web pages
•
Setup guide borders, rulers and grid
•
Adding text to a web page
•
Adding an image to a web page
•
Linking your pages together (Creating Hyperlinks)
•
Saving your web site
•
Adding a Navigation Bar to your web site
•
Adding a Menu Bar to your web site
•
Using templates
•
Importing an existing HTML page in to Web Builder
•
An introduction to the SlideShow
•
An introduction to jQuery UI Widgets
•
An introduction to the Photo Gallery
•
An introduction to the Blog object
•
An introduction to Blocks
•
Using Web Fonts in WYSIWYG Web Builder
•
Navigation / menus
•
Icon Fonts
•
Borders
•
Use Theme Colors
•
Insert an Unsplash Photo
•
Enable Page Preloaders
•
Shape Dividers
•
Pixabay
•
Horizontal Line / Divider
•
Image Hotspots
•
Tables
•
New:
Custom Scrollbars
•
New:
Dark Color Scheme
Online Tutorials
General Layout
•
How to use Inline Frames
•
How to use Master Pages
•
How to use Embedded Pages
•
How to use Master Frames
•
Using Layers
•
How to create a draggable window using layers
•
More cool layer features
•
Creating a Full Screen / Single Page Layout
•
How to add a parallax scroll effect to your pages?
•
Cards
•
New
:
Sections
•
New
:
How to use the Dialog widget
Form
•
Creating a form
•
How to use the Form Wizard?
•
Form input validation
•
Form conditions and calculations
•
Building a PHP Shopping Cart using WYSIWYG Web Builder
•
How to use PHP to collect Form data
•
Creating a Form with a popup confirmation
•
Form Input Fields
•
Input Mask
•
New
:
Auto Complete
Animations and transitions
•
An introduction to CSS3 animations
•
Start and stop CSS3 animations with Events
•
An introduction to CSS3 transitions
•
Using CSS3 transform to zoom an image
•
Animate text with the Banner object
•
Link transitions
•
Using Scroll Transitions
•
SVG Path Animation
•
Motion Effects
•
Lottie Animations
•
New
:
Mouse Effects
Content Management
•
Getting started with the CMS Tools
•
How to dynamically expand the CMS View based on the content of the page?
•
Using CMS plug-ins
•
How to integrate Cushy CMS?
•
How to integrate Surreal CMS?
•
Editable Content
Events
•
Using events to create a roll over image with sound
•
Using events to display popup information for a specific item
•
An introduction to Timers
•
How to reveal objects on scroll with bookmark events?
Responsive Web Design
•
Introduction to Responsive Web Design - The Basics
•
Responsive Web Design in WYSIWYG Web Builder
•
How to create Responsive Text?
•
An introduction to the Layout Grid
•
Advanced Layout Grid Features
•
Getting started with FlexBox
•
Recommended
:
Responsive Web Design - Design Techniques
•
An Introduction to Flex Grid
•
Responsive Web Design - Tools
Carousel
•
How to use the Carousel?
•
Create a 3D Carousel with reveal.js
•
Using the Carousel to create an animated slideshow
•
Create a Full Page website using the Carousel
•
How to use the Carousel to create a multi-page form?
Login Tools
•
Getting started with the Login Tools
•
Adding a login to your web site (Login basics)
•
Customizing the Signup Form of the Login Tools
•
Social Login
•
New
:
User Roles (groups)
•
New
:
Creating protected pages without a database
•
New
:
Protected content and Protected Menu Items
Miscellaneous
•
Using the Style Manager
•
Change the color or style of a hyperlink
•
Adding custom HTML or Javascript to a web page
•
Using the jQuery Slider
•
Adding a lightbox gallery to your website
•
Implementing a global lightbox gallery
•
Do more with styles: Pseudo classes
.
•
How to use Affix and ScrollSpy?
•
How to add a parallax scroll effect to your pages?
•
How to add a site search to your website?
•
An introduction to Toasts
•
Wrap text around images and other objects
•
Extension Manager
•
Morphing Shape
•
Snap Scroll
•
New
:
Progressbar
•
New
:
Tooltips
•
New
:
Implementing a Style Switcher
What's next? More (video) tutorials, FAQ and support
Ecommerce
•
Adding a PayPal Buy Now button to your website
•
Creating a basic PayPal Shopping Cart
•
Building a PHP Shopping Cart using WYSIWYG Web Builder
•
Ecommerce Integration
•
Ecwid Shopping Cart
•
Vibracart Pro
•
Updated:
PayPal Shopping Cart
Search Engine Optimization (SEO)
•
Add Rich Snippets to your website using Structured Data (schema.org)
•
Updated
:
SEO Assistant
•
Adding robots.txt to your website
•
Adding a sitemap to your website
•
Table of Contents
Preview and Publish
•
Preview a page in your Browser
•
Publishing your web pages
•
Local Server Preview