WYSIWYG Web Builder
Pablo Software Solutions • Web Design Software
Also Download For
WYSIWYG Web Builder is a desktop application. It allows users to create complete websites using a visual drag-and-drop interface. This eliminates the need to write HTML or CSS code. The software generates clean HTML5 and CSS3 code. It provides full control over the content and layout of the web page. It is a powerful tool for both beginners and professional designers looking for a code-free web development solution.
In This Post
Quick Start & Pro Tips
Implementing a CSS Grid Layout with Breakpoints
- Select the Layout Grid object from the toolbox and drag it onto the page.
- In the Object Properties panel, change the Layout Mode to CSS Grid Layout.
- Navigate to the Responsive tab to define custom breakpoints (e.g., 1024px for tablet, 768px for mobile).
- For each breakpoint, adjust the column count, gutter width, and element positioning to ensure the CSS Grid reflows correctly on the target device.
Why: Using the CSS Grid Layout mode ensures modern, semantic HTML structure. It provides precise control over complex, multi-column responsive layouts. This method is superior to older fixed-positioning methods.
Configuring a Sticky Layer for Navigation
- Insert a Layer object onto the page and place your navigation menu inside it.
- With the Layer selected, go to the Object Properties panel.
- Under the Layer settings, set the Layer Type to Sticky Layer.
- Define the Top offset (e.g., 0px) to make the layer stick to the top of the viewport once the user scrolls past its initial position.
Why: A Sticky Layer is critical for creating persistent navigation bars or call-to-action elements that remain visible as the user scrolls, improving site usability and conversion rates without complex JavaScript.
Optimizing Forms with PHP Email Validation
- Select your Form object and open the Form Properties dialog.
- Ensure the Action is set to Send Email or a similar server-side process.
- In the Validation settings for the email input field, verify that the software is configured to use the modern PHP FILTER_VALIDATE_EMAIL method for reliable, standardized email address validation on the server side.
Why: Server-side validation using FILTER_VALIDATE_EMAIL is an improved and more reliable method than older regular expression (preg_match) checks, preventing invalid email submissions and improving data quality.
What You Need
Minimum
- OS: Windows 8 or later (32-bit or 64-bit)
- RAM: 512MB
- Disk Space: 100MB
- Graphics: Direct2D required
Recommended
- OS: 64-bit version of Windows OS
- Processor: Intel Core i3 or AMD Ryzen 3 or better
- RAM: 8GB or more
Software Specifications
| Software Name | WYSIWYG Web Builder |
|---|---|
| Version | 20.4.1 |
| License | Trial |
| OS Support | Windows 11, Windows 10, Windows 8 |
| Language | English (multi-language support via Language Modules) |
| Developer | Pablo Software Solutions |
| Homepage | https://www.wysiwygwebbuilder.com |
| Changelogurl | https://forum.wysiwygwebbuilder.com/viewforum.php?f=1 |
| Last Updated | January 9, 2026 |
Key Features
- Advanced Responsive Web Design Tools: Supports multiple layout methods. These include Layout Grid, Flexbox, and CSS Grid. It also includes fixed layouts using breakpoints. These features ensure websites are fully responsive across all devices.
- AI-Powered Content Generation: Integrated AI functionality offers text generation, enhancement, and image manipulation. Users can create content, headings, and visuals. These can be based on custom or predefined prompts.
- Built-in CMS and E-commerce Integration: Includes a built-in PHP-based Content Management System (CMS) for online content management. It also features multi-user login tools. Additionally, there is integrated support for third-party e-commerce solutions like PayPal, Ecwid, and Stripe.
- CSS3 and HTML5 Capabilities: Full support for modern web standards. This includes HTML5 audio/video, CSS3 animations, transitions, and gradients. You can also use non-web-safe fonts via CSS3 font-face.
- Layer and Master Object Management: Features advanced layer types such as Sticky layer, Docking layer, Floating layer, Modal layer, Anchored layer, and Strechable layer, alongside Master Frames and Master Objects for reusing common elements across the site.
What’s New in This Version
- Added Favorites to the Block Manager, a dedicated library to store favorite blocks.
- Added the option to automatically fill newly added blocks with content (text and images) based on the selected category.
- Added support for dragging and dropping.wbl files (Blocks) directly onto the workspace from Windows File Explorer.
- Added Preset Layouts option to the Insert menu, providing 25 presets based on Layout Grids for quick layout design.
- Improved email validation in forms to use FILTER_VALIDATE_EMAIL for a more reliable and standardized method in PHP.
For complete changelog, visit the official release notes.
Common Questions
What is the difference between an update and an upgrade for WYSIWYG Web Builder?
Updates are free fixes or small enhancements for existing functionality (e.g., from version 20.0 to 20.4). Upgrades are major new versions (e.g., from 19.x to 20.x) with many new features and enhancements, and are not free but can be purchased with a discount.
Does WYSIWYG Web Builder support responsive web design?
Yes, it supports responsive web design through various methods including Layout Grid, Flexbox, CSS Grid, and fixed layouts with breakpoints, allowing for multiple layout variants optimized for different screen widths.
Can I use WYSIWYG Web Builder to create a website without knowing HTML?
Yes, the program is a WYSIWYG (What-You-See-Is-What-You-Get) editor. You design visually by dragging and dropping objects, and the software automatically generates the necessary HTML and CSS code.
Discover more from Software Wave
Subscribe to get the latest posts sent to your email.