Editing your website templates

Your Nexudus website is a white-label solution, so you can fully customise what it looks like.

We provide a template editor, where you can view and edit the various files that determine the appearance and layout of your space website and upload new templates. 

  You can edit the raw HTML, CSS and JavaScript template files of every page in your site, but please use it carefully. We recommend contacting Nexudus support when you want to customise the default website source files.

To access the template editor

  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. If you manage more than one space, select the appropriate space from the first drop-down list.

  7. If you created template versions for your space, select the appropriate template version from the second drop-down list:

templates_new.png
Create a new development version
 

Number

Description

1

Select a template version from the list you created. Production is the default template directory.

2

Allows you to create a new version of the template. Learn about template versioning here.

The editor groups the template files in the following folders: 

Folder

Description

Common files

This folder stores the default files for all website sections. Although you can edit the default files, we recommend that only qualified personnel customise the default website source files. You cannot add any files to this folder, nor can you delete any of the files. Read more about working with common files here.

Custom pages

You can create custom pages in the template editor, which include static content on the website. When these pages are posted, they appear in your website's navigation bar. When you upload a new custom page, you can choose the language that it appears in on the space website. Learn about adding a custom page here.

Custom files

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

  • Audio files. This folder stores new audio files which you can link to from the template editor.

  • Image files. This folder stores all image files on the website, which can be used in blog posts, events, and so on.

  • Image gallery. This folder stores images that are displayed in the slideshow on the site's home page.

  • Video files. This folder stores new video files which you can link to from the template editor.

  • Other files. If you want to use any auxiliary files, such as .js or .css files, add them to this folder and link to them in the appropriate template file.

To upload a file

settings_custom_upload.png
 Uploading 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.

  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/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 and select a file from your computer.

  9. Click Open.

  10. In the Name textbox, type a name for the file. It will appear in the URL address that is used to link to the files.

  11. In the Description textbox, type a short summary of the file.

  12. Optional: If you manage more than one space, select the appropriate space from the Location drop-down list.

  13. Click Save. 

  The URL section displays an address you can use to link the file.

 

  When adding image or gallery files, set Use in gallery to YES if want to add the file to the slideshow on your home page.

To delete a file

  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. 

Editing common files

How to edit common files. 
 

Although you can edit the default common files, you cannot add new files to this folder or delete any of the existing ones. When you access the template file, you can see the following interface elements:

  • Update. Click to download the latest version of the template file from the Nexudus servers. Note that all changes that you have made are lost when you update the file.

  • Save. Click to save any changes you make to the code. 

You can edit the raw HTML, CSS and JavaScript template files of every page in your site, but please use this feature carefully. We recommend contacting Nexudus support when you want to customise the default website source files.

You can edit the following default files:

Filename

 

File description

 

about.htm

 

Corresponds to the About Us section on the website

 

about_carrousel.htm

 

 

 

about_contact_form.htm

 

 

 

allowances.htm

 

Controls the credit section in the private area of the members portal

 

blog.htm

 

A list of blog posts on the space website Blog

 

blog_list_item.htm

 

 

 

blogpost.htm

 

A blog post from the blog

 

booking.htm

 

Displays the new bookings made on the website of your space

 

bookings-my.htm

 

 

 

bookings-search.htm

 

 

 

bookings.htm

 

Controls the Bookings Calendar on your space website

 

bookings_booking_form.htm

 

 

 

bookings_carousel.htm

 

 

 

bookings_registration_form.htm

 

 

 

bookings_resources_menu.htm

 

 

 

collaboration_workspace.htm

 

 

 

collaboration_workspaces.htm

 

 

 

community_thread.htm

 

Displayed when a new item is posted on the Community Board

 

community_thread_file.htm

 

 

 

community_thread_guests.htm

 

 

 

community_thread_item.htm

 

 

 

community_thread_new.htm

 

 

 

community_threads.htm

 

The main page of the Community Board

 

community_threads_item.htm

 

 

 

contact.htm

 

Corresponds to the Contact page on your space website

 

contract_details.htm

 

 

 

core_locations_list.htm

 

 

 

core_notifications_fragment.htm

 

 

 

core_pagination_fragment.htm

 

 

 

core_priceplans_table.htm

 

 

 

core_priceplans_table_scripts.htm

 

 

 

core_share_buttons.htm

 

 

 

css.css

 

The main style sheet for the templates. You can add extra style files if you need to, using the Other files or Custom pages folders

 

