← Back to Examples

Custom Result

Display custom success content with field variable interpolation using sf-result.

Live Demo

🎉

Thank you %full_name%!

We will get back to you as soon as possible.

We'll do our best not to spam %email%, but we can't make any promises

Source Code

On this form

  • • Create your own HTML result content within sf-result tags
  • • Add form variables in the content using %field_name% - if empty, it won't show
  • • Unhides element during loading AND submit state loading:show
  • • Apply a class during submit state only submit:class
  • • Add validation using sf-validate:[type]
  • • Return errors using error-show-text:[field_name]

Best Practice: Hide state content (like results) while the engine loads with style="display:none"

Documentation Reference