Home » Categories » SignUp » Widgets and More

SignUp Community Event Form Widget

If you are interested in allowing community groups to submit requests to post events to the SignUp calendar, this is right widget for you! We have created this handy widget you can embed in your website that will automatically email staff with event request submissions, that can then quickly be set up as events in SignUp.


Please note: this widget is not supported by Evanced and can only be employed if you have a PHP server. Many popular website platforms may offer similar plugins, and we recommend using the fields from this one as a template for your own tool.

 

The Community Event Form widget is easy to setup and implement for someone with a basic understanding of html. Follow the instructions below to begin setting up this widget on your library's website! 

Be aware that working with widgets requires basic knowledge of HTML, CSS, and JavaScript code. You will need to have your own PHP server! 

 Before you are ready to use this widget, please follow these preliminary steps: 

  1. Download the attached zip file "evanced_eventform" at the bottom of this page and extract it. 

  2. Open the html file "EventForm.html" in a text editor and find the following script: 

<script type="text/javascript"> 

var _AdminRecipientEmail = "youremail@domain.com"; 

</script> 

  1. Replace the highlighted portion with the email address that you would like all event form submissions to be sent to.  

Your script should now look something like this: 

(If you wish to send the event form information to more than one email, separate the emails with a comma like this:   "testaccount@test.com, testaccount15@test.com") 

To embed the Community Event Form widget onto your website, please follow these steps: 

  1. Move all files contained within the "css" and "js" folders to your own file storage. 

    2. Move the file named "formHandler.php" into your own file storage. If you are putting it in a separate location as your html file, you will need to update the file path inside of formValidation.js (line 26).”

    3. Include references to all of the scripts and css from the image above into your website's html. (Don't forget to change the file pathing!)

    4. Create a link to the Community Event Form in your html. (There are a couple of methods for how to do this provided in the EventForm.html file, lines 17-18)

    5. Copy and paste everything within the <body> tags of EventForm.html into your own website's html. (Don't include lines 16-18) 

Custom Fields
  • Applicable To: Admin Users
  • Attachments: Yes
  • Summary: This is a simple webform you can embed in your website to gather community event requests.
5 (1)
Article Rating (1 Votes)
Rate this article
  • Icon PDFExport to PDF
  • Icon MS-WordExport to MS Word
Attachments (1) Attachments
Comments Comments
There are no comments for this article. Be the first to post a comment.
Related Articles
SignUp TinyCal Widget
Viewed 4492 times since Fri, Aug 16, 2013
SignUp Calendar Page URL Variables
Viewed 28576 times since Wed, Oct 17, 2012
SignUp Aggregate Widget
Viewed 2729 times since Fri, May 9, 2014
SignUp API
Viewed 3132 times since Wed, Jul 8, 2015
SignUp - Events XML Feed URL Variables
Viewed 40674 times since Thu, Nov 29, 2012
Signup Event List Widget
Viewed 37885 times since Tue, Jul 23, 2013