Sue Widget Integration

Add Sue, Your SphereUs℠ Assistant, to any division website. Just copy the embed code and paste it before the closing </body> tag.

How It Works
1

Copy Code

Select your division and copy the embed code

2

Paste in HTML

Add before </body> on your site

3

Sue Appears!

Users can chat with Sue on your site

Embed Codes by Division

Guided Aim
guidedaim.com
<!-- Sue Widget - Guided Aim -->
<script>
(function() {
  var iframe = document.createElement('iframe');
  iframe.src = 'https://wompusgames.com/sue-embed?division=Guided%20Aim&color=%23f59e0b';
  iframe.style.cssText = 'position:fixed;bottom:0;right:0;width:420px;height:500px;border:none;z-index:9999;background:transparent;pointer-events:none;';
  iframe.allow = 'clipboard-write';
  iframe.id = 'sue-widget';
  document.body.appendChild(iframe);
  
  // Enable pointer events only on the widget area
  window.addEventListener('message', function(e) {
    if (e.data === 'sue-open') iframe.style.pointerEvents = 'auto';
    if (e.data === 'sue-close') iframe.style.pointerEvents = 'none';
  });
})();
</script>
Grade Level Up
gradelevelup.com
<!-- Sue Widget - Grade Level Up -->
<script>
(function() {
  var iframe = document.createElement('iframe');
  iframe.src = 'https://wompusgames.com/sue-embed?division=Grade%20Level%20Up&color=%2306b6d4';
  iframe.style.cssText = 'position:fixed;bottom:0;right:0;width:420px;height:500px;border:none;z-index:9999;background:transparent;pointer-events:none;';
  iframe.allow = 'clipboard-write';
  iframe.id = 'sue-widget';
  document.body.appendChild(iframe);
  
  // Enable pointer events only on the widget area
  window.addEventListener('message', function(e) {
    if (e.data === 'sue-open') iframe.style.pointerEvents = 'auto';
    if (e.data === 'sue-close') iframe.style.pointerEvents = 'none';
  });
})();
</script>
Golf Your Age
golfyourage.com
<!-- Sue Widget - Golf Your Age -->
<script>
(function() {
  var iframe = document.createElement('iframe');
  iframe.src = 'https://wompusgames.com/sue-embed?division=Golf%20Your%20Age&color=%2322c55e';
  iframe.style.cssText = 'position:fixed;bottom:0;right:0;width:420px;height:500px;border:none;z-index:9999;background:transparent;pointer-events:none;';
  iframe.allow = 'clipboard-write';
  iframe.id = 'sue-widget';
  document.body.appendChild(iframe);
  
  // Enable pointer events only on the widget area
  window.addEventListener('message', function(e) {
    if (e.data === 'sue-open') iframe.style.pointerEvents = 'auto';
    if (e.data === 'sue-close') iframe.style.pointerEvents = 'none';
  });
})();
</script>
Quality Charters
qualitycharters.com
<!-- Sue Widget - Quality Charters -->
<script>
(function() {
  var iframe = document.createElement('iframe');
  iframe.src = 'https://wompusgames.com/sue-embed?division=Quality%20Charters&color=%238b5cf6';
  iframe.style.cssText = 'position:fixed;bottom:0;right:0;width:420px;height:500px;border:none;z-index:9999;background:transparent;pointer-events:none;';
  iframe.allow = 'clipboard-write';
  iframe.id = 'sue-widget';
  document.body.appendChild(iframe);
  
  // Enable pointer events only on the widget area
  window.addEventListener('message', function(e) {
    if (e.data === 'sue-open') iframe.style.pointerEvents = 'auto';
    if (e.data === 'sue-close') iframe.style.pointerEvents = 'none';
  });
})();
</script>
SphereUs Foundation
sphereus.org
<!-- Sue Widget - SphereUs Foundation -->
<script>
(function() {
  var iframe = document.createElement('iframe');
  iframe.src = 'https://wompusgames.com/sue-embed?division=SphereUs%20Foundation&color=%23ec4899';
  iframe.style.cssText = 'position:fixed;bottom:0;right:0;width:420px;height:500px;border:none;z-index:9999;background:transparent;pointer-events:none;';
  iframe.allow = 'clipboard-write';
  iframe.id = 'sue-widget';
  document.body.appendChild(iframe);
  
  // Enable pointer events only on the widget area
  window.addEventListener('message', function(e) {
    if (e.data === 'sue-open') iframe.style.pointerEvents = 'auto';
    if (e.data === 'sue-close') iframe.style.pointerEvents = 'none';
  });
})();
</script>

📝 Important Notes

  • • All questions asked via the widget are saved to the user's Dashboard (if logged in)
  • • Questions from non-logged-in users are still saved with the division name for analytics
  • • Sue's answers are tailored based on which division the user is visiting
  • • The widget automatically matches your division's brand color