How to integrate STOMT on your Woltlab website?
You can easily search and install the STOMT WoltLab plugin via the WoltLab Package Manager.
-
Open the Woltlab administrator page, choose "Packages" and then "Install Package".
-
Search for "STOMT Feedback" and install the plugin.
-
A new item will appear in the left navigation bar "STOMT-FEEDBACK". Select it, add your APP-ID on the configuration page. Make sure you save your changes.
Alternatively you can install the package directly from its source.
-
Download de.stomt.feedback.tar.gz.
-
Open the Woltlab administrator page, choose "Packages" and then "Install Package".
-
Upload
de.stomt.feedback.tar.gzin the "Upload Package" tab. -
A new item will appear in the left navigation bar "STOMT-FEEDBACK". Select it, add your APP-ID on the configuration page. Make sure you save your changes.
The parameters can be configured in the admin-panel to initialize the widget.
| Property | Type | Description |
|---|---|---|
STOMT APP-ID (required) |
String | The appId is your pages application id. You can find it in your application overview in STOMT. The target connected to this application id will be used as target. |
Button Position |
String | You can set the Button Position of the button, the default position is right. If required you can align the button to the left side by passing 'left'. |
Button Text |
String | The default label of the button is Feedback, you can change that by passing another label. |
Text Color |
String | To change the colors used for the widget button you have three options to configure. The first one is Text Color, it allows you to change the text color (default: #FFFFFF). |
Background Color |
String | The Background Color option allows you to change the background color of the button (default: #0091C9). |
Background Color (hover) |
String | The Background Color (hover) option allows you to change the background color of the button when the user hovers it (default: #04729E). |
Restrict to specific languages |
String | Use this option if you want limit the usage of STOMT to specifc language based user groups. Enter a comma separated list of language codes (eg. 'de, en'). |
Preload |
Boolean | By setting the property preload to true, you can tell the Widget to preload the Tab iframe in the background (default: false). This reduces the loading delay when showing the Tab for the first time. |
-
Go to Content -> Boxes, click "ADD BOX" and choose "HTML" and click "Next".
-
Add the details of the box (position, visibility, access, ...).
-
Insert the following in the "Contents" tab:
<div id="stomt_create"></div>- Click "SUBMIT"
-
Go to Content -> Boxes, click "ADD BOX" and choose "HTML" and click "Next".
-
Add the details of the box (position, visibility, access, ...).
-
Insert the following in the "Contents" tab:
<div id="stomt_feed"></div>- Click "SUBMIT"
STOMT lets you instantly give feedback in a predefined format. Head off to https://www.stomt.com to find out more!
Mariem Bader | Follow Mariem Bader on STOMT
Max Klenk | Follow Max Klenk on STOMT
See also the list of contributors who participated in this project.
Use WoltLab Demo to start a server with the most current version of WoltLab Suite. The build.sh script allows you to pack a new version of the package, which can then be uploaded to your WoltLab instance.
Integrate and use STOMT on all your touchpoints.