diff --git a/examples/wmts-capabilities.html b/examples/wmts-capabilities.html
index e200e61391..64602befe6 100644
--- a/examples/wmts-capabilities.html
+++ b/examples/wmts-capabilities.html
@@ -14,10 +14,12 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li>
-            <li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li>
+            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
+  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
+            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
+            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -46,6 +48,7 @@
 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
     <script src="loader.js?id=wmts-capabilities" type="text/javascript"></script>
+    <script src="social-links.js" type="text/javascript"></script>
 
   </body>
 </html>