How to Embed a Verystep Tool on Google Sites (Embed Code or By URL)

Embed code or By URL?

Google Sites offers both doors into the same room. Embed code accepts the snippet from a tool’s embed box — the complete iframe with its title and lazy loading. By URL accepts only the address (the https://verystep.com/embed/… part) and builds the frame for you. If you have the snippet handy, use Embed code; if you are on a Chromebook with a temperamental clipboard, By URL asks less of it. Either way the result is the live tool on your page.

Step by step

1. Open the tool and copy its embed code — the example below is the GPA Calculator.
2. In the Google Sites editor, click where the tool belongs, then open Insert → Embed on the right panel.
3. Choose the Embed code tab, paste the snippet, and click Next, then Insert. (On the By URL tab, paste only the embed address instead.)
4. Drag the placed box to the width of your section.
5. Drag its bottom edge down until the whole tool is visible — this sizing is manual, and the default box is usually too short.
6. Preview the page (the eye icon) on desktop and mobile, then Publish.

Worked example

The exact snippet from the GPA Calculator’s embed box:

<iframe src="https://verystep.com/embed/gpa/" title="GPA Calculator" width="100%" height="520" loading="lazy" style="border:0"></iframe>

Note that the 520 height inside the snippet matters less here than elsewhere: Google Sites wraps the embed in its own frame, and the box you sized on the canvas is what readers get. Size the box generously — a cramped wrapper clips the tool inside it.

If something looks wrong

The tool is visible but cut off, with no way to scroll to the rest. The wrapper box is too short. Select the embed on the canvas and drag its bottom edge down; this is the single most common Google Sites embed issue.

The preview shows a blank box. Check the paste: on the Embed code tab the whole snippet must be present, and on By URL the address must be the embed URL (with /embed/ in it), not the tool’s normal page address. The normal page refuses framing; the embed address is built for it.

It looks fine on desktop, odd on phones. Use the preview’s phone view and resize there — Google Sites keeps the box proportions per device more honestly than most builders.

Keep going

Other free routes with no plan gate: Blogger’s HTML view and Ghost’s HTML card. The platforms that cannot take an embed at all are named on the embed overview.