Skip to content
Contact forms made easy.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
examples
src
test
.gitignore
CHANGELOG.md
Gruntfile.js
LICENSE.md
README.md
index.js
package-lock.json
package.json
webpack.config.js

README.md

ContactJS

Easily create contact forms and integrate them with your Full Help's help desk software. Conveniently converting form submissions into conversations that you can easily manage and reply to.

See example contact form

Features

  • Quick integration with Full Help using the Restful API
  • Handles field validations
  • Events — perfect for showing custom success/error messages
  • Flexibility — create and style your form however you want

TL;DR

<form id="fh-contactjs">
    <!-- Success message -->
    <div class="alert alert-success alert-dismissible" id="sent-alert" role="alert" style="display: none;">
        <span class="message">We have received your message!</span>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <!-- User's first name (optional) -->
    <div class="form-group">
        <label>First name</label>
        <input type="text" name="first-name" id="first-name" class="form-control">
        <small id="first-name-field-error" class="form-text text-danger"></small>
    </div>
    
    <!-- User's last name (optional) -->
    <div class="form-group">
        <label>Last name</label>
        <input type="text" name="last-name" id="last-name" class="form-control">
        <small id="last-name-field-error" class="form-text text-danger"></small>
    </div>

    <!-- User's email address (required) -->
    <div class="form-group">
        <label>Email</label>
        <input type="email" name="email" id="email" class="form-control" required>
        <small id="email-field-error" class="form-text text-danger"></small>
    </div>
    
    <!-- Conversation subject (optional) -->
    <div class="form-group">
        <label>Subject</label>
        <input type="text" name="subject" id="subject" class="form-control">
        <small id="subject-field-error" class="form-text text-danger"></small>
    </div>
    
    <!-- Conversation message (required) -->
    <div class="form-group">
        <label>Message</label>
        <textarea name="message" id="message" cols="30" rows="10" class="form-control"></textarea>
        <small id="message-field-error" class="form-text text-danger"></small>
    </div>
    
    <button type="submit" class="btn btn-primary">Send</button>
</form>

<script>
    (function () {
        var ContactJs = new FullHelp.ContactJs({
            account: 6, // the ID of your Full Help instance account
            host: 'http://www.myhelpdesk.com/', // your Full Help's domain instance
            source: 'Form @ ' + window.location.host // Conversation source, e.g., "Form @ www.mywebsite.com"
        });
    })();
</script>

Documentation is in-progress!

You can’t perform that action at this time.