<section class="form-wrapper">
    <h2>Join our mailing list</h2>
    <form name="signup" id="signup" action="https://qubamailer.co.uk/signup.ashx" method="post" onsubmit="return validate_signup(this, true)">
        <div class="form-group field-required">
            <label for="email">Email<span class="required">*</span></label>
            <div>
                <input id="email" name="email" class="form-control" type="email" placeholder="Enter email address" aria-label="Email" required>
            </div>
        </div>
        <div class="form-group field-required">
            <label for="cd_FIRSTNAME">First name<span class="required">*</span></label>
            <div>
                <input id="cd_FIRSTNAME" name="cd_FIRSTNAME" class="form-control" type="text" aria-label="First name" required>
            </div>
        </div>
        <div class="form-group field-required">
            <label for="cd_LASTNAME">Last name<span class="required">*</span></label>
            <div>
                <input id="cd_LASTNAME" name="cd_LASTNAME" class="form-control" type="text" aria-label="Last name" required>
            </div>
        </div>
        <p>The information you supply on this 'Events - Register with us' form will be held and processed in line with the Data Protection Act 2018 and GDPR.</p>
        <p>We use this information to register you for your monthly events e-newsletter. This is managed by our Development and Alumni Relations Office.</p>
        <p>We retain this data for up to five years, after such time we will contact you to check you still wish to receive the monthly events e-newsletter.</p>
        <p>As a data subject you can withdraw that consent at any time by contacting <a href="mailto:[email protected]">[email protected]</a>.</p>
        <p>Our Data Protection Officer (DPO) is James Eaglesfield (01332) 591762. Our Deputy DPO is Helen Rishworth (01332) 591954. Alternatively you can email <a href="mailto:[email protected]">[email protected]</a>.</p>
        <p>Further information on how we handle your information can be found here on our <a href="https://www.derby.ac.uk/services/its/data-governance/privacy-notices/">privacy policy</a>.</p>
        <div class="form-group field-required">
            <fieldset id="ci_userConsentRadio">
                <legend>I give my explicit consent for my details to be used to receive the monthly alumni e-newsletter.<span class="required">*</span></legend>
                <div>
                    <div class="radio radio-pretty radio-inline">
                        <label for="ci_userConsentRadioYes">
						<input id="ci_userConsentRadioYes" type="radio" name="ci_userConsentRadio" value="yes" aria-label="Yes" required> 
						<span></span>
						Yes					</label>
                    </div>
                    <div class="radio radio-pretty radio-inline">
                        <label for="ci_userConsentRadioNo">
						<input id="ci_userConsentRadioNo" type="radio" name="ci_userConsentRadio" value="no" aria-label="No" required> 
						<span></span>
						No					</label>
                    </div>
                </div>
            </fieldset>
        </div>
        <div class="submitButtons">
            <button class="button-yellow button-giant" title="Join our mailing list" role="button" type="submit" tabindex="0" data-scroll>
        Sign up
            <span class="button-overlay"><span>
                        Sign up
                    </span></span></button> </div>
        <input type="hidden" name="addressbookid" value="192852">
        <input type="hidden" name="ci_isconsentform" value="true">
        <input type="hidden" name="userid" value="22267">
        <input type="hidden" name="SIG83b9612aa4d6f9a096e0c1679dacbec825104b73395e4cd4070afca648057acc" value="">
        <!-- ReturnURL - when the user hits submit, they'll get sent here -->
        <input type="hidden" name="ReturnURL" value="">
        <input type="hidden" name="ci_userConsentText" value="The information you supply on this 'Events - Register with us' form will be held and processed in line with the Data Protection Act 2018 and GDPR.We use this information to register you for your monthly events e-newsletter. This is managed by our Development and Alumni Relations Office.We retain this data for up to five years, after such time we will contact you to check you still wish to receive the monthly events e-newsletter.As a data subject you can withdraw that consent at any time by contacting [email protected] Data Protection Officer (DPO) is James Eaglesfield (01332) 591762. Our Deputy DPO is Helen Rishworth (01332) 591954. Alternatively you can email [email protected] information on how we handle your information can be found here on our privacy policy.">
        <input type="hidden" id="ci_consenturl" name="ci_consenturl" value="">
    </form>
</section>
<script type="text/javascript">
    <!--
    var urlInput = document.getElementById("ci_consenturl");
    if (urlInput != null && urlInput != 'undefined') {
        urlInput.value = encodeURI(window.location.href);
    }

    function checkbox_Clicked(element) {
        document.getElementById(element.id + "_unchecked").value = !element.checked;
    }

    function validate_signup(frm, showAlert) {
        var emailAddress = frm.email.value;
        var errorString = '';
        if (emailAddress == '' || emailAddress.indexOf('@') == -1) {
            errorString = 'Please enter your email address';
        }
        var checkBoxValue = frm.ci_userConsentRadioYes.checked;
        if (checkBoxValue == false) {
            errorString = 'You must accept the terms';
        }
        var isError = false;
        if (errorString.length > 0) {
            isError = true;
            if (showAlert) alert(errorString);
        }
        return !isError;
    }
    //-->
