Manual
StreamSoft WEB360 Builder manual
Everything the app does, chapter by chapter. Press F1 in the app to open the chapter for the screen you're on.
1. How the builder works
Most small-business websites need the same pages and the same building blocks. The builder keeps one master design and asks only for what changes per client.
| Piece | What it is | Where it lives |
| Client project | The client's details, wording, page arrangements and a copy of every photo and logo. | Clients\<client>\site.json and media\ |
| Preview | The site as you edit it, rendered live inside the app. | A temporary folder; never published. |
| Built site | The finished website: HTML pages, styles, scripts and resized photos. | Sites\<Business> Site\ |
| Live site | The built site on the client's hosting. | The website folder on the server, for example /public_html |
| Backup | A dated copy of the live site plus the client project. | Backups\<site>\<date time>\ |
Every site has Home, Services, About and Contact; Gallery, Quote and Pricing are optional, and you can add your own pages. Each page is a list of sections (hero, service cards, reviews, a map, and so on) that you arrange visually.
2. The screen
Header
- Logo and client name on the left. A dot after the name means unsaved changes (the app saves automatically about a second after you stop typing).
- New client, Open ▾ (open a client, open from backup, recent clients), Close, Save (Ctrl+S) and Settings ▾.
- On the right: Build, Publish, Backup, Site Manager and the connection status.
- In a narrow window the buttons show only their icons; hover to see what each does.
Section list (left)
Business, Contact, Branding, Services, Photos, Wording, Pages & form and Build. Use the mouse, or Tab into the list and move with ↑/↓.
Form panel
The fields for the selected section, grouped in cards. Drag the divider to make it wider; the width is remembered. The panel button at the left of the preview bar hides it for more room.
Preview
The bar above the preview holds the page picker, the layout picker, the phone / tablet / desktop switch, undo and redo, and More ▾ (refresh with F5, open the page in your browser, add a page). Left of the page are Elements and Outline; right of it are the settings for the selected section or page.
Status bar
The last thing that happened: saved, built, published, preview updated.
3. Clients
New client
New client opens the New client wizard (see the guide). The client is created in your Clients folder in a folder named after the business, for example tinei-renovations.
Kinds of business
The kind of business chosen in the New client wizard sets the starting look, layout and services. Everything can be changed afterwards.
| Kind | Starting look | Layout | Services ticked |
| Building & home |
| Builder / construction | Strong slate & orange, bold condensed headings | Local tradesman | Construction & building, Renovations, Plastering, Paving |
| Renovations & interiors | Warm charcoal & copper, photo-led pages | Photo-first | Renovations, Kitchens & built-in cupboards, Bathroom renovations, Tiling, Painting |
| Painter & decorator | Fresh navy & teal, friendly rounded headings | Local tradesman | Painting, Waterproofing, Plastering, Ceilings & drywall |
| Roofing | Midnight & amber, reviews up front | Trust & reviews | Roofing, Roof trusses & timber, Gutters & fascias, Waterproofing |
| Plumber | Clean blues, modern type | Local tradesman | Plumbing, Geysers, Drains & blockages, Leak detection, Bathroom renovations |
| Electrician | Graphite & safety yellow, industrial type | Local tradesman | Electrical, Electrical compliance (CoC), Lighting, Solar & backup power |
| Solar, backup power & air-con | Ink & sky blue, clean and technical | Trust & reviews | Solar & backup power, Air-conditioning, Electrical |
| Landscaping & garden services | Pine & lime greens, gallery-led | Gallery showcase | Landscaping & gardens, Garden services, Irrigation, Paving |
| Pool services | Ocean blue & coral, short and simple | Compact | Pool services, Irrigation |
| Cleaning services | Fresh emerald & mint, reviews first | Reviews-led | Cleaning, Carpet & upholstery cleaning, Window cleaning |
| Pest control | Olive & terracotta, trust-first | Trust & reviews | Pest control |
| Handyman & maintenance | Olive & terracotta, compact pages | Compact | Maintenance & handyman, Carpentry & doors, Painting, Plumbing |
| Security & gate automation | Steel & signal red, strong and reassuring | Trust & reviews | Alarms & CCTV, Gate & garage motors, Electric fencing, Locksmith |
| Removals & transport | Midnight & amber, reviews first | Reviews-led | Removals & moving, Courier & deliveries |
| Beauty & wellness |
| Nail salon | Soft sage & blush, elegant serif, gallery-led | Gallery showcase | Manicures, Pedicures, Gel nails, Acrylic nails, Nail art |
| Hair salon | Black & rose gold, elegant serif | Gallery showcase | Haircuts, Hair colour, Styling & treatments, Braids, weaves & extensions |
| Barber | Black & gold, bold condensed type | Compact | Barber cuts, Beard trims & shaves, Kids' cuts |
| Beauty salon & spa | Plum & rose, warm serif, story-led | Story-led | Facials & skincare, Massage, Waxing, Lashes & brows, Make-up |
| Lashes & brows | Soft sage & blush, elegant serif | Gallery showcase | Lashes & brows, Waxing, Make-up |
| Personal trainer & fitness | Energetic indigo & violet, bold headings | Reviews-led | Personal training, Group classes, Nutrition coaching |
| Yoga & Pilates studio | Calm sage & blush, light type | Story-led | Yoga & Pilates, Group classes |
| Food & events |
| Bakery & cakes | Espresso & caramel, warm serif, gallery-led | Gallery showcase | Celebration cakes, Baked goods |
| Catering | Burgundy & sand, elegant serif | Photo-first | Catering, Private chef & meal prep, Event décor & hire |
| Restaurant & café | Brick & sand, warm and inviting | Photo-first | Dine-in, Takeaways & delivery, Functions & venue |
| Events & décor | Plum & rose, elegant serif, gallery-led | Gallery showcase | Event planning, Event décor & hire, Catering |
| Motor & transport |
| Motor mechanic | Steel & signal red, strong headings | Local tradesman | Vehicle services, Brakes, clutch & suspension, Diagnostics & repairs, Tyres & alignment |
| Panel beater | Graphite & yellow, before-and-after gallery | Gallery showcase | Panel beating & spray painting, Valet & detailing |
| Car wash & valet | Ocean blue & coral, short and simple | Compact | Car wash, Valet & detailing |
| Professional & other |
| Accounting & bookkeeping | Trustworthy navy & teal, classic serif | Story-led | Bookkeeping & accounting, Tax returns, Payroll, Business advice |
| Consulting | Indigo & violet, warm serif, story-led | Story-led | Consulting, Training & workshops, Business advice |
| IT & web services | Ink & sky blue, modern type | Reviews-led | IT support, Websites & digital, Alarms & CCTV |
| Photography & video | Black & gold, light type, big photos | Gallery showcase | Photography, Videography |
| Graphic design & print | Indigo & violet, friendly type, gallery-led | Gallery showcase | Graphic design, Websites & digital, Photography |
| Tutoring & education | Fresh emerald & mint, friendly type | Story-led | Tutoring, Exam preparation |
| Pet grooming & care | Ocean blue & coral, playful and friendly | Gallery showcase | Pet grooming, Dog walking, Pet sitting & boarding |
| Other business | Navy & teal, modern type — pick your own services | Classic | none (choose your own) |
Open
- Open ▾ → Open client…: choose the client's
site.json.
- Open ▾ → Open from backup…: see Opening a backup.
- Open ▾ → Import client (.web360)…: opens a client exported with Export ▾, as a new client (an existing one is never overwritten). The file is checked first; a damaged or edited export is refused.
- The last ten clients are listed under Recent clients in the Open menu and on the welcome screen. The × on a row (or Delete) takes it off the list; Clear all empties the list. Only the list changes: no client folders or files are deleted.
Close
Close saves the client, disconnects its live site and returns to the welcome screen. Close, Save and Build are only available while a client is open.
Saving
Changes save automatically shortly after you stop typing, when you switch client, and when you close the app. Save saves immediately. Undo and redo cover everything since the client was opened.
Export
- Export ▾ → Client project (.web360)…: the whole client in one file (details, pages, wording and every photo), to move it to another PC, send it to a colleague or keep a copy. Passwords are never included: after importing, type the contact form's mailbox password again (Pages & form).
- Export ▾ → Built website (.zip)…: the finished website files (builds first if needed), for a manual upload or hand-over. If the PHP contact form is on, the zip includes
private/mail-config.php with the mailbox password the live site needs — share it with care.
4. Business
| Field | Used for |
| Business name (required) | Header, page titles, footer, search engine details and the {Name} token. |
| Tagline | The small line under the name in the header, for example "Construction & Renovations". |
| Owner | About page and the {Owner} token. |
| Business type (Google) | Tells search engines what kind of business it is (for example General contractor). |
| Header brand text | How the name is split in the header: the second part is bold in the accent colour. Leave both blank to split before the last word. |
| Domain | The site's address without https://, used for links and the sitemap. |
| Town, Service area | Wording tokens {Town} and {Area}, the Where we work section and search details. |
| Short description | The sentence Google shows under the site name. Tokens work here. |
5. Contact
- Phone (required) and Second phone: click-to-call buttons and the contact page.
- WhatsApp: the WhatsApp button; blank uses the phone number.
- Email (required): where enquiries go.
- Street, Town / city: the contact page and map. Untick Show the street address for home-based businesses; only the town is shown.
- Hours: Mon–Fri, Saturday and Sunday. A blank line is not shown.
- Facebook, Instagram: social links in the footer and contact page.
6. Branding
Colours
Two colours make the whole palette: a dark main colour (header text, dark sections, footer) and an accent (buttons, highlights). Every other shade is worked out from these two. The notes underneath warn if the main colour is too light for white text, and say whether buttons will use white or dark text.
Ready-made pairs: Charcoal & copper, Forest & gold, Slate & orange, Navy & teal, Deep blue & sky, Midnight & amber, Graphite & safety yellow, Olive & terracotta, Burgundy & sand, Plum & rose, Black & rose gold, Emerald & mint, Ocean & coral, Espresso & caramel, Steel & signal red, Pine & lime, Indigo & violet, Charcoal & teal, Ink & sky, Brick & sand, Sage & blush, Black & gold (22).
Fonts
Sora + Inter (modern, the default), Montserrat + Source Sans (bold, classic), Oswald + Roboto (industrial), Playfair Display + Lato (elegant, for salons and boutiques), Poppins + Open Sans (friendly), Barlow Condensed + Barlow (strong, for trades), Raleway + Nunito Sans (light, stylish), Merriweather + Source Sans (trustworthy), Fraunces + DM Sans (warm, upmarket), Cormorant Garamond + Montserrat (luxury).
Style
Corners (soft, sharp, very round), buttons (pill, rounded, square), text size (15–19 px), section spacing (70–140 %), a light or dark header bar, and whether the header stays visible while scrolling. Custom CSS is added at the end of the site's stylesheet for anything else.
Logo
Pick the client's logo (and optionally a light version for the dark footer). Without a logo the site uses a generated mark: a glyph on a rounded square in the client's colours. Marks: double roofline, house, sunrise, bolt, drop, leaf, paint roller, sparkle, initials.
Page loader
A short animation the first time a visitor opens the site, with three status lines you can reword: house being built, brick wall going up, paint roller strokes, floor laid row by row, roof truss assembling, circle and tick, or no loader.
7. Services
Each service becomes a card on the Home page and a full section on the Services page.
- Add from trade list… adds ready-written services — over 100 in 14 categories (see the table below). Add blank starts an empty one.
- ▲ Up / ▼ Down change the order everywhere; Remove deletes one.
- Per service: name, short name (footer), icon, home card text, Services-page heading and intro, bullet points (one per line) and the photo beside it. Auto uses the first photo tagged with the service's name.
| Category | Ready-written services |
| Building & renovation | Construction & building, Renovations, Plastering, Groundworks & excavation, Carpentry & doors, Kitchens & built-in cupboards, Bathroom renovations, Welding & steelwork, Aluminium windows & doors |
| Finishes & floors | Painting, Tiling, Flooring, Epoxy flooring, Ceilings & drywall, Partitions & drywalling |
| Roofing & waterproofing | Roofing, Roof trusses & timber, Gutters & fascias, Waterproofing |
| Plumbing, electrical & energy | Plumbing, Geysers, Drains & blockages, Leak detection, Electrical, Electrical compliance (CoC), Lighting, Solar & backup power, Air-conditioning |
| Outdoor & garden | Landscaping & gardens, Garden services, Irrigation, Tree felling & pruning, Pool services, Paving, Boundary walls & fencing |
| Cleaning & home services | Cleaning, Carpet & upholstery cleaning, Window cleaning, Pest control, Maintenance & handyman, Removals & moving |
| Security | Alarms & CCTV, Gate & garage motors, Electric fencing, Locksmith |
| Nails & beauty | Manicures, Pedicures, Gel nails, Acrylic nails, Nail art, Lashes & brows, Waxing, Facials & skincare, Massage, Make-up, Spray tanning |
| Hair & barber | Haircuts, Hair colour, Braids, weaves & extensions, Styling & treatments, Barber cuts, Beard trims & shaves, Kids' cuts |
| Health & fitness | Personal training, Group classes, Yoga & Pilates, Nutrition coaching |
| Food & events | Celebration cakes, Baked goods, Catering, Private chef & meal prep, Event décor & hire, Event planning, Dine-in, Takeaways & delivery, Functions & venue |
| Motor & transport | Vehicle services, Brakes, clutch & suspension, Diagnostics & repairs, Tyres & alignment, Panel beating & spray painting, Car wash, Valet & detailing, Courier & deliveries |
| Professional services | Bookkeeping & accounting, Tax returns, Payroll, Business advice, Consulting, Training & workshops, IT support, Websites & digital, Photography, Videography, Graphic design, Tutoring, Exam preparation |
| Pets | Pet grooming, Dog walking, Pet sitting & boarding |
8. Photos
- Photo wizard… (first button on the Photos tab): add photos, choose the gallery groups (the services are suggested), sort photos into groups by selecting thumbnails and clicking a group or pressing its number (1–9; 0 = no group), label photos with services, choose the Home and About photos, fill empty captions with the group name. Nothing changes until Apply, and Ctrl+Z undoes it.
- Add photos… copies photos into the client's folder. Phone photos are turned upright automatically.
- ◀ Earlier / Later ▶ change the gallery order; Select all and Remove work on several at once.
- For the selected photo: gallery group, tag (usually the service), caption, alt text (for Google and screen readers; blank uses the caption) and Show in the gallery.
- Gallery groups: the gallery page shows one section per group, with filter buttons when there's more than one.
- Which photo goes where: the Home page main photo, the Home "why us" photo and the About page photo. Blank picks one automatically.
AccessibilityGive every gallery photo a caption or alt text. The Build check warns about photos without one.
9. Wording
All the site's headlines and paragraphs, grouped by page. Lists are one item per line; paired lists are written Title | Text. The picker at the top replaces all wording with a pack (Building, renovation & trades, or Other service business); this can't be combined with your own edits, so it asks first.
Tokens
Tokens in curly brackets are filled in from the client's details when the site is built:
| Token | Becomes | Example |
{Name} | Business name | Tinei Renovations |
{Owner} | Owner | Tinei Chimanga |
{Town} | Town | Strand |
{Area} | Service area | Strand, the Helderberg and greater Cape Town |
{Phone} | Phone | 081 427 0046 |
{Tagline} | Tagline | Construction & Renovations |
{ShortDescription} | Short description | (the whole sentence) |
{ServiceList} / {ServiceListCap} | Services as a sentence, lower-case / capitalised | painting, tiling and flooring |
{ServiceCount} / {ServiceCountWord} | Number of services, as digits / as a word | 6 / six |
Shared wording and own text
Sections normally use the shared wording, so a change shows everywhere that text appears. In the page editor a section can switch to Use own text on this section, which gives it a private copy; Share wording again goes back.
10. Pages & form
- Pages: Home, Services, About and Contact are always included. Tick Gallery, Quote / booking (otherwise the quote button goes to Contact) and Pricing.
- Price list: a line starting with
# starts a group; every other line is Item | Price | Note. Prices are shown as typed, for example "from R1 200".
- Extra pages: one per line,
Title | file-name | hidden. hidden leaves the page out of the menu. Easier: More ▾ → Add a page….
- Contact & quote forms: see Make the contact form email the client.
- Footer: the "Want a Website? Click Here to get Web360" link and the "Designed by StreamSoft" credit.
- Photos: the longest side of built photos (800–3000 px, default 1600) and JPEG quality (50–95, default 82).
11. The page editor
Selecting
Hover shows what you'd grab. A click selects a section (blue), an item such as a tick point or review (purple), or a piece of text or a photo (amber). The selected thing gets a small toolbar.
Editing
- Text: click to select, click again, double-click or Enter to type. Enter finishes; Esc cancels.
- Photos: double-click (or Change photo…) to choose another of the client's photos.
Moving
- Press and drag anything; the drag starts after a few pixels, so a plain click still selects. A line shows where it will land and the page scrolls near the edges.
- Sections: Ctrl+↑/↓. Text and photos: Alt+↑/↓ nudge (with Shift for bigger steps).
Right-click menu
Edit text, change photo, reset position, move, duplicate, add or delete an item, move the section, duplicate, copy, paste, hide or show, delete.
Section settings (right panel)
| Setting | Choices |
| Layout | The variants of that section, for example a centred hero or a full-photo hero. |
| Background | Automatic, white, light tint, dark (main colour), accent colour, or a photo with adjustable darkening. |
| Spacing | Normal, compact, roomy, no space. |
| Text alignment | Automatic, left, centred. |
| Show on | All devices, desktop & tablet only, phones only. |
| Anchor | A name so links can jump to the section, for example #reviews. |
| Extra CSS class | For custom CSS in Branding. |
Page settings
With no section selected, the right panel shows the page's title and description for search engines. Blank uses a sensible automatic text.
Building blocks
Page parts: hero, page header, services cards, service sections, how it works, why us, where we work, our story, values, FAQ, call to action. Content: price list, text block, photo + text, numbers, customer reviews, button, spacer / line, custom HTML. Media: photo gallery, photo banner, photo row, video. Contact: contact summary, contact details + form, quote / booking form, contact bar, map.
12. Layouts
- Page layouts: each page has several, for example Home (16): Classic, Photo-first, Services-led, Minimal, Trust-first, Gallery showcase, Story-led, Local tradesman, Bold banner, One-page, Reviews-led, Services & gallery, Video intro, Numbers first, Questions answered and Compact.
- Whole-site layouts (▣ Whole site in the picker): Classic, Photo-first, Minimal, Trust & reviews, Bold banners, Local tradesman, Story-led, Gallery showcase, Reviews-led and Compact. Every page is rearranged after you confirm.
- Saved layouts: Save this page's layout… keeps the arrangement (not the wording) for use on any page, for any client. Saved layouts are marked ★.
Applying a layout keeps all wording and photos; Ctrl+Z undoes it.
13. Devices, zoom and descriptors
- The phone, tablet and desktop icons show the page at that device's real size inside a device frame.
- Phone and tablet can be turned sideways: click the round arrow button left of the device. It rotates like the real thing and the page reflows at the landscape width (844 px on the phone, 1180 px on the tablet). Click it again to turn back. Each device remembers its orientation.
- Zoom at the bottom right of the preview: −, slider (25–200 %), +, and Fit. Ctrl + mouse wheel zooms too. The zoom is remembered.
- Settings ▾ → Descriptors: click text or a photo to see where it's stored, what else it changes and which parts are filled in automatically.
14. Building
- Output folder: where the finished site is written. Defaults to
Sites\<Business> Site.
- Check: lists errors (must be fixed) and warnings (worth fixing). Double-click a line to jump to its section.
- Build site: writes every page, the stylesheet, scripts, resized photos,
robots.txt, sitemap.xml, a README.md, and contact.php when website email is on.
- Rebuild safety: the folder gets a
.webbuilder.json list of the builder's files. Rebuilds only replace or remove files on that list. Building into a folder holding someone else's site asks before overwriting.
- Unchanged photos are reused instead of resized again, so rebuilds are quick.
15. Site Manager
Saved live sites, like FileZilla's Site Manager. Sites are saved for your Windows account, with passwords encrypted.
| Field | Notes |
| Protocol | FTP over TLS (explicit), FTP over TLS (implicit, usually port 990), SFTP (SSH, usually port 22), or plain FTP (not encrypted). |
| Host, Port | From the hosting control panel. Port 0 uses the protocol's default. |
| Username, Password | The FTP or SSH account. Show reveals the password while you type. |
| Website folder | Where the website goes. Browse server… lists the server's folders; double-click to open one and Use this folder to pick it. |
| Passive mode | Leave it on unless the host says otherwise (FTP only). |
| Live address | The site's address, for Open live site after publishing. |
| Security | The fingerprint of the certificate or host key you accepted. |
Buttons: Test connection, Use for this client (links the site to the open client, marked ●), Publish now… (only for the connected site), New site, Duplicate, Delete (nothing on the server is touched).
Certificates and host keys
When a server presents a certificate Windows doesn't trust, or an SSH key seen for the first time, you're shown why and its fingerprint, and asked once (the default answer is No). The choice is remembered for that site. Changing the host or protocol forgets it.
16. Connection status
The pill next to Site Manager shows the connection to the open client's linked site.
| Shows | Means | Click to |
| ● Connected — site | Logged in and kept open with a keep-alive every minute. | Disconnect |
| ● Connecting — site… | Logging in. | (wait) |
| ● Disconnected — site | You disconnected it. It won't reconnect by itself. | Connect |
| ● Connection lost — site | It dropped and one silent reconnect failed. | Reconnect |
| ● Not connected | No site linked, details incomplete, or the login failed (hover for the reason). | Connect; with no live site yet, set one up (Go-live wizard) or choose a saved one |
A client connects automatically when you open it, unless you disconnected it. Publish is only available while the status is green.
17. Publishing
- Publishing goes to the connected site only; the site can't be changed in the Publish window.
- Build the site first publishes exactly what the preview shows.
- Upload only files that changed compares each file with what was last sent to this site and folder. The record is kept in
.webbuilder-publish.json in the site folder (never uploaded).
- Remove files this builder uploaded before deletes files the builder uploaded earlier that the site no longer has, for example a deleted photo. Files the builder never uploaded are never removed.
README.md, .gitignore, CHANGELOG.md and the builder's own records are never uploaded.
- A failed file is listed and retried on the next publish; Cancel stops after the current file.
18. Backups
- Download any saved site's folder, including sub-folders, empty folders and hidden files. Read-only on the server.
- Each backup gets its own folder:
<backups folder>\<site name>\<yyyy-MM-dd HHmm>. A second backup in the same minute adds " (2)".
- When a client is linked to the site, the client project is copied into the backup first, so it can be opened later.
- For safety, symbolic links are never followed and file names that could escape the backup folder, or that Windows can't store, are skipped and listed in the log.
- The backups folder can be changed in the Backup window and is remembered.
19. Opening a backup
- Only WEB360 Builder backups open, and only when they contain a client project. Older backups (from before this feature) hold only website files.
- Every project file is checked against the checksum in
webbuilder-backup.json. Missing or changed files stop the restore.
- The client always opens as a new client, builds into its own "(restored …)" folder and stays linked to the same live site.
- If the site isn't in the Site Manager, it's added without its password.
20. Wizards
| Wizard | Opens from | Does |
| First-run setup | First start; Help ▾ → Run a wizard | Folders, a screen tour, first client. |
| New client | New client; welcome screen | Business, contact, services, look, photos, layout → a complete draft. |
| Go live | Help ▾ → Run a wizard; the red status when the client has no live site yet | Hosting details, trusted connection, website folder, link and first publish. |
| Backup & restore | Help ▾ → Run a wizard | Guided backup, or guided opening of a backup. |
| Photo wizard | Photos tab → Photo wizard…; Help ▾ → Run a wizard | Photos, gallery groups, sorting into groups, service labels, which photo goes where, captions. |
Every wizard shows its steps on the left. Back and Next move between them; nothing is created until the last step.
21. Keyboard shortcuts
| Keys | Does |
| F1 | Help for the current screen |
| Ctrl+S | Save |
| Ctrl+Z / Ctrl+Y | Undo / redo |
| F5 | Refresh the preview |
| Enter | Edit the selected text; finish editing |
| Esc | Cancel editing or a drag |
| Ctrl+C / Ctrl+V | Copy / paste a section |
| Ctrl+D | Duplicate the selected section |
| Delete | Delete the selected section or item |
| Ctrl+↑ / ↓ | Move the selected section or item |
| Alt+↑ / ↓ | Nudge text or a photo (Shift: bigger steps) |
| Ctrl + mouse wheel | Zoom the preview |
| ↑ / ↓ in the section list | Switch sections |
22. Command line
For scripts and automation. --new and --build need an active license (see License and subscription).
| Command | Does |
StreamSoft_WEB360_Builder.exe "<client folder>" | Opens the client in the app. |
--wizard first-run|new-client|go-live|backup|restore|photos (optionally with a client folder) | Opens the app straight into that wizard, for example for a desktop shortcut. |
--new "<folder>" --name "Business" [--type nails|plumber|…] [--pack trades|services] [--trades painting,tiling] [--scheme 1-22] [--photos "<folder>"] | Creates a client without the app. |
--build "<client folder>" [--out "<folder>"] [--force] | Builds the site. Exit codes: 0 built, 1 errors, 2 folder holds someone else's site (use --force), 3 usage or unexpected error, 4 not licensed. |
23. Files and folders
| What | Where |
| App settings (folders, recent clients, saved layouts) | %APPDATA%\StreamSoft\WebBuilder\settings.json |
| Saved live sites | %APPDATA%\StreamSoft\WebBuilder\sites.json (passwords encrypted) |
| Clients | Documents\StreamSoft WEB360 Builder\Clients\ (changeable) |
| Built sites | Documents\StreamSoft WEB360 Builder\Sites\ (changeable per client) |
| Backups | Documents\StreamSoft WEB360 Builder\Backups\ (changeable) |
| Exports (.web360 clients, website .zip) | Documents\StreamSoft WEB360 Builder\Exports\ (suggested; save them anywhere) |
Installs from before the product was renamed (StreamSoft Web Builder) keep using Documents\StreamSoft Web Builder\; nothing is moved. |
| Preview files | A temporary folder, recreated as needed |
24. Security and privacy
- FTP, SFTP and SMTP passwords are encrypted for your Windows account (Windows DPAPI). Another Windows account or PC can't read them.
- Backups and their manifests never contain passwords.
- Server certificates and SSH host keys are checked; unknown ones need your approval once, and a changed one asks again.
- Plain FTP sends the password unencrypted; the Site Manager and Publish window warn about it.
- Photos are saved without location or camera data when the site is built.
- The SMTP password is only written to
private/mail-config.php in the built site (listed in its .gitignore), never into the preview.
25. Troubleshooting
The login is refused
Check the username and password in the Site Manager. Many hosts use the full email-style FTP username, for example web@example.co.za.
The host name can't be found
Check the spelling. Some hosts give an IP address instead of a name; that works too.
Timed out or connection refused
Check the protocol and port. FTP over TLS usually uses 21 (explicit) or 990 (implicit), SFTP uses 22. Some networks block FTP; try another connection.
"The secure (TLS) connection couldn't be set up"
Try the other FTP over TLS option, or plain FTP if the host has no TLS. If you declined a certificate, run Test connection and accept it.
The status stays red after opening a client
Hover over it for the reason. "Certificate hasn't been accepted" means: Site Manager → Test connection → accept.
Publish is greyed out
The client's live site isn't connected. Click the status to connect, or link a site in the Site Manager.
The live site doesn't show my changes
Refresh with Ctrl+F5. If the site shows the host's default page, the website folder is wrong.
Enquiries don't arrive
Check the client's spam folder, the SMTP server, port, security and mailbox password, and that the hosting runs PHP.
A backup won't open
Only WEB360 Builder backups with a client project open. The message lists missing or changed files; use an earlier backup if the project was damaged.
26. License and subscription
The WEB360 Builder needs an active StreamSoft license on each PC, like every StreamSoft app. Until it has one, the window shows Activate StreamSoft WEB360 Builder and nothing else works.
- Click Enter license key… (or Help ▾ → Licensing…).
- Type the key and click Activate. The key is checked with StreamSoft's license server.
- The window unlocks straight away; the status bar shows your subscription (click it to open Licensing again).
One plan: R399 per month, monthly subscription. Everything is included (the visual editor and preview, layouts, Build site, the Site Manager, Publish, Backup and restore, and the command line), and there's no limit on the number of websites you create.
The license is re-checked every few minutes; if the server can't be reached, the app keeps working for up to 30 days. Validate in Licensing always asks the server first and only falls back to the offline grace if the server can't be reached (it tells you why); a key the server rejects is never covered by the grace. To move the license to another PC, Deactivate it in Licensing first, then activate on the new PC.
Glossary
- Accent colour
- The bright brand colour for buttons and highlights.
- Alt text
- A description of a photo for screen readers and search engines.
- Anchor
- A name for a section so a link can jump to it, for example
#reviews.
- Build
- Turning the client project into the finished website files.
- Fingerprint
- A short code that identifies a server's certificate or SSH key.
- FTP / FTPS / SFTP
- Ways of sending files to hosting. FTPS is FTP with encryption; SFTP runs over SSH.
- Manifest
- A list the builder keeps of its own files, so it never touches anything else.
- Section
- One block of a page, such as the hero or the reviews.
- Token
- A placeholder like
{Town} that becomes the client's real detail.
- Website folder
- The folder on the server that visitors see, usually
public_html.