Share forms to your website, app or SMS

Follow

You can either share a particular form or a list of forms.

 

To share a particular form, tap the Share form button at the top right of the form page.

 

Forms can be added on your website, church app, or sent in an email or SMS so that people's responses are recorded directly in UCare.

Note: If you send a form via email or SMS, the recipient will autofill their existing info into the form. 

Note: If you are embedding multiple items from UCare on the same page, then "<script src="https://mychurch.ucareapp.com/Scripts/ucare.embed.js"></script>" should only be included on the page once.

form-share.png

Email and Facebook

The "Email and Facebook" link allows you to quickly share a link to the form; this can also be sent via SMS.

 

Web & App

The web code can be added to your website to integrate the form with your website's design. This way, the response will be saved in UCare without taking people away from your site.

The JavaScript version is a little more sophisticated, as it will automatically adjust the height of the form as needed. On the other hand, the Iframe version may display scroll bars if the form is taller than the Iframe. We recommend the Javascript code, but some website creation tools will not allow you to use JavaScript; if this is the case, use the Iframe version.

Note: Depending on the service you use to build your church app, you will likely need to use the Email link or JavaScript code options to embed a form in your church app.

 

Advanced

While the forms' design is consistent with the rest of UCare, this may not fit with the colors and fonts used on your website. If so, a custom CSS file can be specified to alter the form's design; you will need the help of someone with CSS skills to create a customized design.

Tip: You can upload the CSS file to a service like Dropbox. We do not hotlink the CSS file but download a copy every five minutes. This makes it easy for you to edit the CSS design, and the changes will be reflected on the form within five minutes.

 

Form example

Here is an example prayer request form that has been added to a website. If this person's name and contact details match a person you have on UCare, then it will be added to their profile when they submit the form. If, on the other hand, those details don't match, then a new person will be added along with their form submission.

forms.response.embed.png

 

To share a list of published forms, tap the Share published forms list button at the top right of the forms page.

form-list-share.png

Display types

Display types let you select one or more types of forms to include in the list.

Tip: Use the display type to get a list of forms related to each campus. If you have multiple campuses, you may have a different section on your website for each campus. If this is the case, you should use your campus names to group forms for each campus. This makes it easy to embed the list of campus forms on each campus section of your website. 

 

Email and Facebook

The "Email and Facebook" link allows you to quickly share a link to the forms list; this can also be sent via SMS. 

 

Web & App

The web code can be added to your website to integrate the forms list with your website's design. This way, the response will be saved in UCare without taking people away from your site.

The JavaScript version is a little more sophisticated, as it will automatically adjust the height of forms as needed. On the other hand, the Iframe version may display scroll bars if forms are taller than the Iframe. We recommend the Javascript code, but some website creation tools will not allow you to use JavaScript; if this is the case, use the Iframe version.

Note: Depending on the service you use to build your church app, you will likely need to use the Email link or JavaScript code options to embed a forms list in your church app.

 

Advanced

While the design of the forms list is consistent with the rest of UCare, this may not fit with the colors and fonts used on your website. If so, a custom CSS file can be specified to alter the forms list's design; you will need the help of someone with CSS skills to create a customized design.

Tip: You can upload the CSS file to a service like Dropbox. UCare does not hotlink the CSS file but instead downloads a copy every five minutes. This makes it easy for you to edit the CSS design, and the changes will be reflected in the forms list within five minutes.

 

Forms list example

Here is an example forms list that has been added to a website. The Display types option was left blank so that all form types would be displayed.

forms.published.png

Have more questions? Submit a request

Comments