How to Share and Embed Spinners on Your Website

One of SpinnerMonkey's most powerful features is the ability to share and embed your spinners anywhere. This guide will walk you through every sharing option available.

Getting Your Spinner Link

Every spinner you create automatically gets a unique, permanent URL. Here's how to get it:

Create your spinner with desired options
Click the "Share" button on the spinner page
Copy the URL from the share dialog

Your link will look like: https://spinnermonkey.com/abc123

This link works forever and can be bookmarked, shared, or embedded anywhere.

Sharing on Social Media

Facebook

Click the Facebook share button in the share dialog, or manually paste your spinner URL into a Facebook post. Facebook will automatically generate a preview with your spinner's title.

X (Twitter)

The X share button pre-fills a tweet with your spinner title and link. You can add hashtags like #DecisionMaker #SpinnerWheel #RandomPicker to increase visibility.

Perfect for sharing team building activities or meeting tools with your professional network. The LinkedIn share includes your spinner title and a preview image.

The WhatsApp button opens a pre-filled message with your spinner link. Great for sharing with groups or individual contacts instantly.

Embedding on Websites

Basic Embed Code

Copy this code from the share dialog and paste it into your website's HTML:

<iframe 
  src="https://spinnermonkey.com/embed/abc123" 
  width="600" 
  height="600" 
  frameborder="0"
  style="transform: scale(1.0); transform-origin: center;">
</iframe>

Customizing Size

Adjust the spinner size by changing the scale value:

scale(0.5) - Half size (300x300 effective)
scale(0.75) - Three-quarter size (450x450 effective)
scale(1.0) - Full size (600x600)
scale(1.5) - 1.5x size (900x900 effective)

WordPress Embedding

In your WordPress editor, add a "Custom HTML" block
Paste the iframe embed code
Preview to ensure proper display
Publish your post or page

Wix Embedding

Add an "Embed Code" element to your page
Choose "Code" option
Paste the iframe code
Adjust the element size to match your spinner

Squarespace Embedding

Add a "Code Block" to your page
Paste the iframe embed code
Set the code block to "HTML" mode
Save and publish

Google Sites Embedding

Click "Insert" → "Embed"
Choose "Embed code" tab
Paste the iframe code
Click "Insert"

Advanced Embedding Options

Responsive Embedding

Make your spinner responsive with this wrapper:

<div style="position: relative; padding-bottom: 100%; height: 0; overflow: hidden;">
  <iframe 
    src="https://spinnermonkey.com/embed/abc123" 
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
    frameborder="0">
  </iframe>
</div>

Learning Management Systems

SpinnerMonkey works great in educational platforms:

Canvas: Use the Rich Content Editor's HTML view
Moodle: Add as an HTML resource or label
Google Classroom: Share the direct link as material
Blackboard: Embed in content areas using HTML code

Email Sharing

While you can't embed interactive spinners directly in emails (email clients block iframes), you can:

Share the direct link with a call-to-action
Include a screenshot with a link to the spinner
Use the email share button to pre-fill subject and body

QR Code Sharing

Generate a QR code for your spinner URL using any QR generator. Perfect for:

Printed materials
Presentations
Physical classroom displays
Event materials

Best Practices

Test your embed on different devices to ensure proper display
Include context around embedded spinners explaining their purpose
Save important spinner URLs in a document for easy access
Use descriptive titles for your spinners to help with sharing

With these sharing and embedding options, your SpinnerMonkey creations can reach audiences anywhere, making decision-making fun and interactive across any platform!