Support für Websites

Fügen Sie Ihrer Website mit einem Script-Tag Support hinzu

SupDesk lässt sich mit einem einzigen Script-Tag nahtlos in Ihre Website integrieren. Betten Sie Feedback-Boards, Live-Chat und ein Hilfecenter ein — alles anpassbar an Ihre Marke.

Schnellstart: JavaScript-Widget

Fügen Sie dieses Script zu Ihrer Website hinzu:

<script
  src="https://cdn.supdesk.app/widget.js"
  data-portal="https://feedback.yourapp.com"
  defer
></script>

Das Widget wird automatisch in der unteren rechten Ecke Ihrer Seiten geladen.

Beispiele für Frameworks

React:

import { useEffect } from "react";
 
function SupportWidget() {
  useEffect(() => {
    const script = document.createElement("script");
    script.src = "https://cdn.supdesk.app/widget.js";
    script.dataset.portal = "https://feedback.yourapp.com";
    script.async = true;
    document.body.appendChild(script);
    return () => document.body.removeChild(script);
  }, []);
 
  return null;
}

Vue 3:

<script setup>
import { onMounted, onUnmounted } from "vue";
 
onMounted(() => {
  const script = document.createElement("script");
  script.src = "https://cdn.supdesk.app/widget.js";
  script.dataset.portal = "https://feedback.yourapp.com";
  document.body.appendChild(script);
});
 
onUnmounted(() => {
  const script = document.querySelector('script[src*="supdesk.app"]');
  if (script) script.remove();
});
</script>

WordPress:

// Add to your theme's functions.php
function add_supdesk_widget() {
}
add_action('wp_footer', 'add_supdesk_widget');

Oder nutzen Sie das Plugin aus dem WordPress-Plugin-Verzeichnis.

Next.js (App Router):

export default function Layout({ children }) {
  useEffect(() => {
    const script = document.createElement("script");
    script.src = "https://cdn.supdesk.app/widget.js";
    script.dataset.portal = "https://feedback.yourapp.com";
    document.body.appendChild(script);
    return () => document.body.removeChild(script);
  }, []);
 
  return <>{children}</>;
}

Funktionen im Website-Portal

Feedback-Board mit Abstimmung Nutzer veröffentlichen Ideen, stimmen über Vorschläge ab und verfolgen, was als Nächstes kommt. Perfekt für Produkt-Roadmaps.

Live-Chat-Integration Ein Widget, das in Ihren Seiten erscheint. Wenn Nutzer chatten, wird daraus eine Nachricht im selben Posteingang wie E-Mail- und Portalnachrichten.

Hilfecenter-Widget Durchsuchbare Knowledge-Base-Artikel, eingebettet auf Ihrer Support-Seite oder auf Ihrer gesamten Website.

Eigene Domains Stellen Sie Ihr Portal über support.yourapp.com bereit — mit automatischem SSL und Branding.

Widget-Anpassung

Konfigurieren Sie das Erscheinungsbild des Widgets:

window.SupDesk = {
  portal: "https://feedback.yourapp.com",
  theme: "light", // or 'dark'
  position: "bottom-right", // or 'bottom-left'
  color: "#3B82F6", // match your brand
};

Bereit, Ihrer Website Support hinzuzufügen?

Starten Sie kostenlos. Ohne Kreditkarte. Registrieren Sie sich auf supdesk.app

Serverseitige SDKs für die Backend-Integration

Live-Codebeispiele, die direkt aus dem GitHub-Repository jedes SDK geladen werden.

RabinApps/supdesk-nodeJavaScript / TypeScript

import { SupDesk } from "supdesk";

const supdesk = new SupDesk({ apiKey: process.env.SUPDESK_API_KEY! });

// Auto-pages: iterating walks every page for you.
for await (const submission of await supdesk.submissions.list({
  status: "open",
})) {
  console.log(submission.title);
}

await supdesk.submissions.create({
  type: "bug",
  title: "Export button does nothing",
  email: "user@example.com",
  body: "Clicking Export on the reports page has no effect.",
});

RabinApps/supdesk-pythonPython

from supdesk import SupDesk

supdesk = SupDesk()  # api_key=... or $SUPDESK_API_KEY

# Auto-pages: iterating walks every page for you.
for submission in supdesk.submissions.list(status="open"):
    print(submission.title)

supdesk.submissions.create(
    type="bug",
    title="Export button does nothing",
    email="user@example.com",
    body="Clicking Export on the reports page has no effect.",
)

RabinApps/supdesk-goGo

import "github.com/rabinapps/supdesk-go/supdesk"

client, err := supdesk.New(os.Getenv("SUPDESK_API_KEY"))
if err != nil {
    log.Fatal(err)
}

page, err := client.Submissions.List(ctx, supdesk.SubmissionsListParams{
    Status: ptr("open"),
})
if err != nil {
    return err
}
// Auto-pages: All walks every page for you.
for sub, err := range page.All(ctx) {
    if err != nil {
        return err
    }
    fmt.Println(sub.Title)
}

_, err = client.Submissions.Create(ctx, supdesk.SubmissionsCreateParams{
    Type:  supdesk.SubmissionTypeBug,
    Title: "Export button does nothing",
    Email: "user@example.com",
    Body:  "Clicking Export on the reports page has no effect.",
})

RabinApps/supdesk-dartDart

import 'dart:io';
import 'package:supdesk/supdesk.dart';

final supdesk = SupDesk(apiKey: Platform.environment['SUPDESK_API_KEY']!);

// Auto-pages: the stream walks every page for you.
final page = await supdesk.submissions.list(status: PostStatus.open);
await for (final submission in page.autoPaging()) {
  print(submission.title);
}

await supdesk.submissions.create(
  type: SubmissionType.bug,
  title: 'Export button does nothing',
  email: 'user@example.com',
  body: 'Clicking Export on the reports page has no effect.',
);