FAQ - Cloud Chat 3 - SignUp Form

Cloud Chat 3 - SignUp Form

08.06.2020 245


With the release of Cloud Chat 3 - Version 2.5 we have build in the new sign up form.

You can of course implement the sign up form in your own website in case you don't want to use the build in sign up form. Important here is to use the correct classes and link the javascript files.

The form looks like this:

<form action="process/form.php" class="jak-ajaxform">
              <h2 class="mb-4 mt-0 text-center">Sign Up for Free</h2>

              <div class="jak-thankyou"></div>

              <div class="form-show-hide">

              <div class="form-group">
                <input type="text" name="username" id="username" class="form-control" maxlength="100" placeholder="Username">
                <span class="form-text text-muted username-help"></span>
              </div>
              <div class="form-group">
                <input type="text" name="signup" id="signup" class="form-control" maxlength="100" placeholder="Email">
                <span class="form-text text-muted signup-help"></span>
              </div>
              <div class="form-group">
                  <select name="location" id="location" class="form-control">
                    <option value="1" selected>Europe</option>
                    <!-- <option value="2">Asia/Pacific</option>
                    <option value="3">South America</option> -->
                  </select>
              </div>
              <div class="form-group">
                <div class="form-check">
                  <input class="form-check-input dsgvo" type="checkbox" value="1" name="dsgvo" id="dsgvo">
                  <label class="form-check-label" for="dsgvo">
                    Agree to terms and conditions
                  </label>
                </div>
              </div>
              <div class="form-group">
                <input type="submit" class="btn btn-primary btn-lg btn-block" value="Register">
              </div>

            </div>
            </form>

This is the bare minimum for the html form in combination with Bootstrap 4.

Should your sign up form not be on the same domain, that includes sub domains, you will need to change the URL in the form itself: process/form.php will become something like: https://yoursignupdomain.com/process/form.php

There is also a change necessary in the location id, it needs to fit your location id from the administration panel. It is described here: Correct Location ID. Of course if you have more than one location, you can add more like in the code below.

<select name="location" id="location" class="form-control">
                    <option value="1" selected>Europe</option>
                    <option value="2">Asia/Pacific</option>
                    <option value="3">South America</option>
                  </select>

You will also need to link the javascript file and the location url.

<script src="assets/js/slick.min.js"></script>
<script type="text/javascript">var wloc = window.location.href;</script>
<script src="assets/js/main.js"></script>

Make sure jQuery is available on your page or website and the path to the javascript file is correct. We are looking forward for some great websites made by you!

Again if your sign up form is one a different domain, you will need to adapt following line:

<script type="text/javascript">var wloc = window.location.href;</script>

This would become something like this:

<script type="text/javascript">var wloc = 'https://yoursignupdomain.com'</script>