Embed dice

How to embed dice

This page builds a dice frame you can paste. Set the table here, then copy a script for a website or a link for PowerPoint.

The frame is only the dice. It does not include this page, the site header, or the footer.

Build the table

• Add up to six dice. Mix D4, D6, D8, D10, D12, and D20 on one table.
• Add a plus or minus modifier, remove a die, or use Reset to default for one D6.

Frame background

Choose Transparent, Brand, or a single color. That choice is stored in the script and in the PowerPoint link, so the pasted frame uses the same background.

What the frame shows

Turn Roll button, Result, or Settings off when you do not want them in the frame. The preview above updates as you switch them. Clicking a die still rolls.

On a website

1. Set the dice, the background, and which parts to show.
2. Under Embed code, choose Script or iframe, then copy.
3. Paste it where your page accepts HTML.
4. Width and height start at 640 by 560 pixels. Change them before you copy. The frame shrinks to the box around it.

In PowerPoint

1. Copy Code for PowerPoint.
2. Choose Insert, then Get Add-ins, and add Web Viewer.
3. Paste the link and choose Preview. The dice fill that viewer. The script width and height do not apply. The background and the hidden parts are already in the link.

After you paste

If you change the dice, the background, or what the frame shows, copy again and replace the old snippet. The pasted link keeps the setup from the moment you copied it.

For a developer

The Script block includes a function named winLog. It runs on your page after each roll. Edit that function to use the result. An iframe tag does not call it.

Face colors, word faces, and more than six dice stay on the online dice roller.