University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Formstack Component

Provides a simple way for authors to embed an existing Formstack.com form into a UBCMS page.

Using This Component

Add the component to the page. It is represented by a bar and has one tab.

The component as it looks when first loaded onto the page.

The component when first loaded onto the page. Click the edit button to enter the code.

When the component is opened for editing, it will initially display 'Use Formstack's Quick Start embed code.' Simply paste in the code from your Formstack form here. There are no further options or settings.

The component opened for editing, showing where the code is pasted.

The component opened for editing, showing where the code is pasted.

Use the Default Formstack Code

With this component, you can use the default code from Fromstack.com. There is no need to turn off jQuery (unlike earlier ways of embedding these forms in the HTML Snippet). Conversely, this method does not support turning off jQuery, jQuery UI, or FormStack-derived themes.

The UBCMS component will convert the code into the “no jquery” version of the code.

The component validates the pasted Formstack code and will alert the author if there are any problems.

Initially a "Form is loading…" message may be displayed, but will disappear as the actual form is loaded from Formstack.

The component opened for editing, showing code pasted in.

The component opened for editing, showing code pasted in.

Where Do I Find the Code in Formstack?

This component uses the default version of the embed code from your Formstack form.

This code is located with your form on Formstack.com. Look in the Publish tab, under 'Quick Start.'

Where to find the embed code on the FormStack.com site.

Where to find the embed code on the Formstack.com site.

Errors

If there are any problems with the code that was copied from Formstack, the component will display an error message in the Author environment; e.g. if jQuery is turned OFF in Formstack.com when the code was generated, or if only part of the code was copied.

The component displaying an error message when bad code has been entered.

The component displaying an error message when bad code has been entered.

Restrictions

None.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

Read more about using forms in the UBCMS, including Formstack, in this Advanced Topic.

Need to turn off jQuery or jQuery UI?

This component uses the default code from Fromstack.com. If you NEED to use the code with jQuery or jQuery UI turned off, consider embedding your form using the HTML Snippet.

Related Components:

Last Reviewed:

October 26, 2016