WYSIWYG Web Builder Portable, which stands for "What You See Is What You Get," is an advanced software tool aimed at simplifying the process of building and maintaining websites in a highly intuitive and accessible way. With this innovative technology, users, regardless of their technical expertise or coding skills, can create visually engaging and responsive websites by interacting with a graphical interface that directly reflects the final product.
The software is founded on principles of cognitive science and psychology, making it incredibly easy for people from various backgrounds to use. It leverages the human ability to visually recognize patterns and understand spatial relationships, which helps users manage complex website structures without difficulty.
The interface of WYSIWYG Web Builder Portable is cleverly designed with drag-and-drop functionality, turning abstract ideas into clear, workable digital creations. This approach eliminates much of the steep learning curve usually associated with web development, making it a valuable tool for both beginners and seasoned developers.
Despite its user-friendly design, WYSIWYG Web Builder Portable also comes equipped with advanced features that meet high professional standards. It supports responsive design to ensure websites work well across devices, integrates modern web technologies like HTML5, CSS3, and JavaScript, and allows for the inclusion of third-party plugins to extend its capabilities.
However, some critics argue that WYSIWYG Web Builder may encourage laziness among new developers by removing the need for a solid understanding of code. This could potentially hinder the development of practical programming skills, as users might rely too heavily on the visual tools rather than learning the underlying code.
On the other hand, supporters assert that WYSIWYG Web Builder serves as a vital entry point for aspiring web designers, allowing them to experiment with design and layout concepts without the pressure of mastering complex coding. Additionally, the software generates clean code that can be easily reviewed and modified, offering valuable learning experiences for those who wish to delve deeper into the technical aspects.
In summary, WYSIWYG Web Builder Portable exemplifies the successful application of human-centered design in web development. By seamlessly combining visual creativity with technical execution, it transforms the way websites are created and managed. While it may have its critics, the software undeniably opens up the world of web design to a broader audience, enabling more people to participate in shaping the digital world.
Introducing WYSIWYG Web Builder—your ultimate tool for effortless website design!
• Build your website visually with a simple drag-and-drop interface—no coding skills required!
• Generates standard HTML4, HTML5, XHTML, CSS3, and PHP.
• Choose from over 100 pre-designed templates.
• Support for HTML5 audio/video, YouTube, Flash Video, and more.
• Create engaging slideshows, photo galleries, rollover images, and rollover text.
• Customize navigation with options like navigation bars, menu bars, and other navigation tools.
Create stunning websites as easily as dragging and dropping elements!
• Publish with just one click—no need for FTP software or special hosting; works with any hosting service.
• Easily add forms using the Form Wizard, with built-in form validation and CAPTCHA.
• Advanced graphic tools for shapes, text art, rotation, shadows, and various image effects.
• Full jQuery UI integration (accordion, tabs, animations, effects) and a built-in ThemeRoller editor for theme customization.
• Generate Google-friendly sitemaps and integrate PayPal eCommerce tools.
• Use an array of navigation options, such as navigation bars, tab menus, dropdown menus, site trees, and slide menus.
• Built-in tools for slideshows, photo galleries, rollover images, banners, and more.
• Support for popular video formats, including YouTube, Flash Video, and Windows Media Player.
• Access a unique extension system with over 250 add-ons available!
What’s new in WYSIWYG Web Builder 20?
Smart Content: – A fast, easy way to update text and images based on your selected category. – Replace images with relevant stock photos in a single click. – Quickly swap text with content tailored to your chosen category. – Option to use AI for more personalized text replacement. – Choose whether to update the entire page or specific elements only.
Blocks: – New "Blocks Libraries" feature allows you to switch between different libraries for various themes, like dark or eCommerce blocks. – Save your favorite blocks in the new "Favorites" library. – Automatically populate newly added blocks with content (text and images) based on your selected category. – Collapse or expand all categories in the Block Manager with one click. – Drag and drop .wbl files directly from Windows File Explorer to your workspace.
Color Adjustment Tools: – Quickly modify the colors on your page with features for adjusting brightness, contrast, grayscale, hue, saturation, and more. – Match page colors to those in a selected image for seamless design adjustments.
Animated Headline: – Add dynamic headlines to your website with eye-catching animation effects. – Customize text animations to rotate, highlight, or use other styles to grab attention. – Control animation speed, style, and triggers (such as on page load or scroll).
Ferris Wheel: – Create an interactive circular slider inspired by a Ferris wheel design. – Display different icons in each gondola and reveal additional details (title, description, URL) when clicked. – An engaging alternative to traditional slideshows, supporting images for versatility.
Photo/Video Grid: – Easily build galleries that mix images and videos (MP4, YouTube, or Vimeo). – Thumbnails open in a lightbox or slideshow view when clicked. – Choose from 25 built-in layouts or create a custom design for your gallery.
With these exciting new features, WYSIWYG Web Builder 20 continues to make website design simple, dynamic, and visually engaging for users of all skill levels!
Easy Mode
– A revamped feature: "Easy Mode" now provides a simplified workspace, allowing users to build websites using only blocks. This mode is designed for beginners or those who prefer a quick website creation process without delving into the full layout control. It's also a great way for new users to get familiar with the interface before switching to the full environment.
Unlike the regular version, you’ll work exclusively with blocks, removing access to the object toolbox or insert menu. The options are simplified, offering a more direct workflow. You cannot drag, drop, insert, delete, or copy/paste individual objects, but you can still edit properties, hide elements, and rearrange blocks.
Stability AI
– New integration: "Stability AI" has been added as an alternative to OpenAI. Stability AI offers more options compared to DALL-E 3, with support for models like Stable Image Ultra, Stable Image Core, and various versions of Stable Diffusion 3.
AI Image Inpainting
– New feature: Undo button (Ctrl+Z) to reverse paint actions individually, or hold SHIFT to undo all actions.
– New tool: Flood Fill. This feature makes selected pixels and their neighbors transparent based on color similarity. Adjust the tolerance level to control the selection.
– Improvement: The brush size menu is replaced with an input box for more precise control over the brush size.
AI Image Outpainting
– Improved functionality: When using Stability AI for outpainting, you can now select specific directions (left, right, top, bottom) for expansion, giving you more control over which parts of the image are extended.
AI Image Erase
– New feature: The Erase tool now removes unwanted objects from images, such as blemishes or items, using image masks.
AI Image Search and Replace
– New feature: Search and Replace lets you identify and replace objects in an image based on a simple language prompt. The tool automatically segments and swaps the identified object with a new one.
AI Image Search and Recolor
– New feature: The Search and Recolor tool allows you to change the color of an object in an image by using a prompt. The AI automatically segments the object and recolors it as requested.
AI Sketch to Image
– New feature: Sketch to Image converts simple drawings into detailed images, with additional style and detail customization using prompts.
AI Create a New Image with the Same Style
– New feature: This tool extracts stylistic elements from an input image (control image) and applies them to a new image generated from the prompt, ensuring the output maintains the same style.
AI Image Remove Background
– New feature: This background removal tool now also works with Stability AI API, meaning if you have a Stability account, there's no need for a separate remove.bg key.
AI Images
– Improved: Added "Image Provider" options, allowing you to choose between OpenAI or Stability AI for image generation.
Note: This setting affects only image generation, inpainting, outpainting, and variations. Tools like Erase, Search and Replace, Recolor, and Sketch to Image will always use Stability AI.
– New warning badge: AI tools now show a badge if an API key hasn't been set.
– New feature: "AI Vision" analyzes an image and generates a relevant prompt automatically, simplifying the process of creating AI-generated content.
Ollama
– New integration: WYSIWYG Web Builder now works with Ollama, enabling AI-driven text generation, translation, and improvement directly on your local computer. Ollama allows you to run large language models offline, ensuring privacy and reducing dependence on cloud-based services.
ComfyUI
– New integration: WYSIWYG Web Builder now supports ComfyUI, a free, open-source platform that allows you to generate unlimited high-quality images using AI models like Stable Diffusion and Flux, all without the limitations of paid services.
Layout Grid Management Tools
– New feature: A dedicated ‘Format’ context tab now appears in the Ribbon when you select a Layout Grid. This allows you to easily adjust properties such as background, borders, and layout arrangement tools (move up, move down, move to top, move to bottom).
– New feature: Quickly adjust the background, alignment, and padding of the selected Layout Grid column directly from the Ribbon. These options are also available via the context menu and the menu bar.
– New feature: A ‘Delete’ option has been added for easy removal of the selected Layout Grid column, including its content.
– New feature: The ‘Insert’ option allows for quick addition of a new Layout Grid column.
– New feature: ‘Move Left’ and ‘Move Right’ options are now available to quickly reorder Layout Grid columns, along with their content.
– New feature: The ‘Increase’ and ‘Decrease’ options enable easy resizing of the selected column.
Preset Layouts
– New feature: The ‘Preset Layouts’ option has been added to the Insert menu, offering a selection of preset layouts to save time when designing. Simply go to Insert > Layout > Preset Layouts to access 25 different presets based on Layout Grids. The gallery also includes all available flex grid templates, which can be customized through flex grid properties.
Layout Grid
– New feature: Custom column height values can now be set, providing more flexibility in layout design. Enter values like 66vh, 80vh, or any other valid height measurement to achieve your desired column height.
Note: This feature is also available for Flexbox containers, Flex Grids, and Carousels!
Slideshow
– New feature: The ‘Background’ mode of the slideshow (formerly known as ‘Fullscreen Background’) can now be applied to container backgrounds, including layout grids, layers, cards, and flex containers. This enhancement allows you to easily add animated backgrounds to almost any object. For example, you can now apply a (mini) slideshow to cards or add a Ken Burns effect to a layout grid’s background.
– New feature: The “Ken Burns” animation has been added to the ‘background’ mode of the Slideshow.
– Improved: The Ken Burns effect has been updated to eliminate the use of jQuery, resulting in a faster, more efficient page load.
TikTok Video
– New feature: TikTok video support has been added, allowing you to embed responsive TikTok videos on your website. Customize playback options like autoplay, looping, control visibility, and display video descriptions for a seamless integration.
Color Swatches
– Updated feature: The color swatches functionality has been redesigned. When you select a color swatch, it now automatically updates all colors on the current theme, allowing for quicker style changes across your page.
– New feature: The “Create swatch from image” option extracts the 12 most dominant colors from an image and generates a new swatch based on those colors.
Color Picker
– New feature: A new rounded color picker style has been added. You can revert to the previous design by adjusting the settings under Tools -> Options -> User Interface.
– New feature: The ‘Eyedropper’ tool allows you to quickly pick a color from anywhere on your screen without needing to open the color dialog.
– Updated feature: The ‘use swatch colors’ option has been replaced with a dedicated ‘color picker mode’ option, giving you the choice between using web colors or swatch colors.
Accordion
– New feature: You can now set the spacing between accordion panels, allowing for more control over layout and appearance.
Publish
– New feature: You can now set a master password for your publish data, ensuring all published data is encrypted.
– New feature: A new option in the publish window, “Publish all files except sitemap.xml/robots.txt,” allows you to exclude those specific files from publishing, streamlining your workflow.
Cards
– New feature: Horizontal card functionality has been added. The new ‘column break’ card item lets you divide card items into columns for more organized layouts.
– Improved: The ‘Add’ items dropdown menu now includes icons, making it easier to identify different card item types.
Check for Updates
– New feature: You can now download and install updates directly from the ‘Check for updates’ dialog, streamlining the update process.
Image
– New feature: The mp4 format can now be used in the image object. This functionality is part of the new ‘Image-to-video’ feature, but can also be used for other mp4 files. The video plays without audio and controls, and it works with features like HTML watermarks, stencils, and shapes.
– New feature: The ‘AI Vision’ tool has been added, allowing AI to automatically generate titles and descriptions from images. Click the ‘bulb’ icon to use OpenAI’s AI Vision for relevant image metadata.
– Improved: The image selection dialog now remembers the last selected folder separately from other file dialogs, speeding up access to frequently used folders.
– Improved: The Image slice tool has been redesigned to use CSS grid instead of a table, making sliced images responsive and simplifying the output HTML.
Stencils
– New feature: Added a ‘Download More Stencils’ option to the Stencils Gallery, providing quick access to a download page with 2 new stencil packs (50+ additional stencils).
– New feature: The ‘Open File Location’ option has been added to the Stencils Gallery, allowing for easy access to the folder where stencil files are stored.
– New feature: The ‘Stencilize’ filter converts an image into a transparent stencil, allowing for versatile creative effects.
– Improved: Support for .webp stencils (in addition to .png) to reduce file sizes.
– Improved: Custom stencils can now be added by placing .png or .webp files in the folder: Documents\WYSIWYG Web Builder\system\stencils\
Filter
– The image filter preview dialog is now resizable, remembers its previous size and position, and includes speed improvements.
Wrap Text
– New feature: Added the ability to center floating elements or shapes inside text to create magazine-like layouts. Use two columns, split with <break>, and adjust the offset with margin-top. Works well with Cards, Icons, and Images.
Templates
– New feature: The ‘Filter’ option helps to filter display templates by a search term. For local templates, it’s based on the template name. For online templates, you can search by keywords (e.g., color, topic, functionality).
– New feature: Added an ‘Online Examples’ category, consolidating all example projects in one place for easier access. More than 150 examples are available!
– Improved: The default templates (Absolute Layout and Flexible Layout) have been updated with a more modern design.
Backup Manager
– New feature: A ‘Search’ option has been added to filter backups by name.
– New feature: The ‘Restore to another location’ option allows you to restore backups to a different folder instead of the default one.
– New feature: Added an ‘Open file location’ option, opening the backup folder in Windows Explorer.
– New feature: A ‘Select all’ button has been added to quickly select all items in the list.
Badges
– New feature: Added an ‘image’ type for badges, allowing you to use custom images.
– New feature: Six new badge types: Certificate, Shiny Ribbon, Simple Ribbon, Folded, Folded Arrow, and Bookmark Horizontal.
– Improved: The geometric rendering of badges assigned to rotated objects.
– Improved: Added multiline support for badges, using to split lines (not supported for Ribbons and Stripe).
AI Text
– New feature: Added more tones and communication styles, including: “approachable,” “authentic,” “authoritative,” “conversational,” “dynamic,” “empathetic,” “engaging,” “formal,” “humorous,” “informal,” “innovative,” “inspiring,” “nurturing,” “polite,” “positive,” “progressive,” “thoughtful,” “transparent,” and “trustworthy.”
Rollover Image
– New feature: Added support for mp4 videos in rollover images. You can now use either two videos or a combination of an image and video for the rollover effect. Ensure the video has no audio for automatic playback.
Rollover Text
– New feature: Added support for mp4 videos in rollover text. The video should not have audio for it to autoplay in the browser.
Rollover Layer
– New feature: Added the ability to vertically align floating content within rollover layers, improving layout control.
Flex Container
– New feature: The Flex Container, Card Container, and Card Repeater components have been enhanced with background video support. You can now add background videos from YouTube, Vimeo URLs, or MP4 files to these elements.
Text
– Improved: The ‘Translate in Google’ tool has been added to the context menu of the text editor for easy translation.
Icons
– New feature: Material Symbols support has been added. Based on a variable font, it includes more than 3500 icons in 3 styles: Outlined, Sharp, and Rounded. It offers adjustable font weights, giving you more control over the icon's appearance. Icons can be rendered in both filled and unfilled states with animatable fill modes.
– Improved: The Font Awesome icon picker now shows all free icon variations (solid and regular). New icons added include image, calendar, clipboard, folder, floppy disk, file-video, edit, clock, newspaper, gem, hospital, lightbulb, keyboard, and many more. Regular variants now include an ‘-o’ suffix.
– Improved: The Format context tab now supports Icons, allowing easy adjustment of color, border, and background. The Icon Picker dialog opens when using the "Edit Text" (Ctrl+E) command for quick icon selection.
Clip Art
– New feature: Support for Windows 10/11 Font Icons (Segoe MDL2 Assets / Segoe Fluent Icons). Over 2,700 icons can now be used in the Clip Art object.
Shape
– New feature: Added 10 new Polymorphic shapes.
User Interface
– Improved: Icons in the user interface (Toolbox, Ribbon, Toolbars) now adapt seamlessly to dark color themes, with better contrast for easier visibility in dark mode.
– Improved: Icons in Icon pickers now render in the accent color.
– Improved: The accent color dropdown now shows a color preview.
– Improved: Shape and Badge galleries now offer a style selection, replacing the standard dropdown menu.
– Improved: Property Dialogs have been made wider, with increased spacing between property names and values for better readability.
– Improved: Added background and border properties to the Ribbon’s formatting context tab.
Panel Menu
– New feature: Added 9 new hamburger icon (SVG) animations: split, divide, slide, circle, snake, smooth, elegant, morph, sling.
– New feature: Duration and easing options for hamburger icon animations.
– New feature: Ability to set ‘Line cap’ style for hamburger icons (square or round).
– Improved: Replaced special character functionality in hamburger icon animations with a dedicated option. Title value no longer used when an animation is selected.
Overlay Menu
– New feature: Added 9 new hamburger icon (SVG) animations for Overlay Menu.
– New feature: Over 30 new ‘show animations’ for triggering animations when the hamburger menu is activated.
– New feature: Duration and easing options for hamburger icon animations.
– New feature: Ability to set ‘Line cap’ style for hamburger icons (square or round).
Drop Down Menu
– New feature: Support for hamburger icon animations with the same options as in the Panel and Overlay Menus.
Navigation / Links
– New feature: Added support for WhatsApp links, enabling chat initiation without the phone number saved. Use whatsapp:<number> in international format.
– New feature: Added an ‘Edit’ button for links, allowing you to quickly modify parameters for mailto, tel, sms, skype, facetime, and WhatsApp links. The tool also automatically URL-encodes text if needed.
Shopping Cart
– Improved: The built-in PayPal shopping cart has been renamed to “Shopping Cart” since it now supports more than just PayPal.
– New feature: Support for discount coupons, allowing flat or percentage discounts.
– New feature: Set a maximum order quantity, with a user-defined message for over-limit quantities.
– New feature: Ability to customize the checkout button’s border width, radius, and color.
– New feature: ‘Render all funding buttons’ option for PayPal checkout, showing all eligible funding options (e.g., card, giropay, ideal, etc.).
– New feature: Added support for Stripe, Paddle, and Custom checkout options for greater flexibility.
– New feature: Custom checkout allows you to implement a custom script to send cart content via email, WhatsApp, or third-party services.
Akismet Anti-Spam Protection
– New feature: Added Akismet support for anti-spam protection in contact forms. It uses a large database to analyze submissions and block spam.
Photo Collage
– New feature: Layout preview feature in the properties panel for instant preview of the collage layout.
– New feature: Ability to add box shadows to thumbnail images.
Lightboxes
– Improved: Lightbox scripts are now located in the \documents\wysiwyg web builder\system folder for easier maintenance and updates.
– Improved: Magnificpopup now has ‘Zoom effect’ enabled by default (works for images).
– Improved: Spotlight and Glightbox lightboxes can now be used for various media (links, YouTube, Vimeo, galleries, etc.).
– Improved: Added shortcut to change Lightbox type in Page Properties for Inline Frame, YouTube, Vimeo, and Video.
Blog
– New feature: MySQL data source added for the blog, enabling loading of blog articles from a CMS database for easier online management.
– New feature: The ‘Clone’ button allows you to quickly duplicate an existing blog item.
– Improved: The blog now uses flexbox for layout, simplifying code output.
– Improved: Added padding options for the blog container.
Form
– Improved: Added maximum file upload size for email attachments, regardless of folder upload settings.
– Improved: Set the maximum upload size to ‘0’ to disable file uploads and related PHP scripts.
– Improved: Tooltips added to the ‘File Upload’ section for clarification.
– Improved: Added new input options to the Form’s context tab: label, date picker, range, flip switch, and rich text area.
Video
– New feature: Added ‘auto’ option for mp4 video aspect ratios, automatically adjusting based on the video file.
– Improved: The video object now displays the first frame of an MP4 video in the workspace (if supported), replacing the generic placeholder.
– Improved: Drag and drop functionality for MP4 files directly from Windows File Explorer.
YouTube
– Improved: YouTube video ID input now allows for greater flexibility, allowing just the video ID instead of the full URL.
Dividers
– New feature: Added ‘Remove’ button to quickly delete or reset dividers.
– New feature: Added support for alpha transparency to create semi-transparent effects using dividers.
Login Tools
– Improved: Enhanced security using prepared statements and parameterized queries to prevent SQL injection.
Inline Frame
– Improved: The allowfullscreen attribute has been replaced with allow="fullscreen" for better compatibility.
Single Page Protect
– Improved: Password protection now uses bcrypt hashing for improved security.
Release Notes:
- New feature: Added 'fade' mode to the Card Container. Enabling simple card transitions with a smooth fading slideshow effect. - Improved: The Card Container now displays pagination numbers when the standard pagination is off to make it easier to switch between slides. - Fixed: Issue with rendering of extensions on master page. - Fixed: Issue with accent color in Visual Studio 2022 color schemes. - Fixed: Issue with undo/reset in Sketch to Image properties.
Download WYSIWYG Web Builder Portable Software
RapidGator – 64.4 MB