Many teachers run their class website on Google Sites, and many of those pages end up linking to a calculator somewhere else. You can put the calculator on the page instead. The WideMath widgets are free, need no student accounts and show no ads inside the frame, and Google Sites takes them through its standard Embed tool.
On this page
Step by step
These steps follow Google's own help page on embedding in Google Sites. They work on the current version of Google Sites.
- Copy the code. In the calculator widget gallery, press Copy code on the calculator you want, or open its own page for a live preview and other sizes. For a general maths class, the scientific calculator widget is a good start.
- Open your site in Google Sites and go to the page where the calculator should appear.
- On the right, click Insert, then Embed.
- Click the Embed code tab and paste the code. Click Next. Google shows a preview of the calculator.
- Click Insert. The calculator appears on your page inside a box.
- Resize the box by dragging its edges until the whole calculator shows. The next section gives the sizes.
- At the top right, click Publish.
This is the code for the scientific calculator, exactly as the widget gallery gives it:
<iframe src="https://widemath.com/embed/scientific-calculator/" title="Scientific Calculator by WideMath" width="100%" height="760" style="border:0;max-width:460px" loading="lazy" allow="clipboard-write; fullscreen"></iframe>
<p style="margin:6px 0 0;font:14px/1.4 sans-serif"><a href="https://widemath.com/scientific-calculator/">Scientific Calculator</a> by WideMath</p>The first line loads the calculator in a frame from widemath.com/embed/. The second line is a small credit with a link to the full tool. Please keep it: it is the only thing we ask in return for the free widget.
Sizing the embed box
Google Sites shows your code inside a box of its own. The calculator's frame has a fixed height, set by height="..." in the code, and the credit line sits under it. If the Google Sites box is shorter than both together, the bottom of the calculator is cut off or students have to scroll inside the box. So make the box a little taller than the frame:
| Calculator | Frame height in the code | Make the box at least | Box width |
|---|---|---|---|
| Scientific Calculator | 760 px | 800 px | Half the page is enough |
| Graphing Calculator | 600 px | 640 px | Full width |
| Matrix Calculator | 720 px | 760 px | Full width |
| Statistics Calculator | 820 px | 860 px | Full width |
| Unit Converter | 1040 px | 1080 px | Full width |
The scientific calculator is 460 px wide at most, so it fits in a half-width box next to a worksheet or instructions. Graphers and solvers work better across the full width; in a narrow box the graphing calculator moves its equation list under the graph and needs about 750 px of height. After you publish, open the page on a phone as well. If part of the calculator is cut off there, raise the height in the code by 50 to 100 px and make the box taller to match.
Embed code, a web address, or a full page
The Embed dialog also accepts a plain web address. Pasting https://widemath.com/embed/scientific-calculator/ there works too, but it drops the credit line, so please use the Embed code tab.
Google Sites also offers a Full page embed: click Pages on the right, hover over Add and choose Full page embed. That gives the calculator a page of its own in your site menu, which suits a class site where students should always find "Calculator" in the same place.
To make the calculator open with a ready-made problem, such as a graph for today's lesson, see how to embed a graphing calculator with your own graph. The same edited code pastes into Google Sites unchanged.
Which calculator for which class
- General maths and physics: the scientific calculator, with exact fractions, equations and eight modes.
- Algebra and precalculus: the graphing calculator, for functions, intersections and inequalities.
- Linear algebra: the matrix calculator, which lists every row operation.
- Statistics: the statistics calculator, for summary statistics, regression and distributions.
- Chemistry: the molarity calculator, for grams to weigh and dilutions.
- Computing: the subnet calculator, with the binary working shown.
The full list, sorted by subject with a note on how each one helps in a lesson, is in free calculator widgets for teachers.
If the box stays blank
- Check the address. It must contain
/embed/. The full WideMath tool pages, such aswidemath.com/scientific-calculator/, refuse to load inside a frame on another site; only the/embed/pages are built for it. Google's help page warns that "some websites won't let you add their content to your site", and a full tool page is one of those. - Check the whole code was pasted, from
<iframeto the closing</p>. - Check from a student's network. If the calculator works at home but not at school, the school's web filter may be blocking widemath.com. Ask your IT team to allow it.
Copy a calculator for your Google Site
24 free widgets with a live preview and a size picker.
Open the calculator widgets →Questions people ask
Can you embed a calculator in Google Sites?
Yes. Copy the embed code for a calculator widget, then in Google Sites click Insert, Embed, open the Embed code tab, paste the code, click Next and then Insert. Resize the box so the whole calculator shows, and publish.
Why is part of the calculator cut off in Google Sites?
The embed box is shorter than the calculator. Drag the bottom edge of the box down until it is about 40 px taller than the height in the code. On narrow boxes and phones, some calculators stack their panels and need more height.
Is the calculator widget free for schools?
Yes. Every WideMath widget is free for schools and teachers, with no account, no usage limit and no ads inside the frame. We only ask that you keep the short credit line and its link under the calculator.
Can I paste the web address instead of the embed code?
You can, and the calculator will show, but the credit line is dropped. Please use the Embed code tab so the small link to the full tool stays under the calculator.
Do students need a Google account to use the calculator?
Not for the calculator itself. The widget needs no sign-in. Whether students must sign in to see your page depends on how your Google Site is shared.