Components

Head

<head>
  <script src="https://codemail.zymono.com/1.0/components.js" defer></script>
</head>

Promotion Message

Help spread codemail by including this component.

<cm-msg></cm-msg>

Disclaimer

Notify users that the Zymono Privacy Policy and Terms of Service apply to Codemail forms.

<cm-disclaimer></cm-disclaimer>

Agreement

Make users agree to your Terms of Service and Privacy Policy.

<cm-agree data-tos="{terms_of_service_url}" data-privacy="{privacy_policy_url}"></cm-agree>

Form

Create the whole subscribe form with one element

<cm-form data-token="{Your_Token}" data-formName="{Form_Name}" data-redirect="{Completion_Redirect}"></cm-form>

Styling Components

You can style all the components with a little bit of CSS.

  cm-msg {
    font-family: sans-serif;
  }

  cm-disclaimer {
    color: red;
  }

  cm-agree {
    font-size: 30px;
  }

  cm-form input[type=email] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
  }
  cm-form input[type=button], input[type=submit], input[type=reset] {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
  }
}

Analytics Signup

API Documentation

Examples

API 2.0 Documentation

Components

Head

Components

Styling Components

​Head

​Components

​Styling Components

Head

Components

Styling Components