How to Use the The Calculation Element (Landing Pages)

The Calculation element lets a landing page compute and display a value without a form. It pulls a number from a URL parameter (like one your ad or a previous page passes in), runs a formula, and shows a styled result on the page.

This is different from the form calculator: the form calculator takes inputs the visitor types; the Calculation element takes its input from the URL and simply displays the result.


When to use it

  • An ad or a prior page passes a value in the URL (e.g. ?offer_amount=45000  ) and you want the page to show a computed number based on it.
  • You want a personalized figure on a landing page or a thank-you / upsell sub-page without asking the visitor to type anything.

Adding a Calculation element

1. Add the Calculation element

On your landing page, add the Calculation element from the elements palette.

2. Create a value to display

Open its editor and create a value to display (give it a name, a label, and a format - currency, percent, or number).

3. Write the formula

Write the formula for that value. You can pull a URL parameter directly with {utm:parameter_name|fallback}   and combine it with numbers and math.

Examples:

  • {utm:offer_amount|45000} * 0.9   - takes the offer_amount   from the URL and shows 90% of it
  • {utm:price|500} - 50   - the URL's price   minus 50

4. Set a fallback

The fallback (after the |  ) is what shows if the parameter isn't in the URL, so the page always displays a sensible number - set it to a realistic value.

5. Style the result

Style the result (accent color, size) and save.

You can add more than one value, and values can reference each other by name.


Passing the result to another sub-page (thank-you / upsell / downsell)

Multi-page funnels are made of a main page plus sub-pages (thank-you, upsell, downsell). Each sub-page is its own page, so it can't recalculate the main page's inputs on its own.

LeadCapture passes the computed results forward automatically.

When a visitor moves from your main page to a sub-page (via your Continue button, a branching rule, or a redirect to a child page), the values shown in your results are carried along in the link.

On the sub-page, just add a Calculation element (or a results display) that references the same value names, and it will show the numbers computed on the previous page - no re-entry, no re-calculation needed.

A few things to know

  • Only values you display are carried forward.
  • The sub-page shows the carried value; it doesn't recompute from scratch (which is exactly what you want, since the sub-page doesn't have the original inputs).
  • If you send the visitor to an external URL instead of a sub-page, the results are appended to that link too (they're your funnel's own numbers going to the destination you configured).

Tips

  • Match parameter names exactly - {utm:offer_amount}   reads the offer_amount   value from the URL.
  • Always set a fallback so the page never shows a broken or zero value in preview or when the parameter is missing.
  • Preview the page with the parameter in the URL (e.g. add ?offer_amount=45000   to the preview link) to see the real computed value.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.