Link Newsletter signup to groups.io

[johnshaw1000]

Currently this is using MailChimp plugin to create the form. Not as simple as just changing the link, can probably use WPForms though.

[johnshaw1000]

Is there a group on groups.io already?

I found FreeUKGEN-Documentation-Volunteers@groups.io but no others.

[johnshaw1000]

I think it's possible to embed a signup form provided by groups.io, but I can't tell until the group is created. @DeniseColbert can you create the group? (Or I can if you prefer.) The embed form feature is part of "Promote your group".

[DeniseColbert]

@johnshaw1000 yes we do have a group, here's the embed form code

<div class="classictemplate template" style="display: block;">
<style type="text/css">
  #groupsio_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
  #groupsio_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
  #groupsio_embed_signup .email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
  #groupsio_embed_signup {
    background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
  }
  #groupsio_embed_signup .button {

      width:25%; margin:0 0 10px 0; min-width:90px;
      background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
      background-repeat: repeat-x;
      border-color: #245580;
      text-shadow: 0 -1px 0 rgba(0,0,0,.2);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px;
      color: #fff;
      background-color: #337ab7;
      display: inline-block;
      margin-bottom: 0;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
    }
</style>
<div id="groupsio_embed_signup">
<form action="https://groups.io/g/FreeUKGEN-Newsletter/signup?u=9017578719157566037" method="post" id="groupsio-embedded-subscribe-form" name="groupsio-embedded-subscribe-form" target="_blank">
    <div id="groupsio_embed_signup_scroll">
      <label for="email" id="templateformtitle">Subscribe to our group</label>
      <input type="email" value="" name="email" class="email" id="email" placeholder="email address" required="">

    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9017578719157566037" tabindex="-1" value=""></div>
    <div id="templatearchives"></div>
    <input type="submit" value="Subscribe" name="subscribe" id="groupsio-embedded-subscribe" class="button">
  </div>
</form>
</div>
</div>

[DeniseColbert]

Can we have the style more as it is now rather than the style in the embed code?