This guide explains how to integrate SmartMonitor into your website and customise its appearance to match your website's design. SmartMonitor is an extension for Web Access that allows users to access their email accounts directly through your own website.
Who is this guide for?
This guide applies to customers who use the previous Webland platform (Classic) and its associated Web Access service.
You can access the previous platform at classic.webland.ch.
Are you already using the new Webland platform (WHMCS)? Then log in via the new Webland website. This guide refers to SmartMonitor on the previous Webland infrastructure.
What is SmartMonitor?
SmartMonitor is an extension for Web Access that can be integrated into your own website.
It allows users to access their Web Access accounts directly through your homepage.
SmartMonitor Features
Display unread emails: Shows the number of unread messages in the mailbox.
Save login credentials: Users can optionally save their login credentials if the feature is supported and enabled.
Direct Web Access login: Users can log in to Web Access directly through your website.
SmartMonitor is particularly useful for companies, associations, and resellers that want to provide employees, customers, or members with direct access to Web Access.
Requirements
To integrate SmartMonitor, you need:
A website whose HTML code you can edit.
A Web Access account on the previous Webland platform.
The SmartMonitor integration code.
Access to your website's files or management interface.
Step-by-Step Instructions
1. Open your website's HTML code
Open the HTML file or the relevant section of your website where you want SmartMonitor to appear.
Depending on your website setup, you can edit the HTML code directly or use a suitable HTML section in your website editor.
2. Insert the SmartMonitor code
Insert the SmartMonitor integration code at the desired location in your website's HTML.
Replace the example domain in the code with your own domain.
Important: Use the complete integration code from the original template. The exact code is required for successful integration.
3. Save your changes
Save your website changes and publish the updated version.
4. Verify the integration
Open your website in a browser and check whether SmartMonitor appears in the desired location.
Then verify that access to Web Access works correctly.
Customise the Appearance of SmartMonitor
You can customise SmartMonitor's appearance using various parameters to match your website's design.
These parameters control fonts, font sizes, colours, and how Web Access opens.
Available Parameters
Parameter | Default Value / Function |
| Opens Web Access in a new window |
| Opens Web Access in the same window |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Note: All parameters are optional. If no custom value is specified, the corresponding default value is used.
Integrate SmartMonitor with Additional Parameters
If you want to customise SmartMonitor's appearance or behaviour, you can extend the integration code with additional parameters.
The following rules apply:
Add a question mark
?before the first parameter.Separate each additional parameter using an ampersand
&.Add the parameters to the URL in the SmartMonitor integration code.
Example Parameter Structure
?window=new&FontSize=10px&FontColor=000000
In this example, Web Access opens in a new window and uses the specified font size and font colour.
Example of the Customised Appearance
By using the available parameters, you can adjust SmartMonitor's appearance to match your website.
Important Notes
Your domain: Replace the example domain in the integration code with your own domain.
HTML access: You need the ability to insert HTML code into your website.
Optional parameters: You do not need to use all available parameters.
Parameter separation: Use
?before the first parameter and&before each additional parameter.Login credentials: Make sure authentication takes place over an encrypted HTTPS connection. Never include login credentials in publicly accessible HTML code.
Compatibility: SmartMonitor is part of the previous Webland infrastructure. Availability and functionality may depend on your Web Access environment.
Frequently Asked Questions and Troubleshooting
What is SmartMonitor?
SmartMonitor is an extension for Web Access that can be integrated into your own website.
It allows users to access Web Access directly through your homepage.
Can I customise SmartMonitor to match my website's design?
Yes. You can customise fonts, font sizes, background colours, border colours, and button colours using the available parameters.
Do I need to specify all parameters?
No. All parameters are optional.
If you do not specify a value, the corresponding default value will be used automatically.
How can I control whether Web Access opens in a new window?
Use one of the following parameters:
window=new – Opens Web Access in a new window.
window=self – Opens Web Access in the same window.
Why is SmartMonitor not displayed on my website?
Check the following:
Have you inserted the complete HTML integration code?
Have you replaced the example domain with your own domain?
Have you inserted the code in the correct location?
Have you saved and published your changes?
Are all parameters spelled correctly?
Can I integrate SmartMonitor into a website built with a content management system?
This depends on whether your content management system supports inserting the required HTML code.
Check the relevant features of your website editor.
Tip
Use the available design parameters to customise SmartMonitor so that it matches your website's appearance.
This allows you to provide users with a consistent way to access Web Access without requiring them to visit the Web Access page separately.
Done! You now know how to integrate SmartMonitor into your website and customise its appearance to match your website's design.