Template Files Editor

Learn more about the template editor and how you can customize your space's website.

Any user with access to the admin portal can access the template files editor. The editor lets you view and edit the different template files that define the content and layout of your members portal.
You can also edit the templates used to generate invoices and statements for your space.

  We always recommend you hire a professional developer to customize your website. You can also get in touch with our support team for simple editing requests such as hiding a section of the portal.

Opening the Template Editor

  1. If the side menu is not visible, click .
  2. In the side menu, click Settings.
  3. Click Website in the Features section.
  4. Click the Templates tab.
  5. Click Open template files.
  6. If you manage more than one space, select the relevant location from the first dropdown list in the top left corner of the page.
    mceclip0.png

  7. Select the relevant version from the second dropdown menu in the top left corner of the page.

You can now edit the different folders and files available in the template files editor. 

Template Editor Details

The website editor is divided in four folder: 

mceclip0.png

 

Number

Folder

Description

1

Common files

This folder stores the default files for every page of your website.

Although anyone with an admin account can edit template files, we recommend that only qualified developers customise these files.

You cannot delete any of the files in this folder. You also cannot add new template files to the folder.

Read more about working with common files here.

2

Custom pages

You can create and edit custom pages directly in the Nexudus template editor.

You can choose to make these pages completely private, visible to all customers, password protected or only visible to logged in members.

When you upload a new custom page you can also choose its language on your website.

Learn about adding custom pages here.

3

Custom files

You can add, edit, and delete the files in this folder. These files are divided into the following categories:

  • Audio files
    Page dedicated to storing new audio files that you can link to directly from the template editor.
  • Image files
    Page dedicated to storing new images that you can link to directly from the template editor.
  • Image gallery
    Page dedicated to storing images for the slideshow of your website's home page.
  • Video files
    Page dedicated to storing new videos that you can link to directly from the template editor.
  • Other files
    Page dedicated to storing any auxiliary files, such as .js or .css files, that you can link to directly from the template editor.

Learn about custom files here.

4

Dropbox 

You can connect folders from your Dropbox account to the template editor in Nexudus. 

Learn about connecting Dropbox to the template editor here.

 

Members Portal Versions

Depending on the version of the portal you use, you'll have access to a different set of template files. To figure out which version of the portal you're using, you can just look at your Common files folder.

The table below shows you what each version looks like:

Version 2  Version 3
mceclip2.png mceclip2.png

Once you've found which version of the portal you're using, click on either of the links below to get more information on how you can customize your members portal:

Common Files

The common files folder includes all the files that make up your website. You can customize any of the files that Nexudus makes available through the template file editor. You cannot delete common files. You also cannot add custom files to the common files folder. 

 These files should only be edited by professional developers or individuals with a solid understanding of HTML, CSS, ReactJS, and JavaScript.

Custom Pages

You can create, edit, and delete custom pages directly in the template editor. 

Creating Custom Pages 

  1. If the side menu is not visible, click .
  2. In the side menu, click Settings.
  3. Click Website in the Features section.
  4. Click the Templates tab.
  5. Click Open template files.
  6. Click on Custom Pages and then Add new custom page.
  7. Give your custom page a name. Make sure to include the right file extension such as .css or .js.
  8. Select a language from the File Language dropdown menu.
  9. Select a location from the Location dropdown menu.
  10. Select a version from the Template version dropdown menu.
  11. Add your code in the File Content text box. 
  12. Select if you want to make the page active and choose a visibility option from the dropdown menu. 
  13. Click Save

You page now appears in the custom files folder.  

mceclip5.png

Example of a custom page file.

Editing Custom Pages 

  1. If the side menu is not visible, click .
  2. In the side menu, click Settings.
  3. Click Website in the Features section.
  4. Click the Templates tab.
  5. Click Open template files.
  6. Click on the Custom pages folder and click on the custom page you want to edit.
  7. Edit the page as needed. 
  8. Click Save changes.

Deleting Custom Pages 

  You cannot recover custom pages once they're deleted.

  1.  If the side menu is not visible, click .
  2. In the side menu, click Settings.
  3. Click Website in the Features section.
  4. Click the Templates tab.
  5. Click Open template files.
  6. Click on the Custom pages folder.
  7. Click on the cross next to the custom page you want to delete. 

                                        mceclip6.png

  8. Click Yes to confirm your choice. 

Custom Files 

You can upload and delete custom files directly from the template files editor.

