stomt-Woltlab-extension

STOMT Woltlab Integration https://www.stomt.com

How to integrate STOMT on your Woltlab website?

Installation

Download the Tar project.
Open the Woltlab administrator page, choose "packages" and then "install package".
Upload the de.stomt.feedback.tar.gz
a new item will appear in the left bar of plugins "STOMT-FEEDBACK".
click on it, add your AppId in Options and save everything.

Configuration

The parameters can be configured in the admin-panel to initialize the widget.

Property	Type	Description
`appId` (required)	String	The `appId` is your pages application id. You can find it in your application overview in STOMT (https://www.stomt.com/YOUR_PAGE/apps). The target connected to this application id will be used as target.
`position`	String	You can set the `position` of the button, the default position is `right`. If required you can align the button to the left side by passing `position: 'left'`.
`label`	String	The default label of the button is `Feedback`, you can change that by passing another `label`.
`colorText`	String	To change the colors used for the widget button you have three options to configure. The first one is `colorText`, it allows you to change the text color (default: `#FFFFFF`).
`colorBackground`	String	The `colorBackground` option allows you to change the background color of the button (default: `#0091C9`).
`colorHover`	String	The `colorHover` option allows you to change the background color of the button when the user hovers it (default: `#04729E`).
`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.

Example UI

Admin-panel / User interface:

Documentation Feed

Create feed:

<div id="stomt_create"></div>

1- Go to Boxes,ADD Box ,choose HTML and Next

2-add the details of the box (position,visibility,access..)

3-in contents paste the code below

4-add save

integrate feed:

<div id="stomt_feed"></div>

1- Go to Boxes,ADD Box ,choose HTML and Next

2-add the details of the box (position,visibility,access..)

3-in contents paste the code below

4-add save

Frequently Asked Questions

What is STOMT all about?

STOMT lets you instantly give feedback in a predefined format. Head off to https://www.stomt.com to find out more!

mariembader123 / stomt-woltlab-extension Goto Github PK