Developers

Our platform was built to be flexible and intuitive for developers like you. You own all the data you collect with Tradable Bits. Our API and SDK are designed to make it easy to access your fan data, tickets and campaigns at any time, on your terms. Customize the front end of any of your campaigns with the help of our documentation, complete with examples. Our RESTful API helps you access, send or receive fan data from our system to your endpoints quickly and securely. Enrich your Fan CRM and Tickets Analytics with data from other CRM systems through our many integrations. Have any questions about our developers platform? Our support team is happy to help.

Opt-in Form on the website

This page provides an simple HOWTO on integrating javascript driven opt-in form into your website

Fully functional example on embedding signup form into your website, which will be fully integrated into Tradable Bits CRM


<html>
<head>
    <link rel="stylesheet" href="https://tradablebits.com/static/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="https://tradablebits.com/static/jquery/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="https://tradablebits.com/static/js/libs/underscore.js"></script>
    <script type="text/javascript" src="https://tradablebits.com/static/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://tradablebits.com/tbits-sdk.js"></script>
    <script type="text/javascript">
        var apiKey = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
        $(document).ready(function(){
            $(".signup-btn").click(signupModal);
        });

        function signupModal(){
            let template = $("#signup-template").html();
            $("#modal-area").html(template).toggle();
            $("#send-signup-btn").click(sendSignup);
            return false;
        }
        function callback(res){
            console.log("Success");
            console.log(res);
        }

        function errorCallback(res){
            console.log("Error");
            console.log(res.responseText);
        }

        function sendSignup(){
            let firstName = $("input[name=first_name]").val();
            let lastName = $("input[name=last_name]").val();
            let email = $("input[name=email]").val();
            let data = {first_name:firstName,last_name:lastName,email:email,network:"register",is_subscribed:"true"};
            apiConnect(apiKey,callback,errorCallback,data);
            return false;
        }
    </script>
    <script type="text/template" id="signup-template">
        <div class="well">
            <form class="form">
                <label class="control-label"> First Name </label><input type="text" class="form-control" name="first_name" />
                <label class="control-label"> Last Name </label><input type="text" class="form-control" name="last_name" />
                <label class="control-label"> Email </label><input type="text" class="form-control" name="email" />
                <br/>
                <a href="#" class="btn btn-primary" id="send-signup-btn"> Signup </a>
            </form>
        </div>
    </script>
</head>
<body class="container">
    <h1> Signup Example </h1>
    Click on Signup to signup<br/>
    <a class="signup-btn btn btn-default" href="#"> Signup </a>
    <br/>
    <br/>
    <div id="modal-area" style="display:none;"></div>
</body>
</html>