WorkspaceGeek Portal Widget - Demo & Integration Guide

Basic Usage

The simplest way to embed the portal. Just include the script and add the <wsg-portal> element.

                <!-- Load the widget script -->
<script src="wsg-portal-widget.js"></script>

<!-- Add the portal element -->
<wsg-portal
  msclient="mstar"
  environment="production"
  theme="light">
</wsg-portal>
            

Integration Guide

Quick reference for embedding the portal in different platforms.

WordPress

Add a Custom HTML block and paste the script + element code.

                        <script src="wsg-portal-widget.js"></script>
<wsg-portal msclient="YOUR_CLIENT" environment="production"></wsg-portal>
                    

Squarespace

Use a Code block or inject into header/footer via Settings → Code Injection.

                        <script src="wsg-portal-widget.js"></script>
<wsg-portal msclient="YOUR_CLIENT" environment="production"></wsg-portal>
                    

HubSpot

Add a Custom HTML module and paste the complete code.

                        <script src="wsg-portal-widget.js"></script>
<wsg-portal msclient="YOUR_CLIENT" environment="production"></wsg-portal>
                    

Plain HTML

Include the script in <head> and add the element anywhere in the body.

                        <!DOCTYPE html>
<html>
<head>
  <script src="wsg-portal-widget.js"></script>
</head>
<body>
  <wsg-portal msclient="YOUR_CLIENT" environment="production"></wsg-portal>
</body>
</html>
                    