Feature:
Extend-HTML

One of our most powerful features is the HTML/JS/CSS editor available in all skins. 

 

With extend-HTML, PRO users can customize the entire overlay with almost no limits! 

 

This not only allows you to integrate your own fonts, colors and menu designs, but also entire features. You can even access the Matterport SDK!
Whether it's an AI assistant, live chat features, accessibility tools (WCAG) or live feeds from sensors, (almost) anything is possible with extend-HTML.

One feature, endless possibilites

HTML, JS (Javascript) and CSS can be used in the extend HTML editor. In general, any user can use the feature, but for complex customizations, the help of a web developer or programmer is recommended. To make using the editor a little easier, a number of ready-to-use code snippets are listed to the right of the editor, which can be inserted directly by clicking on them. 

Design and customization

When it comes to design, Extend HTML offers almost unlimited customization! 
In addition to basic adjustments such as custom fonts, colors, spacing or rounded corners, the menu can be completely broken up restructured. Certain components of the Matterport Showcase can also be hidden.

Integration of features

But that's not all: integrate features such as AI chatbots, gamification, booking software or accessibility widgets (WCAG button) by inserting the appropriate code snippets into the editor. 
With the support of a developer, even complex applications and interfaces can be integrated! However, please note that we cannot provide support for your own HTML implementations. 

FAQs about extend-HTML

In which plans is this feature included?

The extend HTML editor is only included in the PRO plan. 
Unfortunately, BASIC and BUSINESS users cannot access it.

I need help with the implementation, what should I do?

Unfortunately, we cannot provide support for our own code! 
If you have problems implementing your ideas, we recommend that you contact a web developer or programmer.

A regular web developer should be able to implement design customizations. 
For more complex implementations such as features, we recommend hiring a programmer. 

What kind of codes/languages are supported in the editor?

HTML, JS (JavaScript) and CSS are supported.

  • With extend-HTML you have the possibility to extend the HTML of the tour. External JavaScript and CSS files can also be loaded or inserted, which facilitates the integration of entire external features.
  • CSS can be used to completely customize the look of the tour.
  • JavaScript can be used to change the behavior of the tour,you can even directly access the Matterport SDK Bundle! 
    This means that there are almost no limits (for programmers!) when it comes to customizing your Skin. 
Are there any limitations with extend HTML?

For professionals like programmers, there are virtually no limits to the customizability of the tour. 
However, it should be noted that complex changes or implementations may require a certain amount of familiarization time. 

Can the Matterport SDK also be accessed via the editor?

Yes! 
However, please note that you or your programmer will need a certain initial learning period, especially when working with the Matterport SDK.

You can find more information and tips on using the SDK here:
Reference Documentation | Matterport Developers

Start your creative journey with MPskin!