Articulate Rise's Code Block lets you embed custom HTML directly in a lesson. These templates use that Code Block to create interactive reflection prompts — text areas where learners type a response and click Save. Responses are stored locally in the learner's browser, then collected and displayed together in a Reflection Log at the end of the course. No LMS data tracking required.
The 4 Block Types
🖼️
Initial Reflection Block (with Character Image)
Your opening question. Displays a character or avatar next to a speech bubble. Use for the first reflection — ideally a "disorienting dilemma" question learners will revisit at the end.
💬
Standard Reflection Block
Every reflection after the first. Same save-to-log functionality, no character image. Clean card layout. Use for all subsequent questions in the course.
📖
Reflection Log
Placed at the end of the course. Reads all saved responses and displays them in order. Learners can review their full thinking journey and download a PDF to keep.
🔑
Storage Key System
Not a separate block — the naming system that keeps responses from different courses from overwriting each other. Every course gets a unique Storage Key. This builder generates one automatically.
How the data flows
✍️
Learner Responds
Types an answer and clicks "Save to Log"
→
💾
Browser Saves It
Response goes into browser localStorage under the course's unique key
→
📖
Log Reads It
At course end, the Reflection Log collects and displays all saved entries
→
🖨️
Learner Downloads
Saves the complete log as a PDF to keep
About localStorage: Think of it as a sticky note in the learner's browser. It persists across sessions on the same device and browser — so a learner who starts Monday and finishes Thursday still has their responses. If they switch devices or browsers, responses won't carry over. Mention this early in your course so learners know to stick to one browser.
⚠️ Why the Storage Key matters: All Rise courses hosted on the same domain (Reach 360, SCORM Cloud, etc.) share the same browser storage namespace. If two courses use the same Storage Key, they'll overwrite each other's responses. This builder generates a unique key from your course title — keep it consistent across every block in one course, and different for every other course you build.
Recommended build workflow
This builder has an Entry Tracker on the Plan All Blocks tab that saves your block metadata as you go. Use it to skip re-entering everything when you get to the Reflection Log builder.
1
Set your branding on the Customization tab — your log's name, default pill label, primary color, and header color. This flows through every block and the Reflection Log.
2
Plan All Blocks: fill in a row for each question, then click ⚡ to grab its code. The entry auto-saves to the Entry Tracker right there on the same tab.
3
Build your Reflection Log. Click "Load from Tracker" — all your entries populate the table in one click.
4
Building across sessions or devices? Use "Copy Tracker" on the Plan All Blocks tab and "Paste Tracker Text" on the Reflection Log tab.
Two ways to include your character image
🌐 Option A: Public URL
1
Host your image publicly (Reach 360 Media Library, Dropbox, Google Drive, CDN, etc.)
2
Paste the URL into the builder.
3
In Rise: Code Block → Paste Code and paste the generated HTML.
📦 Option B: Code Project (zip)
1
Put your image in a folder alongside the generated HTML (saved as index.html).
2
Choose "Code Project (zip)" in the builder and enter just the image filename.
3
Zip the folder. In Rise: Code Block → Code Project → upload the zip.
You're free to use, adapt, and share the generated code — including in commercial courses — as long as you credit the original work. A small attribution line is automatically included in the PDF your learners download. That's all that's required.
Set your terminology and colors here once — every block, every Plan row, and the Reflection Log will use these. Your settings are saved in this browser, so they'll still be here next time you open this tool.
Branding — applies to all generated code
Set these once. Every block and the Reflection Log you generate will use your terms and colors.
This appears on the "Save to ___" button in every reflection block, and as the heading in the Reflection Log block.
The small badge above each question. You can override it per block — this just sets the default.
Buttons, pill labels, highlights.
Log header bar, entry headings.
💾 Saved automatically in this browser — no need to redo this each time you come back.
The Reflection Log reads every saved response and displays them together at the end of the course. Fill in your course details, load or paste your entries, then generate.
Step 1 — Course Setup
Used as the display title in the Reflection Log and PDF header, and to generate the Storage Key.
⚠️ Must exactly match the Storage Key used in every reflection block for this course.
Same filename used in your Initial Reflection Block zip. This Reflection Log will also need to be uploaded as a Code Project with the image in the zip.
This is your credit line — it appears in the footer of the Reflection Log PDF Travelers download. Leave blank to omit it.
Also appears in the Reflection Log PDF footer, next to your name.
Step 2 — Reflection Entries
Load your entries from the tracker (built on the Plan All Blocks tab), paste tracker text from another session, or enter them manually. Order, Entry Key, and Question must match what you used in each reflection block exactly.
Built your blocks on the Plan All Blocks tab?or
Paste tracker text copied from the Plan All Blocks tab. Format: order | entry_key | label | question text — one entry per line.
#
Entry Key
Label
Question Text
👁️ Reflection Log Preview
This is how your Reflection Log will look and behave in Rise. Click "Load" to test it — since this preview shares your browser's storage with the live blocks, it can pull in real saved responses if the Storage Key matches.
✅ Your Reflection Log HTML
Plan your whole course here — fill in every row, then click ⚡ on a row when you're ready to grab its code. Generated blocks are saved to the Entry Tracker automatically.
Live Preview — Row 1
This is exactly how your first reflection block will look and behave in Rise. Row 1 below is pre-filled with an example — change any of its fields and watch the preview update.
Course Setup
Colors and log name come from the Customization tab.
#
Block Type
Pill Label
Image URL
Question Text
Supporting Text
Entry Label
Entry Key
⚡
📋
✕
📋 Entry Tracker
Entries save here automatically each time you generate a block. Use "Load from Tracker" in the Reflection Log tab to pull them in instantly, or click ↺ on any entry below to add it back to your grid.
No entries yet — generate a block above to start building your tracker.