Tabletop games
Give players a d20 or damage roller on a campaign page.
Content / widget · Elementor module
Dice Roller Widget Plugin for Elementor
Let visitors roll dice in standard notation such as d20 or 2d6+1 and see each die, the total and the possible range, with fair rolls made in the browser.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Dice rollerProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Type dice and press Roll, or use a quick-roll button.
02 / Inside WordPress
Dice roller controls in Elementor
Content sets the starting dice, the quick-roll buttons, whether the dice roll once when the page loads, how many earlier rolls are kept, and every label and message. The Style tab covers the field, the total, the dice boxes, the details, the labels and the buttons.
03 / Website use cases
Where to use dice roller
Game clubs, tabletop blogs and teachers often need a quick dice roller, but many online rollers are full of adverts or take visitors off the page. Dice roller runs on your own page: visitors type dice in standard notation, such as d20+5 or 3d8+2d4-1, or press a quick-roll button, and see every die, the total and the lowest and highest possible results. Rolls use the browser's secure random numbers, with every face equally likely.
Board game nights
Replace lost dice with a roller on the club website.
Maths lessons
Let students roll many dice to explore probability.
04 / Installation and setup
How to add a dice roller in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Dice roller in the Complementor library.
Add the widget to a page.
Set the starting dice, for example 2d6 or d20+5.
Choose the quick-roll buttons and how many earlier rolls to keep.
Style the total, the dice boxes and the buttons.
05 / Content and style controls
Customize dice roller in Elementor
Configure the settings available for this module to suit the page you are building.
Standard notation such as 2d6+1.
Each die shown with the total.
Lowest and highest possible total.
Quick-roll buttons you choose.
Fair rolls from secure random numbers.
Short list of earlier rolls.
06 / Choose the right approach
Dice roller and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Online dice sites
They take visitors off your page and often show adverts.
A random number widget
Gives one number but does not read dice notation or show each die.
07 / Requirements and compatibility
Dice roller compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Rolls and adds dice; does not drop or reroll dice.
- Not intended for gambling or regulated draws.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot dice roller
Check these settings if the published page behaves differently from the editor.
Why does “2d6 3” show an error?
Parts must be joined with + or -. Write 2d6+3.
Why can I not roll 200 dice?
The roller allows up to 100 dice in total so the result stays readable.
Why is the earlier rolls list empty after reloading?
The list is kept only while the page is open. It is not saved.
Why is nothing rolled when the page opens?
Turn on Roll once when the page loads in the Dice section.
Dice roller plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Are the rolls fair?
Yes. Each die uses the browser's crypto.getRandomValues() with rejection sampling, so every face is equally likely.
Which dice can visitors roll?
Any dice with 2 to 1000 sides, up to 100 dice in total, plus or minus whole numbers up to 1000.
Is it accessible?
Yes. The field is labelled, errors are linked to it, and each result is announced to screen readers.
Does it need JavaScript?
Yes. Without it a short message is shown instead.
10 / Annual All Access subscription
Get dice roller with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.