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:

1. Create your spinner with desired options
2. Click the "Share" button on the spinner page
3. 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.

LinkedIn

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

WhatsApp

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

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

Wix Embedding

1. Add an "Embed Code" element to your page
2. Choose "Code" option
3. Paste the iframe code
4. Adjust the element size to match your spinner

Squarespace Embedding

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

Google Sites Embedding

1. Click "Insert" → "Embed"
2. Choose "Embed code" tab
3. Paste the iframe code
4. 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!