Web on Demand Website Builder

By Web on Demand

Overview

Build, edit, and publish complete websites directly from ChatGPT using Web on Demand. Create responsive, production-ready websites with modern layouts, custom content, and interactive features—then deploy them instantly without complicated setup, plugins, or traditional back-end development.

Tools

get_wod_build_status

ChatGPT

Returns the current website build and preparation status, preparation identifier when available, generation diagnostics, and any build error for this conversation.

load_wod_website_source

ChatGPT

Returns the authoritative current Web on Demand website source and stored design context associated with this ChatGPT conversation.

prepare_wod_website

ChatGPT

Accepts the full website and image manifest for deployment review. ALL image references MUST appear in HTML attributes or per-element inline styles, never in shared CSS. The examples below are canonical and should be imitated; image URLs in CSS are forbidden. Generates requested images, resolves tokens, normalizes/validates source, and creates the review state. IMAGE PLACEMENT: ZERO image references in code.css or code.head. Every image URL or ##AIImage:id## token belongs in page HTML attributes (src/srcset) or an HTML element's own inline style attribute. CSS can set layout, cover/position, gradients without image URLs, and fonts. DO NOT (code.css): .hero-image { background-image: linear-gradient(180deg,transparent,#080d16),url('##AIImage:hero_main##'); } DO THIS (page HTML): <section class='hero-image' style="background-image:linear-gradient(180deg,transparent,#080d16),url('##AIImage:hero_main##')">Hero content</section> DO THIS (code.css): .hero-image { background-size:cover; background-position:center; } DO NOT (code.css): .hero::before { content:''; background-image:url('##AIImage:hero_main##'); } DO THIS (page HTML): <div class='hero-media' style="background-image:url('##AIImage:hero_main##')"></div>; use CSS only for .hero-media layout and non-image effects. DO THIS (page HTML): <img src='##AIImage:gallery_1##' alt='Relevant description'>. Never put an image URL into a CSS custom property, mask, content, pseudo-element, @keyframes, or image-set().

publish_wod_website

ChatGPT

Publishes a validated prepared website as a new public Web on Demand website or as an update to the website associated with this conversation. Repeating the same preparation is idempotent.

redeploy_wod_version

ChatGPT

Publishes an immutable historical Web on Demand code snapshot as a new deployment version while preserving version history.

show_wod_setup_choices

ChatGPT

Displays an interactive setup card for selecting website format and visual style. Accepts a request summary plus optional preselected format and style values.

upload_wod_images

ChatGPT

Import user-supplied ChatGPT image attachments for this conversation's website. Call only when the user supplies images to use on the website. Accepts JPEG, PNG, GIF and WebP, up to 10 files per call, 10 MiB per file and 50 MiB per call. Saves private staged copies now; Publish installs referenced images in the verified website's Images folder after deployment approval. Does not create a website or modify the live site. Use htmlReference only in page HTML attributes or inline styles; cssReference is legacy and must NOT be placed in CSS. Preserve each image's intended subject/use; do not silently substitute stock images when an upload fails. The same file in this conversation is reused safely. USER IMAGES: When the user attaches images, call upload_wod_images with the actual ChatGPT file objects before generating the website. Never invent a download URL, file ID, or filename. Use returned htmlReference in page HTML attributes or inline style attributes only. cssReference remains in the API solely for backwards compatibility and MUST NOT be used in code.css. For server-generated images, use ##AIImage:<id>## only in page HTML or inline style. For existing-site edits call load_wod_website_source first. If import fails, explain the failure plainly without substituting a different image. IMAGE PLACEMENT: ZERO image references in code.css or code.head. Every image URL or ##AIImage:id## token belongs in page HTML attributes (src/srcset) or an HTML element's own inline style attribute. CSS can set layout, cover/position, gradients without image URLs, and fonts. DO NOT (code.css): .hero-image { background-image: linear-gradient(180deg,transparent,#080d16),url('##AIImage:hero_main##'); } DO THIS (page HTML): <section class='hero-image' style="background-image:linear-gradient(180deg,transparent,#080d16),url('##AIImage:hero_main##')">Hero content</section> DO THIS (code.css): .hero-image { background-size:cover; background-position:center; } DO NOT (code.css): .hero::before { content:''; background-image:url('##AIImage:hero_main##'); } DO THIS (page HTML): <div class='hero-media' style="background-image:url('##AIImage:hero_main##')"></div>; use CSS only for .hero-media layout and non-image effects. DO THIS (page HTML): <img src='##AIImage:gallery_1##' alt='Relevant description'>. Never put an image URL into a CSS custom property, mask, content, pseudo-element, @keyframes, or image-set().