Start a project from a template

PGB Studio (at studio.pgbhub.com) builds websites and small apps. The quickest start is a template: a finished design that you configure with a form, without writing code.

Pick a template

1. Open studio.pgbhub.com. Scroll to Start from a template. The subtitle reads "Pick one, fill in your details, see it live."
2. Optionally type in Search templates and press Enter.
3. Each card shows the name, its package name, a summary and categories. Choose Use this template. Use Show more to load further results.

PGB's own templates include Business Website, Product Landing Page, Portfolio and Restaurant Menu. Anyone can publish more. See Templates in the Marketplace.

Fill in the form

The template opens in a configurator with a form on the left and a Live preview on the right. On a phone, switch between Customise and Preview with the tabs at the top.

1. Type a Project name. It starts as the template's name.
2. Work through the form sections. For Business Website these are Business, Look, Content and Contact, with fields such as Business name, Slogan, About us, Industry, Brand colour, Logo, Sections to show, Services and Contact email.
3. Fields marked with a red star are required.
4. Use the device buttons above the preview (Phone size, Tablet size, Desktop size) to check it on each screen.

The preview updates as you type. If you are not signed in you can look around and fill in the form, but the live preview and Create project need you to Continue with PGBHub.

Field types

• Colours have a colour picker and a hex box (for example #2563EB), with a button to clear it.
• Images and files upload from your computer, up to 2 MB each. Pictures can be png, jpg, webp, gif, svg or ico.
• Lists such as services let you add and remove items.
• Some fields only appear when another is switched on, such as a pricing note when Show prices is on.

Create the project

Choose Create project. If something needs attention you see "Some values need attention. Fix the fields marked below." Otherwise Studio creates the project and opens the editor. The note beside the button says "You can change everything later." Later changes are made from the Customise panel. See Customise a template project.

Good to know

• Use your own business's real details; the defaults are samples.
• Your uploads are copied into the project, so you do not need to host them anywhere.
• A project from a template remembers which template and version it came from.