mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-04-19 02:10:33 -05:00
Code Issues Packages Projects Releases 162 Wiki Activity

update feedback docs

Browse Source
This commit is contained in:
Matthias Nannt
2023-02-13 11:48:38 +01:00
parent b43fbba9aa
commit 35df900d70
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/formbricks-com/pages/docs/best-practices/feedback-box/index.mdx
View File

@@ -62,13 +62,13 @@ Go to the "Setup instructions" tab and locate your Feedback Box ID. You'll need
Embed the following Feedback Box script in your HTML `<head>` tag.
```tsx
<script src="https://cdn.jsdelivr.net/npm/@formbricks/feedback@0.2" defer></script>
<script src="https://cdn.jsdelivr.net/npm/@formbricks/feedback@0.3" defer></script>
<script>
window.formbricks = {
...window.formbricks,
config: {
hqUrl: "https://app.formbricks.com",
formbricksUrl: "https://app.formbricks.com",
formId: "YOUR FEEDBACK BOX ID HERE", // copy from Formbricks dashboard
contact: {
name: "Matti",
@@ -80,6 +80,14 @@ Embed the following Feedback Box script in your HTML `<head>` tag.
</script>
```
Afterwards you need to embed the feedback box into your app. The standard ways are either a <Link href="/docs/wrappers/pop-over">pop-over on button click</Link> or <Link href="/docs/wrappers/inline">inline inserted into a div</Link>.
For example for a pop-over on button click you need to add the following code to your app:
```html
<button data-formbricks-button>Feedback</button>
```
### 3. Configure Feedback Box
You can change the content behaviour of the Feedback Box with the config object.
@@ -177,7 +185,7 @@ Here is an example of a full config object:
window.formbricks = {
...window.formbricks,
config: {
hqUrl: "https://app.formbricks.com",
formbricksUrl: "https://app.formbricks.com",
formId: "cldipcgat0000mn0g31a8pdse",
containerId: "formbricks-feedback-box", // only needed for modal & inline
contact: {