CalcBuilder Tutorial

The express route from nothing to a working calculator on your site. Every step has a full tutorial of its own if you want the detail.

1. Create it (30 s)

Components → Calc Builder → Add, type a Name, Save.

2. Add the input fields (1 min)

Open Form Fields. For each input: type its name, Add new Field, select it, set Type (e.g. Number). Give each a short Variable you will use in code. Save.

3. Write the maths (1 min)

Open PHP Code. Read the fields as $variable, assign your results:

$result = $a + $b;
$result = number_format($result, 2);

Save.

4. Design the result (1 min)

Open Exit Layout and write the HTML with ##result## where the figure should appear. Save. (Skip Form Layout for now — the default stacked form is fine.)

5. Publish (1 min)

Menus → Add New Menu Item, type Calc Builder → Calc Builder, then on the Options tab select your calculator (mandatory). Save & Close and open the page.