custom_fields_templates.htm

 

 

 

dashboard.htm

 

Manages the dashboard linked to your account

 

deliveries.htm

 

 

 

directory-profile.htm

 

Provides details for a particular profile on the directory.

 

directory-search.htm

 

Controls the search and results in the directory.

 

directory-team.htm

 

Provides information about a team profile. Note that teams can only be published in the directory by using the dashboard.

 

directory.htm

 

Controls the main directory page for members, contacts and teams on the space website

 

directory_list_item.htm

 

 

 

directory_list_item_team.htm

 

 

 

directory_related_item.htm

 

 

 

esign-frame.htm

 

 

 

esign.htm

 

 

 

event-payment.htm

 

 

 

event-tickets.htm

 

The page where tickets can be bought

 

event.htm

 

Manages the page that announces the events on your space website

 

events.htm

 

Corresponds to the general event list on the website

 

events_list_item.htm

 

 

 

events_registration_form.htm

 

 

 

footer.htm

 

The footer that appears in all sections of the website

 

gateway_payment_form.htm

 

 

 

gocardless_payment_form.htm

 

 

 

header.htm

 

The header that appears in all sections of the website

 

home.htm

 

Corresponds to the home page on your space website

 

home_banner_fragment.htm

 

 

 

home_blog_fragment.htm

 

 

 

home_checkedin_fragment.htm

 

 

 

home_claim_bottom_fragment.htm

 

 

 

home_claim_top_fragment.htm

 

 

 

home_events_fragment.htm

 

 

 

home_features_fragment.htm

 

 

 

home_locations.htm

 

 

 

home_newsletter_fragment.htm

 

 

 

home_plans_fragment.htm

 

 

 

home_products_fragment.htm

 

 

 

home_services_fragment.htm

 

 

 

home_testimonials.htm

 

 

 

included-co.htm

 

 

 

invoice.htm

 

The invoice template that is created by default from your account

 

invoices.htm

 

This file controls the Billing section corresponding to the private area of your space website

 

js.js

 

Enables you to add JavaScript code to your space website

 

legal.htm

 

 

 

login.css

 

 

 

master.master

 

The master page of the templates.The master page can be uploaded to other pages using the code {% extends master.master %}. It contains the <meta> tags, <scripts> and other elements that are also found on other template pages.

 

my_account_navigation.htm

 

 

 

newsupportmessage.htm

 

Corresponds to the support message page on the website

 

payment_history.htm

 

 

 

payment_sripts.htm

 

 

 

profile-team.htm

 

 

 

profile.htm

 

Manages the Your profile section on the private area on the space website

 

profile_address_fields.htm

 

 

 

profile_billing_details.htm

 

 

 

profile_billing_fields.htm

 

 

 

profile_fields.htm

 

 

 

profile_social_fields.htm

 

 

 

proposals.htm

 

 

 

resource.htm

 

Provides details for a resource on the space website

 

resources.htm

 

Corresponds to the list of resources on the space website

 

signup-complete.htm

 

 

 

signup-payment.htm

 

 

 

signup-restore.htm

 

 

 

signup-store.htm

 

 

 

signup-terms-view.htm

 

 

 

signup.htm

 

Corresponds to the sign-up form used by members or contacts on your space website. Note that you can add custom files to this form from the dashboard in the CRM section.

 

signup.master

 

 

 

signup_footer.htm

 

 

 

statement.htm

 

 

 

store.htm

 

Additional products can be bought from this section on the private member area on the website.

 

support.htm

 

The main page for the help desk on your space website

 

supportmessage.htm

 

Displays a help message and its answers

 

tariff-cancel.htm

 

 

 

tariff-change.htm

 

 

 

tariff.htm

 

Determines the Plans and benefits section in the private area on your space website

 

tariff_details_fragment.htm

 

 

 

terms.htm

 

Controls the general terms and conditions for the space, which are shown when a member accesses them for the first time. You can edit terms and conditions from the dashboard.

 

tour-thankyou.htm

 

 

 

tour.htm

 

 

 

visitors.htm

 

 

 

 

Dropbox

How to setup dropbox syncing for your website. 
 
As we've mentioned in previous sections, your Nexudus website can be completely 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.‌
 

Syncing your Nexudus account with Dropbox

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 
 

Syncing the changes made on Nexudus files <> 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?
1 out of 1 found this helpful
Have more questions? Submit a request

Comments

Please sign in to leave a comment.