Code Widget Block [ Beta ]

The Code Widget Block is currently in beta, but I want to finish it and polish it for production.

The goal is to create an escape hatch for anything Outcome doesn't support natively yet: calculators, custom tools, interactive widgets, niche functionality, and other small experiences.

The way it works today is pretty simple.

You add a Code Widget Block, “vibe code” what you want with the Agent, and it generates the block for you.

This isn't meant to be a full app builder. It's a small, focused piece of functionality that lives inside your Outcome page.

When you publish, the code is saved and renders like any other block.

One part of this that I think is especially useful is that the widget can save and update data on the lead's profile.

So if someone uses a calculator, fills in values, changes settings, or interacts with the widget, that data can persist. If they come back later, their state can still be there.

It's subtle, but I think this becomes important as Outcome Funnels get more interactive.

Things to finish

• Design & styling — I want generated widgets to feel as native to the Outcome page as possible. Fonts, spacing, cards, inputs, buttons, and other styling should inherit the look and feel of the page.

  
  There should also be enough “taste” built into the Agent that it's difficult to accidentally create something ugly. Unless you ask it to. :)

• Templates & examples — A blank prompt can be stressful. I want to add useful starting points like calculators, assessments, planners, comparison tools, estimators, and other widgets you can instantly use and tweak.

• More efficient editing — Right now, even a small change can cause the Agent to rewrite the entire widget. Prompt caching helps, but I want to explore more targeted editing so small changes only touch the parts that need to change. This one may come later, but it's an interesting problem.

The bigger idea is simple:

If Outcome doesn't have the exact block you need, you should be able to make it.