Add AtomJump Messaging to your site

You can also use this jsfiddle. Or see the full source of this demo page.

Now, try adding this to your own site, by following the 3 steps below.

1. Copy and paste the following into the <head> section of your HTML page:

<!-- AtomJump Feedback Starts -->
   <link rel="StyleSheet" href="https://frontcdn.atomjump.com/atomjump-frontend/bootstrap.min.css" rel="stylesheet">
	
	<!-- AtomJump Feedback CSS -->
	<link rel="StyleSheet" href="https://frontcdn.atomjump.com/atomjump-frontend/comments-1.0.4.css?ver=1">
	
	<!-- Bootstrap HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	
	<!-- Include your version of jQuery here. -->
	<script type="text/javascript" src="https://frontcdn.atomjump.com/atomjump-frontend/jquery-1.11.0.min.js"></script>
	
	<script>
		//Add your configuration here for AtomJump Feedback
		var ajFeedback = {
			"uniqueFeedbackId" : "api0-your-forum-name-here",	//Anything globally unique to your company/page, starting with 'apix-'	
			"myMachineUser" : "192.104.113.117:1",			
			"server":  "https://clst0.atomjump.com/api",
			"cssFeedback": "https://frontcdn.atomjump.com/atomjump-frontend/comments-1.0.4.css?ver=1",
			"cssBootstrap": "https://frontcdn.atomjump.com/atomjump-frontend/bootstrap.min.css"
		}
	</script>
	<script type="text/javascript" src="https://frontcdn.atomjump.com/atomjump-frontend/chat-1.1.1.js"></script>
        <!--No svg support -->
        <!--[if lt IE 9]>
          <script src="https://frontcdn.atomjump.com/atomjump-frontend/chat-1.0.7.js"></script>
        <![endif]-->
<!-- AtomJump Feedback Ends -->

2. Copy and paste the following into the <body> section of your page:

<!-- holds the popup comments. Can be anywhere between the <body> tags -->
<div id="comment-holder"></div>

3. Copy and paste the following link, where you want a link to open the messaging on your site:

<a class="comment-open" href="javascript:">Click me for messaging</a>

Or for more details on integration with your site, see the AtomJump Loop project:

More Details