-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·127 lines (114 loc) · 6.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>STOMT Website Integrations Showcase</title>
<meta name="description" content="Collect feedback from your websites with STOMTs website integrations">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://cdn.stomt.com/favicon32.ico"/>
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap-1.min.css">
<link rel="stylesheet" href="css/main-1.css">
</head>
<body>
<script>
// Include the Stomt JavaScript SDK
(function(w, d, n, r, t, s){
w.Stomt = w.Stomt||[];
t = d.createElement(n);
s = d.getElementsByTagName(n)[0];
t.async=1;
t.src=r;
s.parentNode.insertBefore(t,s);
})(window, document, 'script', 'https://www.stomt.com/widget.js');
Stomt.push(['addTab', {appId: 'AfRaltKwqi39T8nSXdzPsmCtx', preload: true, colorBackground: '#171c36', colorHover: '#757e82'}]);
</script>
<div class="header-desktop">
<div class="header-desktop-content">
<a class="nav-logo" href="https://www.stomt.com/">
<div class="logo"></div>
<h1>stomt.com</h1>
</a>
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron knockout">
<h1 class="knockout">STOMT For Websites</h1>
<h4>Collect and get wishes voted from your websites</h4>
</div>
<div class="container">
<!-- Widget -->
<div class="row" id="widget">
<div class="col-md-8 ">
<h3 id="install">Javascript / Website Widget Overview</h3>
<p>Do you see the "Feedback" button to the right? This is how the normal STOMT website widget looks like. But our widget supports different kinds of integration, which we show here.</p>
<p>Installation:
<ol>
<li><a href="http://stomt.com/integrate" title="Generate an App-Id for one of your STOMT pages">Get an App-Id</a></li>
<li>Copy & Paste the widget below or use one of our thirdparty integrations (to the right)</li>
<li><a href="https://github.com/stomt/stomt-javascript-sdk" title="Customize your STOMT web integration">Customize if needed.</a></li>
</ol>
</p>
<script src="https://gist.github.com/maxklenk/b6168319d87cdf8be37a35e4b4315b3b.js"></script>
</div>
<div class="col-md-2 col-md-offset-1">
<h3 id="thirdparty">Thirdparty</h3>
<ul class="list-group">
<li class="list-group-item"><a title="Collect customer feedback from your Wordpress site via STOMT" href="https://wordpress.org/plugins/stomt-instant-feedback-button/" target="_blank">Wordpress</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your Drupal site via STOMT" href="https://www.drupal.org/project/stomt" target="_blank">Drupal</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your Kirby CMS site via STOMT" href="https://github.com/stomt/stomt-kirby-extension" target="_blank">Kirby CMS</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your Joomla site via STOMT" href="https://extensions.joomla.org/extension/stomt-feedback" target="_blank">Joomla</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your Woltlab site via STOMT" href="https://github.com/stomt/stomt-woltlab-extension" target="_blank">Woltlab</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your Shopware site via STOMT" href="https://github.com/stomt/stomt-Shopware-extension" target="_blank">Shopware</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your Vanilla forum via STOMT" href="https://open.vanillaforums.com/addon/stomtfeedback-plugin" target="_blank">Vanilla Forums</a>
</li><li class="list-group-item"><a title="Collect customer feedback from your NodeBB forum via STOMT" href="https://github.com/stomt/stomt-nodebb-extension" target="_blank">NodeBB</a>
</li></ul>
</div>
</div>
<!-- Creation -->
<div class="row top-buffer" id="creation">
<div class="col-md-5">
<h3 id="inline-creation">Embedded STOMT Form</h3>
<p><b>Installation:</b> After having our script or thirdparty extension installed on your website, use the following snippet anywhere on your page to install this widget.</p>
<p>Add to your script:
<code><samp>Stomt.push(['addCreate', {appId: 'APP_ID'}]);</samp></code></p>
<p>Add anywhere:
<code><samp><div id="stomt_create"></div></samp></code></p>
<p><a href="https://github.com/stomt/stomt-javascript-sdk#documentation---create">View full documentation</a></p>
<div id="stomt_create" class="text-center"></div>
<script>Stomt.push(['addCreate', {appId: 'AfRaltKwqi39T8nSXdzPsmCtx'}]);</script>
</div>
<div class="col-md-5 col-md-offset-1">
<h3 id="inline-feed">Embedded STOMT Feed</h3>
<p><b>Installation:</b> After having our script or thirdparty extension installed on your website, use the following snippet anywhere on your page to install this widget.</p>
<p>Add to your script:
<code><samp>Stomt.push(['addFeed', {appId: 'APP_ID'}]);</samp></code></p>
<p>Add anywhere:
<code><samp><div id="stomt_feed"></div></samp></code></p>
<p><a href="https://github.com/stomt/stomt-javascript-sdk#documentation---feed">View full documentation</a></p>
<div id="stomt_feed" class="text-center"></div>
<script>Stomt.push(['addFeed', {appId: 'AfRaltKwqi39T8nSXdzPsmCtx'}]);</script>
</div>
</div>
<hr>
<footer>
<p>© STOMT 2018</p>
</footer>
</div> <!-- /container -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
-->
</body>
</html>