Adding Custom Files

  1. If the side menu is not visible, click .

  2. In the side menu, click Settings.

  3. In the Features section, click Website.

  4. From the list of tabs, click Templates.

  5. Click Open template files.

  6. Click Custom files.

                       mceclip7.png

  7. Do one of the following:

    • To upload an audio file, click Audio files > Add new audio file.

    • To upload an image, click Image files or Image gallery > Add new image.

    • To upload a video file, click Video files > Add new video file.

    • To upload other files, click Other files > Add new file.

  8. Click Upload file, select a file from your computer, and click Open.

    mceclip9.png

  9. Type a name for your file in the Name field. This name will appear in the file's URL address.

  10. Type a description for your file in the Description field.

  11. If you manage more than one space, make sure the right location is selected in the Location dropdown menu.

  12. Click Save. 

Deleting Custom Files

 You cannot recover custom files once you've deleted them.

  1. If the side menu is not visible, click .

  2. In the side menu, click Settings.

  3. In the Features section, click Website.

  4. From the list of tabs, click Templates.

  5. Click Open template files.

  6. Click Custom files.

  7. Click one of the following folders:

    • Audio files

    • Image files

    • Image gallery

    • Video files

    • Other files

  8. Hover your mouse pointer over the file that you want to delete.

  9. Click   .

 10. Click Yes to confirm. 

 

Dropbox

As we've mentioned in previous sections, your Nexudus website can be customised via the template editor. You have access to all of the template files used for the website (html, css, js). However, many web designers prefer to work in their own development environments rather than directly in the Nexudus template editor. That's why the platform is synced with Dropbox, so that you can sync the website files to your Dropbox account. If you change a file on Nexudus, it will automatically sync with the Dropbox account that you've configured, and vice versa, if you change a Dropbox file, it will automatically update on Nexudus.‌
 

Connecting Nexudus to your Dropbox Account

settings_dropbox.png
Connect your Dropbox
 

There is only one requirement for this integration: you need to have an account on both of the platforms. If you don't have a Dropbox account, you can sign up for one on the Dropbox website.‌

  1. If the side menu is not visible, click .

  2. In the side menu, click Settings.

  3. Scroll down to Website.

  4. Click Templates, then click Open template files. In the side menu you will see a list of folders for each language.

  5. Expand the Dropbox section

  6. Click Connect to Dropbox.

  7. Log in to your Dropbox account.

settings_dropbox_setup.png
Connecting your Dropbox account to Nexudus
 

Nexudus will ask for permission to access Apps > Nexudus Spaces where you'll find your Dropbox account.‌

Important: When you connect to your Dropbox account, Nexudus will only have access to the files in the folder that you're adding for this purpose in your Dropbox account.‌

You'll see new options in the Dropbox section.‌

mceclip0.png
When connected
 

In Dropbox, you'll see that a "Nexudus Spaces" folder has been added in Apps.‌

image__3_.png
Application section 

 

Uploading Nexudus Files to your Dropbox

When you make any change to the template files in your Nexudus account, either via the Template Editor in your Nexudus dashboard or via Dropbox, you can sync them via System > Web Templates:‌

Uploading files to Dropbox: Click Upload to Dropbox in the Dropbox section. A message will appear to inform you that the process is underway. When you finish, you'll see that the files are updated on your Dropbox account.‌

mceclip4.png

Upload a version to Dropbox

This action overwrites the files that you have in your Nexudus Spaces folder on your Dropbox account. Be sure that you want to carry out this action before doing so.‌

Downloading files from Dropbox: When you make changes on your Dropbox account, you can apply them to your Nexudus account by downloading the files. Go to System > Web Templates > Dropbox, click Download from Dropbox and confirm the action in the pop-up window.‌

mceclip3.png
Download a version
 

This action overwrites the files that you have in the Template Editor in your Nexudus account. Be sure that you want to carry out this action before doing so.‌

Disconnecting your Dropbox account: If you wish to disconnect your Nexudus account from Dropbox, click Disconnect in the Dropbox section in the Template Editor. Confirm the action in the pop-up window.‌

mceclip1.png

Disconnect Dropbox

You'll see that the sync links no longer appear in the Dropbox section. You can reconnect your account at any time by clicking Connect to Dropbox.

mceclip2.png
Connect Dropbox

 

Was this article helpful?
2 out of 3 found this helpful
Have more questions? Submit a request

Comments

Please sign in to leave a comment.