</script>
<section class="form-wrapper">
    <h2>{{ title }}</h2>
    <form name="signup" id="signup" action="https://qubamailer.co.uk/signup.ashx" method="post" onsubmit="return validate_signup(this, true)">
        {% if success %}
            {% include '@alert' with {
                text: '<p class="large">Thank you for subscribing</p><br>You\'ll recieve an email shortly asking you to confirm your subscription.</p>',
                type: 'success',
            } %}
        {% endif %}
        {% include '@input' with {
            id: 'email',
            name: 'email',
            label: 'Email',
            ariaLabel: 'Email',
            type: 'email',
            placeholder: 'Enter email address',
            required: true,
        } %}
        {% include '@input' with {
            id: 'cd_FIRSTNAME',
            name: 'cd_FIRSTNAME',
            label: 'First name',
            ariaLabel: 'First name',
            type: 'text',
            required: true,

        } %}
        {% include '@input' with {
            id: 'cd_LASTNAME',
            name: 'cd_LASTNAME',
            label: 'Last name',
            ariaLabel: 'Last name',
            type: 'text',
            required: true,
        } %}
        {{ consentText }}
        {% include '@input-choice' with {
            id: 'ci_userConsentRadio',
            name: 'ci_userConsentRadio',
            label: consentLabel,
            type: 'radio',
            required: true,
            inline: true,
            choices : [
                {
                    id: 'ci_userConsentRadioYes',
                    label: 'Yes',
                    value: 'yes',
                    ariaLabel: 'Yes',
                },
                {
                    id: 'ci_userConsentRadioNo',
                    label: 'No',
                    value: 'no',
                    ariaLabel: 'No',
                },
            ]
        } %}
        <div class="submitButtons">
            {% include '@button' with { 
                label: 'Sign up',
                href: '#',
                scheme: 'yellow',
                size: 'giant',
                submit: true,
            } %}
        </div>
        <input type="hidden" name="addressbookid" value="{{ addressBookId }}">
        <input type="hidden" name="ci_isconsentform" value="true">
        <input type="hidden" name="userid" value="{{ userId }}">
        <input type="hidden" name="{{ sigFieldName }}" value="">
        <!-- ReturnURL - when the user hits submit, they'll get sent here -->
        <input type="hidden" name="ReturnURL" value="">
        <input type="hidden" name="ci_userConsentText" value="{{ consentText|striptags }}">
        <input type="hidden" id="ci_consenturl" name="ci_consenturl" value="">
    </form>
</section>
<script type="text/javascript">
    <!--
    var urlInput = document.getElementById("ci_consenturl");
    if (urlInput != null && urlInput != 'undefined') {
        urlInput.value = encodeURI(window.location.href);
    }
    function checkbox_Clicked(element) {
        document.getElementById(element.id + "_unchecked").value = !element.checked;
    }
    function validate_signup(frm, showAlert) {
        var emailAddress = frm.email.value;
        var errorString = '';
        if (emailAddress == '' || emailAddress.indexOf('@') == -1) {
            errorString = 'Please enter your email address';
        }
        var checkBoxValue = frm.ci_userConsentRadioYes.checked;
        if (checkBoxValue == false) {
            errorString = 'You must accept the terms';
        }
        var isError = false;
        if (errorString.length > 0) {
            isError = true;
            if (showAlert) alert(errorString);
        }
        return !isError;
    }
    //-->
</script>
{
  "addressBookId": 192852,
  "sigFieldName": "SIG83b9612aa4d6f9a096e0c1679dacbec825104b73395e4cd4070afca648057acc",
  "userId": 22267,
  "title": "Join our mailing list",
  "consentText": "<p>The information you supply on this 'Events - Register with us' form will be held and processed in line with the Data Protection Act 2018 and GDPR.</p><p>We use this information to register you for your monthly events e-newsletter. This is managed by our Development and Alumni Relations Office.</p><p>We retain this data for up to five years, after such time we will contact you to check you still wish to receive the monthly events e-newsletter.</p><p>As a data subject you can withdraw that consent at any time by contacting <a href=\"mailto:[email protected]\">[email protected]</a>.</p><p>Our Data Protection Officer (DPO) is James Eaglesfield (01332) 591762. Our Deputy DPO is Helen Rishworth (01332) 591954. Alternatively you can email <a href=\"mailto:[email protected]\">[email protected]</a>.</p><p>Further information on how we handle your information can be found here on our <a href=\"https://www.derby.ac.uk/services/its/data-governance/privacy-notices/\">privacy policy</a>.</p>",
  "consentLabel": "I give my explicit consent for my details to be used to receive the monthly alumni e-newsletter."
}

Quba sign up form

Form to allow a user to subscribe to a Quba mailing list, the data will feed straight into Quba avoiding the need for a Wufoo form.

The component has a number of hidden configuration fields which need completing with information from Quba.

Properties

  • title [required, string]
  • addressBookId [required, integer]
  • sigFieldName [required, string]
  • userId [required, integer]
  • consentText [required, string]
  • consentLabel [required, string]