wnsm-config.html

<script type="text/javascript">
  RED.nodes.registerType('wnsm-config', {
    category: 'config',
    defaults: {
      name: {
        required: true
      },
    },
    credentials: {
      clientId: {
        type: 'text',
        required: true
      },
      clientSecret: {
        type: 'text',
        required: true
      },
      apiKey: {
        type: 'text',
        required: true
      },
    },
    label: function() {
      return this.name
    }
  })
</script>

<script type="text/html" data-template-name="wnsm-config">
  <div class="form-row">
    <label for="node-config-input-clientId"><i class="fa fa-id-card-o"></i> Client ID</label>
    <input type="text" id="node-config-input-clientId">
  </div>
  <div class="form-row">
    <label for="node-config-input-clientSecret"><i class="fa fa-key"></i> Client secret</label>
    <input type="text" id="node-config-input-clientSecret">
  </div>
  <div class="form-row">
    <label for="node-config-input-apiKey"><i class="fa fa-key"></i> API key</label>
    <input type="text" id="node-config-input-apiKey">
  </div>
  <div class="form-row">
    <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
    <input type="text" id="node-config-input-name" placeholder="Symbolic name for settings">
  </div>
</script>