Explore SignUpGenius Solutions
The Blog
</span> </div> </div> </div> <div class="spacer-sm"></div> <div class="hidden-xs"> <div class="sug-sticky-container"> <div class="sug-sticky-anchor"></div> <div class="sug-sticky-element" data-sug-sticky-adjacent-container-class="article-list-container" data-sug-sticky-refresh-click-element="view-more-button"> <render-Ad id="right_wideskyscraper" network="sortable" platform="desktop" category="resources" section="main" type="wideskyscraper" position="right"></render-Ad> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function () { // progressive loading is to allow a buffer for page loading and dynamic element changes on the page // e.g. ajax loaded content that impacts height, like facebook widget or ads, etc var progressiveLoadingSteps = 30; var progressiveLoadingInterval = 200; var calcStickyElementContainerHeight = function($thisSticky){ var $thisStickyContainer = $thisSticky.closest('.sug-sticky-container'); var $sugStickyAnchor = $thisSticky.prev('.sug-sticky-anchor'); // if you need to match the height of an adjacent container on the page if($thisSticky.data('sug-sticky-adjacent-container-class')){ var thisStickyReferenceContainer = document.querySelector('.' + $thisSticky.data('sug-sticky-adjacent-container-class')); if(thisStickyReferenceContainer){ var thisStickyReferenceContainerHeight = thisStickyReferenceContainer.offsetHeight; var pageOffset = window.pageYOffset; var stickyAnchorPos = pageOffset + $sugStickyAnchor[0].getBoundingClientRect().top; var stickyRefContainerPos = pageOffset + thisStickyReferenceContainer.getBoundingClientRect().top; var stickyAnchorDelta = stickyAnchorPos - stickyRefContainerPos; $thisStickyContainer.height((thisStickyReferenceContainerHeight - stickyAnchorDelta) + 'px'); } } // if you need to offset the scroll container height by a delta, this will generate a calc of 100% minus the height of the reference container if($thisSticky.data('sug-sticky-height-delta-class')){ var thisStickyReferenceContainer = document.querySelector('.' + $thisSticky.data('sug-sticky-height-delta-class')); if(thisStickyReferenceContainer){ var thisStickyReferenceContainerHeight = thisStickyReferenceContainer.offsetHeight; $thisStickyContainer.height('calc(100% - '+ thisStickyReferenceContainerHeight + 'px'); } } }; // progressive recalcs var refreshStickyElement = function($thisSticky){ var progressiveLoadCount = 0; var progressiveLoading = setInterval(function(){ progressiveLoadCount++; calcStickyElementContainerHeight($thisSticky); if(progressiveLoadCount > progressiveLoadingSteps){ clearInterval(progressiveLoading); } }, progressiveLoadingInterval); }; var initStickyElements = function(){ var sugStickyElements = document.querySelectorAll('.sug-sticky-element'); for(var i=0, len=sugStickyElements.length; i<len; i++){ var $thisSticky = $( sugStickyElements[i] ); // progressive load during init var progressiveLoadCount = 0; var progressiveLoading = setInterval(function(){ progressiveLoadCount++; calcStickyElementContainerHeight($thisSticky); if(progressiveLoadCount > progressiveLoadingSteps){ clearInterval(progressiveLoading); } }, progressiveLoadingInterval); // bind refresh triggers (do it once only) // data-sug-sticky-refresh-click-element is the class name of an element that should refresh the sticky height on click if($thisSticky.data('sug-sticky-refresh-click-element')){ var thisStickyRefreshTrigger = document.querySelector('.' + $thisSticky.data('sug-sticky-refresh-click-element')); if(thisStickyRefreshTrigger){ $(thisStickyRefreshTrigger).on('click',function(){ refreshStickyElement($thisSticky); }); } } }; }; initStickyElements(); }); </script> </div> </div> </div> <!-- /.container --> </div> <div id="sticky-bottom"></div> <div class="spacer-lg"></div> <div id="retargeting" style="display:none;"></div> <section class="background-lightyellow mktg-area bottom"> <div align="center" class="mktg" style="padding-bottom: 10px !important;"> <div id="botAd_id" data-ng-controller="bottomAdController" ng-cloak> <div id="botAdContainerId"> <div data-ng-if="showFooterAd"> <render-Ad id="bottom_dynamicbanner" network="sortable" platform="desktop" category="resources" section="main" type="dynamicbottombanner" themeid="0" responsive="true" position="bot"></render-Ad> </div> </div> </div> </div> </section> <footer> <div class="container no-print"> <div class="footer--responsive"> <!-- Hidden footer links on mobile with toggle to open --> <!-- Don't use these until fully responsive --> <div class="visible-xs centered"> <div class="row"> <div class="col-sm-12"> <div class="chzbrgr orange btn collapsed" id="trigger-bottom-nav" align="center" type="button" data-toggle="collapse" data-target="#collapseFooter" aria-expanded="false" aria-controls="collapseFooter"> <span class="sr-only">Toggle navigation</span> <span class="chzbrgr-layer"></span> <span class="chzbrgr-layer"></span> <span class="chzbrgr-layer"></span> <span class="chzbrgr-layer"></span> </div> </div> </div> </div> <div class="spacer-sm visible-xs"></div> <div class="row"> <div class="hidden-xs collapsible" id="collapseFooter"> <!-- <div id="collapseFooter"> --> <div class="col-xs-6 col-sm-3 col-lg-24" data-ng-controller="appSwitcherController"> <div class="h3">Use It For</div> <ul class="use-it-for"> <li><a href="/schools">School Sign Ups</a></li> <li><a href="/businesses">Business Schedules</a></li> <li><a href="/nonprofit-volunteer-management">Volunteer Sign Ups</a></li> <li><a href="/potluck">Potluck Invites</a></li> <li><a href="/nonprofit/fundraising-and-crowdfunding-website.cfm">Fundraising</a></li> <li><a href="/sportsteams">Sports Events</a></li> <li><a href="/churches">Church & Temple</a></li> <li><a href="/colleges">College Activities</a></li> <li><a href="/clubsgroups/scouts-troop-scheduling-website.cfm">Scouting Events</a></li> <li><a href="/school-spirit-wear-sales-software">School Spirit Wear</a></li> <li class="logos" id="auction"><a href="{{auctionsurl}}?utm_source=signupgenius.com&utm_medium=referral&utm_campaign=footer">Online Auctions</a></li> <li class="logos" id="sug-donations"><a href="{{donationsurl}}?utm_source=signupgenius.com&utm_medium=referral&utm_campaign=footer ">Donations Campaigns</a></li> <li class="logos" id="tickets"><a href="{{ticketsurl}}?utm_source=signupgenius.com&utm_medium=referral&utm_campaign=footer">Ticket Management</a></li> </ul> </div> <div class="col-xs-6 col-sm-3 col-lg-24"> <div class="h3">Helpful For</div> <ul> <li><a href="/event-registration-software">Event Registrations</a></li> <li><a href="/lessons-tutoring-registration-software">Lessons & Camp<br> Sign Ups</a></li> <li><a href="/parent-teacher-conferences">Parent Teacher Conferences</a></li> <li><a href="/online-meal-volunteer-sheets">Meal Sign Ups</a></li> <li><a href="/schoolpayments">School Fundraising</a></li> <li><a href="/carnival-and-festival-fundraisers">Festivals & Carnivals</a></li> <li><a href="/bookfair">Book Fair Volunteers</a></li> <li><a href="/dance-studio-registration-software">Dance Class Registrations</a></li> <li><a href="/direct-sales-products-software">Direct Sales Businesses</a></li> <li><a href="/photo-session-registration-software">Photography Sessions</a></li> </ul> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-sm-3 col-lg-24"> <div class="h3">About <span class="hidden-md hidden-lg">Us</span><span class="hidden-xs hidden-sm">SignUpGenius</span></div> <ul > <li><a href="/starterkit">Getting Started with<br> Sign Ups</a></li> <li><a href="/features">Features</a></li> <li><a href="/pricing">Pricing</a></li> <li><a href="/enterprise">Enterprise</a></li> <li><a href="/collect-money">Collect Money</a></li> <li><a href="/reviews">Reviews</a></li> <li><a href="/about">About Us</a></li> <li><a href="/news">Press Releases</a></li> <li><a href="/press-kit">Press Kit</a></li> <li><a href="/careers">Careers</a></li> <li><a href="/advertisewithus">Advertise with Us</a></li> </ul> </div> <div class="col-xs-6 col-sm-3 col-lg-24"> <div class="h3">Resources & Tips</div> <ul> <li><a href="/themes">Sign Up Designs</a></li> <li><a href="/resources">Planning Ideas</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/case-studies">Case Studies</a></li> <li><a href="/videos">Videos</a></li> <li><a href="/printables">Printables</a></li> <li><a href="/giving-back">Giving Back</a></li> <li><a href="/integrations">Partner Integrations</a></li> <li><a href="https://developer.signupgenius.com/">API Docs</a></li> <li><a href="/sitemap">Sitemap</a></li> <li><a href="/support">Help</a></li> <li><a href="/help">Contact Us</a></li> </ul> </div> </div> <!-- // Collapsible footer --> <div class="col-xs-8 col-xs-offset-2 col-sm-6 col-sm-offset-3 col-lg-24 col-lg-offset-0"> <div class="genius-search-tools"> <div class="h3">Get Started</div> <!-- Footer Site Search Box --> <!-- Footer Buttons --> <div class="hrow"> <a class="btn-green btn btn-block" href="index.cfm?go=w.Welcome&prior=w.createSignUp&formName=registerForm">Create a Sign Up</a> </div> <div class="hrow"> <a class="btn-green btn btn-block" href="/findasignup">Find a Sign Up</a> </div> <!-- Search box --> <div class="genius-search"> <form action="/sitesearch" method="GET"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search Resources" name="sitesearch"> <span class="input-group-btn"> <button type="submit" class="btn btn-success" type="button"> <span class="glyphicon glyphicon-search"> </span> </button> </span> </div> </form> </div> </div> <div class="clearfix"></div> <!-- Soc media links --> <div class="socmedia"> <div class="icon pin"><a href="http://pinterest.com/signupgenius" target="_blank"><img src="/images/icons/icon-pi.svg" class="img-responsive" onerror="this.onerror=null; this.src='/images/icons/icon-pi.png'" alt="Follow us on Pinterest @SignUpGenius" /></a></div> <div class="icon face"><a href="https://www.facebook.com/signupgenius" target="_blank"><img src="/images/icons/icon-fa.svg" class="img-responsive" onerror="this.onerror=null; this.src='/images/icons/icon-fa.png'" alt="Like us on Facebook" /></a></div> <div class="icon twit"><a href="https://twitter.com/signupgenius" target="_blank"><img src="/images/icons/icon-tw.svg" class="img-responsive" onerror="this.onerror=null; this.src='/images/icons/icon-tw.png'" alt="Follow us on Twitter @SignUpGenius" /></a></div> <div class="icon insta"><a href="http://instagram.com/signupgenius" target="_blank"><img src="/images/icons/icon-in.svg" class="img-responsive" onerror="this.onerror=null; this.src='/images/icons/icon-in.png'" alt="Follow us on Instagram @SignUpGenius" /></a></div> </div> </div> <!-- // col --> </div> <!-- // row --> </div> </div> <!-- // container --> </footer> <!-- Footer access & links --> <div class="sub-footer"> <div class="container"> <!-- Logo & Copyright --> <div class="logo"><a href="/"><img src="/images/logo-signupgenius-white-r.svg" class="img-responsive" onerror="this.onerror=null; this.src='/images/logo-signupgenius-white-r.png'" alt="SignUpGenius" /></a></div> <div class="copyright">©2025 SignUpGenius, Inc. All Rights Reserved. <br class="visible-xs" /><span class="hidden-xs"> </span><a href="/about/privacy.cfm">Privacy Policy</a> <a href="/about/terms-of-service.cfm">Terms of Service</a> <a class="change-consent pmLink" aria-label="Do Not Sell My Information" style="visibility: hidden;"> </a> <a class="change-consent gdpr-pmLink" aria-label="Privacy Preferences" style="visibility: hidden;"> </a> </div> </div> </div> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7088586.js?businessUnitId=33104"></script> <script> var _hsq = window._hsq = window._hsq || []; utility.isVendorAllowed("hubspot").then(function(vendorResult){ if(!vendorResult.allowed) { _hsq.push(['doNotTrack']); } }); </script> <!-- End of HubSpot Embed Code --> <script type="text/javascript"> if(window.userdef && window.userdef.email && window.userdef.email.length){ window.startAts(window.userdef.email); } </script> </body> </html> </circuit>
