Pages, settings, and publishing
Save and preview layouts, manage page paths and SEO, upload branding, and control which pages are public.
Studio manages the current page's layout separately from its publication status. Page settings and website-wide settings have their own save actions, while branding uploads take effect as soon as the upload succeeds.
Save the current layout
- Check the page name in the header.
- Finish any inline text edit by clicking outside the text.
- Click Save.
- Wait for saving to finish and for Page saved successfully.
- Save before switching pages, leaving Studio, or refreshing.
Ordinary typing, drag-and-drop, and style edits are not continuously autosaved. Some media-field changes trigger a page save, and completed AI generations save Home directly, so the absence of a manual Save click is not a privacy boundary.
Saving a draft keeps it a draft. Saving a published page updates its stored layout without creating a separate unpublished revision. Assume saved changes to a published page can become visible to visitors.
Choose the right preview
Preview the current canvas
Use the eye-icon Preview control beside Templates.
This removes editing outlines and drag controls from the current canvas, including unsaved changes. Test visible links and interactive elements, and use the bottom viewport controls to inspect different widths.
Click Exit preview to return to editing. Preview mode does not publish the page.
Open the saved-page Preview
On wide screens, the separate Preview link with an external-link icon opens a new tab.
- It starts at the website's home page, even when another page is selected in Studio.
- It reads saved, published and active page content through the public viewing flow.
- It is not a private preview of an unpublished draft.
- Internal page links change the path shown in the preview bar; anchor links stay within the page.
If the new tab does not show your edits, save first, check which page it is displaying, and confirm that the page is published and the website is online. Use in-canvas Preview to review a draft without publishing it.
Create and switch pages
Create inside Studio
- Open the page-name menu in the header.
- Choose Add new page.
- Enter a page title, such as
Our services. - Enter a URL path, such as
/services. - Choose Create page.
- Build and save the new page.
New pages start as Draft. Paths are normalized to lowercase with a leading slash. Use a simple, unique path; another page in the same website cannot use the same path.
Create from the dashboard
Open the website's Pages screen and choose New Page. Enter Page Title and Route Path (URL), then choose Create Page. Open the result with Open in Studio.
Additional pages depend on your workspace's multi-page entitlement. The dashboard shows Upgrade for Multi-Page when the package does not allow another page. If creation fails in Studio, check your plan and try a different path.
Switch pages
Save the current layout, then choose another page from the header menu. The page at / carries the Home badge.
Creating a page does not automatically add it to a navigation menu. Add or update the appropriate link or button in the canvas and test it.
Change a page's title, path, and locale
- Select the page you want to configure.
- Open the page-name menu.
- Use that page's Page Settings gear. On pointer devices, the row actions appear when you hover the page row.
- In Page Settings & SEO, edit Page Title, URL Path, or Locale.
- Choose Save Settings.
- Reopen the settings to confirm the saved values, then check the page in Studio.
Locale choices are English, Spanish, French, German, Japanese, and Arabic. Selecting a locale records the page's language choice; it does not translate the page's text for you.
Changing the path changes the address you should link to. Review navigation, buttons, and any links you have already shared. Do not assume an automatic redirect exists from the old path.
Keep / for your home page unless you have a deliberate plan for replacing that route.
Set page SEO
With the advanced SEO entitlement, Page Settings also exposes:
- SEO meta title
- SEO meta description
For example:
| Field | Example |
|---|---|
| Page Title | Our services |
| URL Path | /services |
| SEO meta title | Furniture repair services in Bristol - Cedar Workshop |
| SEO meta description | Explore Cedar Workshop's chair repairs, veneer restoration, and furniture refinishing services in Bristol. |
Use a title that identifies the page and a description that accurately summarizes it. Save with Save Settings.
If the dialog shows Advanced SEO is locked, custom search titles and descriptions require a different entitlement. Compare plans opens the billing page.
These controls configure metadata; they do not guarantee how a search engine displays a result or when it updates its index.
Set global SEO, logo, and favicon
Open the globe-icon Website Global Settings (Global SEO & Icons) control beside the page menu.
Global SEO
With advanced SEO, edit the global website SEO title and description, then choose Save Global Settings.
Keep the global copy about the website as a whole. Use Page Settings for page-specific copy. Verify the public result rather than assuming that every route uses the same global metadata fallback.
Upload a branding logo
- Prepare the logo image.
- Choose Upload Logo in Global Settings.
- Select the file and wait for the upload confirmation.
- Check the logo preview.
The dialog recommends JPG, PNG, or SVG up to 2 MB. This is the website's branding asset, not a command to replace every image already placed in the page. Inspect the relevant canvas image separately if a header or section still shows a different logo.
Upload a favicon
- Prepare a small, recognizable browser icon.
- Choose Upload Favicon.
- Select the file and wait for the upload confirmation.
- Check its preview.
- Use Save Global Settings to save any accompanying global settings changes.
The favicon picker accepts ICO, PNG, or JPG. The dialog recommends a maximum of 256 KB.
Uploads are immediate. A successful logo or favicon upload stores the new branding reference and replaces the previous asset. Choosing Cancel afterward does not undo that upload. Keep an original copy of branding files if you may need to upload them again.
The size recommendations above are the guidance shown in this dialog; upload acceptance can also depend on the server's file and storage limits.
Publish a page
Before publishing, review:
- Copy, spelling, contact information, and business claims.
- Image choices and any available alternative-text fields.
- Desktop, Tablet, and Mobile layouts.
- Navigation, section anchors, and button destinations.
- Page title, URL path, locale, and available SEO fields.
- Forms and other interactive elements relevant to the page.
Then:
- Click Save and wait for confirmation.
- Open the Draft status menu in the header.
- Choose Publish this page.
- Check that the status changes to Published.
- Open the saved-page Preview and verify the page.
- Check the public website address separately before sharing it.
Publication is per page. Publishing Home does not publish every other page.
Unpublish a page or take the website offline
To unpublish the current page, open its Published menu and choose Switch to Draft. The saved layout remains available in Studio, but the page is no longer eligible for public rendering.
Switching to Draft does not preserve an older public version while you work. If you unpublish a live page, visitors lose access to that page.
Website availability is separate from page status. A website explicitly taken offline remains offline even when one of its pages is published. Use the website dashboard's availability controls to bring it online again; Studio's page menu does not override the offline setting.
When no published pages remain, the website is treated as a draft. At least one published page is required to bring a website online.
Delete a page
- Confirm you no longer need the page or its URL.
- Open the page menu and choose the page's Delete Page action, or use Delete Page on the dashboard Pages screen.
- Read and confirm the deletion dialog.
- Remove navigation links that pointed to the deleted page.
The home page at / cannot be deleted through these controls. There is no page trash or restore action in this flow. Canvas Undo and AI History are not page-deletion recovery tools.
If a change does not appear
| Symptom | What to check |
|---|---|
| Canvas looks right, but the separate Preview is old | Save, refresh the preview, and check its current path. |
| A new page is absent from the public view | Confirm Published status, website availability, and the link destination. |
| A draft cannot be reviewed in the new-tab Preview | Use the in-canvas Preview; the new-tab flow reads public page content. |
| A page cannot be created | Check editing permission, multi-page entitlement, and path uniqueness. |
| Custom SEO fields are missing | Check for the advanced SEO entitlement. |
| A logo upload did not change a canvas image | The branding asset and the placed image are separate; inspect the image's own field. |
| AI changed Home instead of another page | AI persistence currently targets Home. Use manual canvas editing for secondary pages. |
Return to the Studio tour, Canvas editing guide, Styling guide, or Opal AI guide.