Widgets

Trace a number, then write it

Set up a Number Tracing widget where young learners watch how 4 is formed, trace it twice along its arrows, then write it on their own, with a five-frame of four beside it.

Level
Beginner
Time
About 10 min
Steps
7
Updated
Oct 16, 2026
What you'll build

A "Let's write 4" scene where students watch the numeral being drawn, trace it twice stroke by stroke, write it in a box with a faint 4 to guide them, and move on to the ending.

Ready-made lesson

Get the finished lesson

Skip straight to the result, or keep it open beside the steps. Add this tutorial's lesson to your account and explore how it works in the studio.

Kindergarten teaches writing a numeral as a set of moves, not a picture to copy. A 4 starts at the top, goes down to the middle and across, then you lift and draw a line from the top straight down. Children watch it done, trace it with a finger, and then write it on their own.

In this tutorial you'll build a one-scene lesson called Let's write 4. Students press Watch me to see the 4 drawn, trace it twice along its arrows, then write it in an empty box. A stroke that wanders off the path fades away so the child can try again. There are no red marks and no buzzer. A five-frame with four dots sits beside the numeral, so the number always comes with what it means.

Step 1: Set the scene

Start a blank lesson (New lesson, then Start from scratch) and name it Let's write 4 by clicking Untitled lesson at the top left.

Give the scene a warm background. Click an empty spot on the scene, open Background, click Choose a style, and pick Mesh sunrise. Give the Closing Scene the same background so the ending matches.

The numeral will take the right half of the scene, so put everything else in a column on the left:

  1. A Heading: Let's write 4. Set its Font Size to 48.
  2. A Body under it: Watch how 4 is made. Trace it twice, then write it. Set it to Fixed width, about 300 wide, then set its Font Size to 22.
  3. An Image under that, about 280 by 210, with a picture of four things children know, like four apples. Open Image Source, click Open Media Library, and upload or choose your picture.
The Opening Scene on a peach-to-cream gradient, with the heading Let's write 4, the instruction Watch how 4 is made. Trace it twice, then write it., and a picture of four red apples in two rows of two, all in a column on the left
A title, a one-line task, and four apples. The right half is left free for the numeral.

Then give the picture its Alt Text under Accessibility: Four red apples in two rows of two. A student using a screen reader hears that instead of the picture.

Step 2: Add a Number Tracing widget

Search the Widgets tab for Number Tracing and click it. It arrives showing a 1 in a writing box, with a green start dot and an arrow.

Under Style & Layout, click Show more options and set Width to 540 and Height to 450, then drag it into the right half of the scene. Set its Background to white, so the writing box sits on a clean card.

The Opening Scene with a Number Tracing widget on the right half: a white card showing a dashed grey 1 with a green start dot and an arrow, and the words Trace 1 ×2, then write along the bottom
A new Number Tracing widget starts on 1. The line above the canvas now reads 1 Point.

Keep it big. A five-year-old traces with a whole finger, not a mouse pointer, and the Configure window warns you when the numeral would be too small to trace at student size.

Step 3: Choose the numeral 4

Click ⚙ Configure in the pill above the widget. The window has the settings on the left and a live preview on the right.

Pick the numeral, and its strokes, arrows and order come with it.
  1. Leave What children do on Trace, then write. That's the sequence a kindergarten guide teaches: trace with a finger, then write.
  2. Set Numeral to 4.
  3. Leave Trace it on Twice. Children trace the 4 two times before the writing box appears.
The Configure window with Scoring on at 1 point, What children do set to Trace, then write, Numeral 4 and Trace it Twice; the preview shows a dashed grey 4 with a green start dot, arrows, and the stroke numbers 1 and 2
The 4 has two strokes, numbered 1 and 2, each with an arrow.

You don't draw the strokes yourself. Berdee knows how each numeral from 0 to 10 is formed, and the arrows, stroke numbers and checking all follow from the numeral you pick. If your handwriting program writes a 4 with a closed top, change it under More options → Numeral style.

Step 4: Show four beside the numeral

Scroll down in the same window. Under Help on screen, Green start dot, Arrows, Stroke numbers and Watch me button are already on. Leave them on for a first lesson on a numeral.

Under Beside it, click A frame. A five-frame with four dots appears next to the numeral in the preview.

The Configure window's Help on screen settings with Green start dot, Arrows, Stroke numbers and Watch me button all switched on, Write box shows Faint numeral, and Beside it set to A frame; the preview shows the 4 with a five-frame of four blue dots to its right
Four dots in a five-frame, so 4 always comes with what it means.

