Add Modules to a Page
  • 20 Jul 2021
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

Add Modules to a Page

  • Dark
    Light
  • PDF

Article summary

Use the AppCMS menu to add modules (page sections) to a specific page. You can drag and drop the desired module into an existing page, or start with a new page and add multiple modules.

An example provided below shows how to add a Masthead, a Carousel, a Tray and a Footer to a Home Page. For demonstration purposes, the original Template Page modules have been deleted

  1. From the AppCMS menu, go to Template Builder > Pages, click on Modular Pages and select one of the pages available. In this case we access Home Page.

access blocks1

  1. Once on the Home Page, click on Add Modules from the top navigation. A side menu will open, displaying different types of modules available to add to the page.

masthead0

  1. Scroll down until you find the Masthead category, click and drag the Masthead option into the main window. You will see the Masthead Navigation module appear on the page layout.

masthead1(1)

masthead2

  1. Again click on Add Modules from the top navigation, and scroll down on the side navigation to Carousels. Click and drag the Carousel option into the main window. You will now see the Carousel module appear on the page layout.

carrousel0

carrousel1(3)

This same process can be followed for any other page, subpage, section or module within the Template Builder. Keep in mind that you can add as many of the same module as desired, we'll continue building a Page and show this case with Trays.

  1. Click on Add Modules from the top navigation, and scroll down on the side navigation to Trays. Click and drag the Hover Tray option into the main window. You will now see the Tray module appear on the page layout.

hover0

hover1(1)

  1. Click Add Modules from the top navigation, and scroll down on the side navigation to Footer. Click and drag the Small Footer option into the main window. You will now see the Footer module appear on the page layout.
  2. Add a Refer & Earn module to your page.

footer0

footer1(1)

Congratulations, you have now built a full page with different kinds of Modules!
Continue to the next section, Editing Modules, to learn how to configure them to display your content.


Was this article helpful?