<div class="js-only promo__form__container">
    <div class="promo__intro-text-container"> Dolore amet ea ad aliquip ad labore incididunt dolore occaecat est ex consectetur. </div>
    <div class="client-form__success">
        <p>Thank you. If this is the first time you have subscribed to a newsletter from Wellcome, you will receive an email asking you to confirm your subscription.</p>
    </div>
    <div id="signup-error"></div>
    <form class="client-form" action="/what-we-do" method="post" id="corp-newsletter-newsletter-subscription" accept-charset="UTF-8">
        <div>
            <div class="form-item form-type-textfield form-item-newsletter-email">
                <label for="edit-newsletter-email">Your email address </label>
                <input class="form-text " type="email" id="edit-newsletter-email" name="newsletter_email" maxlength="256" required="required" data-expansion="horizontal" pattern="[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,256}">
                <div role="alert" class="form-error--required"><span class="visuallyhidden">Error on the "Your email address" field.</span><span class="form-error__text">Please provide a valid email address.</span></div>
                <div role="alert" class="form-error--invalid"><span class="visuallyhidden">Error on the "Your email address" field.</span>Please provide a valid email address.</div>
            </div>
            <div class="form-item form-type-checkbox form-item-consent">
                <input required="1" type="checkbox" id="edit-consent" name="consent" value="1" class="form-checkbox">
                <label class="option" for="edit-consent">I agree to receive this newsletter. </label>
                <div role="alert" class="form-error--required"><span class="visuallyhidden">Error on the "I agree to receive this newsletter." field.</span><span class="form-error__text">Please check this box to agree to our terms and conditions.</span></div>
                <div role="alert" class="form-error--invalid"><span class="visuallyhidden">Error on the "I agree to receive this newsletter." field.</span>Please check this box to agree to our terms and conditions.</div>
            </div>
            <input type="hidden" name="type" value="corporate">
            <input type="submit" id="edit-submit" name="op" value="Subscribe" class="form-submit"><input type="hidden" name="form_build_id" value="form-CZVGh3wKmOGgDmfgFVAq-DOmUtcQekC50PEdiPzRBMA">
            <input type="hidden" name="form_id" value="corp_newsletter_newsletter_subscription">
        </div>
    </form>
    <p class="form-footer">
        We use a third party provider, Dotmailer, to deliver our newsletters. For information about how we handle your data, please read our <a href="/about-us/terms-use" aria-label="We use a third party provider, Dotmailer, to deliver our newsletters. For information about how we handle your data, please read our privacy notice">privacy notice</a>.
        You can unsubscribe at any time using links in the emails you receive.
    </p>
</div>
<p class="form-footer">
    We use a third party provider, Dotmailer, to deliver our newsletters. For information about how we handle your data, please read our <a href="/about-us/terms-use" aria-label="We use a third party provider, Dotmailer, to deliver our newsletters. For information about how we handle your data, please read our privacy notice">privacy notice</a>.
    You can unsubscribe at any time using links in the emails you receive.
</p>
</div>
<div class="promo__link nojs-only"> </div>

Description


Content notes

UX notes

Design notes

Back-end notes

Front-end notes

{
  "body": "Dolore amet ea ad aliquip ad labore incididunt dolore occaecat est ex consectetur.",
  "form_success": "<div class=\"client-form__success\"><p>Thank you. If this is the first time you have subscribed to a newsletter from Wellcome, you will receive an email asking you to confirm your subscription.</p></div>",
  "form": "\n<div id=\"signup-error\"></div>\n  <form class=\"client-form\" action=\"/what-we-do\" method=\"post\" id=\"corp-newsletter-newsletter-subscription\" accept-charset=\"UTF-8\"><div><div class=\"form-item form-type-textfield form-item-newsletter-email\">\n    <label for=\"edit-newsletter-email\">Your email address </label>\n    <input class=\"form-text \" type=\"email\" id=\"edit-newsletter-email\" name=\"newsletter_email\" maxlength=\"256\" required=\"required\" data-expansion=\"horizontal\" pattern=\"[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,256}\">\n    <div role=\"alert\" class=\"form-error--required\"><span class=\"visuallyhidden\">Error on the \"Your email address\" field.</span><span class=\"form-error__text\">Please provide a valid email address.</span></div>\n    <div role=\"alert\" class=\"form-error--invalid\"><span class=\"visuallyhidden\">Error on the \"Your email address\" field.</span>Please provide a valid email address.</div></div>\n    <div class=\"form-item form-type-checkbox form-item-consent\">\n     <input required=\"1\" type=\"checkbox\" id=\"edit-consent\" name=\"consent\" value=\"1\" class=\"form-checkbox\">\n     <label class=\"option\" for=\"edit-consent\">I agree to receive this newsletter. </label>\n     <div role=\"alert\" class=\"form-error--required\"><span class=\"visuallyhidden\">Error on the \"I agree to receive this newsletter.\" field.</span><span class=\"form-error__text\">Please check this box to agree to our terms and conditions.</span></div><div role=\"alert\" class=\"form-error--invalid\"><span class=\"visuallyhidden\">Error on the \"I agree to receive this newsletter.\" field.</span>Please check this box to agree to our terms and conditions.</div></div>\n     <input type=\"hidden\" name=\"type\" value=\"corporate\">\n     <input type=\"submit\" id=\"edit-submit\" name=\"op\" value=\"Subscribe\" class=\"form-submit\"><input type=\"hidden\" name=\"form_build_id\" value=\"form-CZVGh3wKmOGgDmfgFVAq-DOmUtcQekC50PEdiPzRBMA\">\n     <input type=\"hidden\" name=\"form_id\" value=\"corp_newsletter_newsletter_subscription\">\n    </div>\n  </form>\n  <p class=\"form-footer\">\n    We use a third party provider, Dotmailer, to deliver our newsletters. For information about how we handle your data, please read our <a href=\"/about-us/terms-use\" aria-label=\"We use a third party provider, Dotmailer, to deliver our newsletters. For information about how we handle your data, please read our privacy notice\">privacy notice</a>. You can unsubscribe at any time using links in the emails you receive.\n  </p>\n</div>",
  "nojsonly": null
}
  • Handle: @newsletter-form
  • Preview:
  • Filesystem Path: ../../modules/custom/corp_markup/theme/promos/newsletter_form.tpl.php/newsletter_form.tpl.php