Write box shows starts on Faint numeral: the writing box shows a pale 4 to write over. Once children are ready to write from memory, choose Start dot or Nothing.

Under Checking, the widget is Graded: tracing must follow the path. Check the writing's shape is off, so any writing counts and you see what each child wrote on their attempt page. Leave it off for now. Berdee doesn't read handwriting, and checking the shape is stricter than most young writers need on day one.

Step 5: Try it as a student

Scroll to the bottom of the window and click Try it as a student. The widget appears just as students will see it, and you can trace in it right there.

Trace stroke 1, then stroke 2. The label moves on to the second trace.

Start on the green dot and follow the arrow. A stroke that follows the path stays as a solid line, and the next stroke's dot lights up. Press Start again to try once more, then click Save.

Step 6: Give students time, and a way to finish

The scene moves on by itself as soon as the widget is right. By default it waits only 0.6 seconds, which is too quick for a child to see their finished 4.

Click an empty spot on the scene to see its settings. In Progression, click Show more options and set Advance delay to 2500 ms (two and a half seconds).

The scene's Progression settings: When this scene is correct is Next, Evaluate on is Continuous, and Advance delay is 2500 ms
Continuous checks the widget as soon as the 4 is done. The longer delay leaves time to see it.

Every lesson also needs one button that ends it, even a lesson that moves on by itself. Until it has one, the top bar shows 1 validation issue.

  1. Search the Widgets tab for Submit Button and click it.
  2. In Content, change Label to Finish and set Submits to Lesson.
  3. Set its Font Size to 20, give it a dark navy Background and white Text, and drag it under the apples.
The finished Opening Scene: heading, instruction and four apples on the left with a navy Finish button under them, and on the right the Number Tracing widget showing a dashed 4 with stroke numbers and arrows beside a five-frame of four dots
The finished scene. The validation issue is gone, and the widget is worth 1 point.

Step 7: Trace and write as a student

Click Preview. The widget says Trace 4 · 1 of 2. Press the Watch me button (the play button) first:

Watch me draws each stroke in order, so children see how the 4 is made.

Now trace stroke 1, from the green dot down to the middle and across:

A stroke that follows the path stays.
The Preview with stroke 1 of the 4 traced in solid blue, the green start dot now at the top of stroke 2, its arrow pointing down, the five-frame of four dots beside it, and Trace 4 · 1 of 2 along the bottom with the Hear, Watch me and Tap the dots buttons
Stroke 1 is in. The green dot moves on to stroke 2.

For stroke 2, let your finger wander off the line, the way a child's might. Then trace it properly, and trace the whole 4 a second time:

A stroke that strays fades, and the dot pulses again. No red marks.

The stroke that strayed simply fades, and the green dot is still waiting. After the second trace, the box changes to Write 4, with a faint 4 to write over and a Done button.

The Preview on the Write 4 step: an empty writing box with a pale 4, the five-frame beside it, and Hear, Watch me, Tap the dots, Choose instead, Undo, Clear and Done buttons along the bottom
Now the child writes the 4 without arrows, then taps Done.

Write the 4 in two strokes and tap Done:

Write it, tap Done, and the lesson moves on.
The Closing Scene in Preview reading You finished the lesson! Your score: 1 / 1, with confetti
The ending counts the widget as one point.

A child who can't yet guide a finger along a path still has a way in. Tap the dots shows numbered dots along each stroke to tap in order, and Choose instead shows a numeral pad on the writing step. Both count as right, and the child's attempt page says which one they used, along with a picture of what they traced and wrote and how many strokes faded. Click Restart to try them.

What you built

You built a one-scene handwriting lesson with:

  • a Number Tracing widget in Trace, then write mode for the numeral 4, traced twice before it's written,
  • a green start dot, arrows, stroke numbers and a Watch me button to show how the 4 is formed,
  • a five-frame of four dots beside the numeral, and a picture of four apples with alt text,
  • strokes that stray fade instead of being marked wrong,
  • a longer Advance delay so students see their finished 4, and a Finish button.

To practice more numerals, duplicate the scene and change Numeral on each copy: Build a three-question quiz by duplicating a scene shows how. Once children know a numeral, switch What children do to Write and Write box shows to Nothing, so they write it from memory. To have them build the number too, try Build a number on a ten frame.

Take it with you

Make this lesson yours

Add the lesson you just watched being built to your account, then change it for your class: your questions, your pictures, your colors.

Was this tutorial helpful?

Next tutorial