PCG website design steps

Designing website with PCG is easy and contain four steps.

  1. Settings
  2. Design
  3. Deploy and Preview
  4. Download


In settings you need to provide the high-level details of your website for generating the template file and home page of your websites. Other pages are generated based on the actions created in design and uses the same template. The following details are captured in settings.

  • Name : Name of the website appear as the title near to the logo in the top
  • Domain: Appear in the footer of the website.
  • Logo: Appear in the top of the page
  • Theme: Will be used in future for generating different template based on theme selected
  • Jumbotron Heading: The marketing heading on the top the home page.
  • Jumbotron Content: The message appear together with the marketing heading.
  • Home Heading: Heading for the content in the home page.
  • Home Content: Home page content.
  • Carousel Images: Images for the home page slideshow.



In design the modules, fields and actions are defined for the website. Modules are core part of the dynamic website and reflect tables in the database. Fields are column in the database. Actions are pages for interacting with the module data. Menu is generated for actions on the module and grouped by module name.


Deploy and Preview

Here you deploy the website in our server in a demo folder and test the generated website for further modifications. You can go back to design and add/update modules, fields, action and templates. Once you are happy with the generated website you can go ahead to the next step and download your website.



After testing your website if you are satisfied you can download the website. You need to purchase website download credits before downloading the websites. You can purchase download credits here.


Back to academy home