Review generated pages
Inspect navigation, layout, content, imagery and responsive behavior.
▤ OMEGA WEB PRO DOCUMENTATION • BUILDER LIVE PREVIEW
Inspect the Generated Website Before You Purchase It.
Builder's live preview is the first of Omega Web Pro's two preview systems. It exists to show the generated project in responsive viewport modes, verify that core generated assets load and let the visitor review the website before beginning the paid lifetime-domain licence workflow.
Public before purchaseDesktop/tablet/mobileReal generated projectIsolated temporary deliveryCSS healthJavaScript healthImage health
PUBLIC PREVIEW • RESPONSIVE • ASSET HEALTH • BEFORE PURCHASE
BUILDER PREVIEW HEALTH● CURRENT PLATFORM REFERENCE
DocumentationPurposeResponsive ModesHealth GateSecurity BoundaryPurchase BoundaryEditor PreviewTroubleshooting
✓ CSS loaded✓ JavaScript loaded✓ Images loaded
Purpose
The Builder preview is a generation-review environment, not the customer's permanent hosting.
It proves that the generated site can be delivered through the preview layer and gives the visitor a practical review surface.
Health validation
Confirm critical generated assets load before the workflow advances.
Temporary delivery
Preview URLs/workspaces are temporary infrastructure and are not intended to become the production website.
Viewport controls
Switch between desktop, tablet and mobile preview containers.
These controls help find layout problems before purchase and deployment.
Desktop
Review full navigation, wide sections, grids, tables and large-screen composition.
Tablet
Review intermediate layout behavior, wrapping and responsive component transitions.
Mobile
Review navigation, text size, stacking, touch targets and narrow-screen media behavior.
Asset checks
A visually open iframe is not enough—the required project assets must load.
The preview sends health signals for the generated project.
CSS loaded
Core styling must be available to the preview.
JavaScript loaded
Generated site JavaScript must be deliverable.
Images loaded
Generated image delivery is checked.
Gate result
When required health checks succeed, the workflow can expose the next allowed export/purchase action.
Isolation
Preview delivery is separated from the private generation workspace.
The public preview should not expose arbitrary private workspace paths or internal server configuration.
Tokenized/controlled access
Preview delivery is project-specific rather than a public directory listing.
No private credentials
API keys, SMTP passwords and other private server settings must never appear in generated preview JavaScript or downloadable ZIPs.
Not production hosting
The preview is temporary and should not be indexed or treated as the customer's deployed website.
After preview
Purchase is intentionally after the customer has seen the generated website.
The exact generated project/domain is then carried into the pending-order and Stripe workflow.
Purchase This Website
Starts the paid licence process for the selected project/domain.
Pending checkout
An unpaid order can appear in My Account for a signed-in purchased customer and can later be resumed or deleted.
Paid licence
Successful server-side payment verification creates/updates the permanent licence relationship and authorizes licensed export.
Do not confuse the two previews
Website Editor preview is a separate paid-customer workflow.
Builder preview shows a generated build. Website Editor preview shows valid in-progress source edits for an already licensed website.
Builder preview
Public, generation-focused, available before purchase.
Website Editor preview
Private, licensed-project code-editing preview with live validation, version history and server-side save checks.
Preview problems
If preview health does not pass, diagnose the actual asset delivery problem.
Do not bypass the gate simply to expose a broken ZIP.
Unstyled preview
Check generated CSS existence/path and preview-delivery access.
Interactions missing
Check generated JavaScript existence/path and browser console/network errors.
Broken images
Check generated filenames, responsive source paths and preview image delivery.
Retry build stage
If a continuation stage failed, use the available retry/recovery path before starting over unnecessarily.
Omega Web Pro documentation
Preview is where you verify the generated website before buying it.
Open Builder, generate a real project and review all responsive modes before starting Stripe Checkout.