Creating Custom Pages

You can create static and dynamic custom pages directly from the template files editor on the Admin Panel.

Pick the static custom page tutorial if you have no experience in web development and want to create a page using our built-in editor.

Pick the dynamic custom page tutorial if you want to build a custom page using React, HTML, and CSS.

Creating a Static Custom Page

Static custom pages are ideal if you want to display simple information on your User Portal and you have little to no web development experience.

For example, a page dedicated to your team with their photo and a bio or a page dedicated to the values and rules of your space

1. Log in to dashboard.nexudus.com if you aren't already.

2. Click Settings > Web template editor. 

3. Click on Pages & components.

4. Click Add file.

5. Name the file adding .htm at the end of the name.
   

6. Press Enter on your keyboard.

Your custom page's record pops up.

Now that you created your page, you'll need to tweak a few of its settings and add your content.

1. Add a Title for your custom page.

2. Edit the Permalink for your custom page.

3. Add your custom page's content in the Contents field.

4. Click Select file if you want to include an Image between the page's title and its content.

5. Enable the This page is active toggle.

6. Select Public in the Visibility section.

7. Click the Save button. 

Your page is now published on your User Portal under the Community menu.

Creating a Dynamic Custom Page

Dynamic custom pages are ideal if you want an interactive page on your User Portal and you have a solid web development experience.

For example, a page where customers can select from different options and be taken to a different page based on what the option they selected.

1. Log in to dashboard.nexudus.com if you aren't already.

2. Click Settings > Web template editor. 

3. Click on Pages & components.

4. Click Add file.

5. Name your file and add .js, .jsx, .htm or .css at the end of the file name.

Your custom page's record pops up.

Now that you created your page, you can start adding your code to the file. You can easily save your edits by clicking on the Save button at the bottom of the page.

The page is active by default, but you can easily disable it by clicking on the File details tab in the top right corner of the page.

Custom Page Fields

All the custom page fields available are listed below.