वेबसाइटों के लिए सहायता डेस्क

एक स्क्रिप्ट टैग से अपनी वेबसाइट में सपोर्ट जोड़ें

SupDesk एक ही स्क्रिप्ट टैग के साथ आपकी वेबसाइट में सहजता से इंटीग्रेट हो जाता है। फ़ीडबैक बोर्ड, लाइव चैट और हेल्प सेंटर एम्बेड करें — सब कुछ आपके ब्रांड से मेल खाने के लिए कस्टमाइज़ किया जा सकता है।

त्वरित शुरुआत: JavaScript विजेट

अपनी वेबसाइट में यह स्क्रिप्ट जोड़ें:

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

विजेट आपके पेजों के निचले-दाएँ कोने में स्वतः लोड होता है।

फ़्रेमवर्क-विशिष्ट उदाहरण

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');

या फिर WordPress प्लगइन रिपॉज़िटरी से प्लगइन इस्तेमाल करें।

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}</>;
}

वेबसाइट पोर्टल की सुविधाएँ

वोटिंग के साथ फ़ीडबैक बोर्ड उपयोगकर्ता विचार पोस्ट करते हैं, सुझावों पर वोट करते हैं, और देखते हैं कि आगे क्या आने वाला है। प्रोडक्ट रोडमैप के लिए एकदम सही।

लाइव चैट इंटीग्रेशन एक विजेट जो आपके पेजों में दिखता है। जब उपयोगकर्ता चैट करते हैं, तो वह उसी इनबॉक्स में एक संदेश बन जाता है जिसमें ईमेल और पोर्टल संदेश आते हैं।

हेल्प सेंटर विजेट खोज योग्य नॉलेज बेस लेख जो आपके सपोर्ट पेज या आपकी पूरी साइट पर एम्बेड किए जा सकते हैं।

कस्टम डोमेन अपने पोर्टल को support.yourapp.com से स्वचालित SSL और ब्रांडिंग के साथ सर्व करें।

विजेट कस्टमाइज़ेशन

विजेट का रूप कॉन्फ़िगर करें:

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

क्या आप अपनी वेबसाइट में सपोर्ट जोड़ने के लिए तैयार हैं?

मुफ़्त में शुरू करें। किसी क्रेडिट कार्ड की ज़रूरत नहीं। supdesk.app पर साइन अप करें

बैकएंड एकीकरण के लिए सर्वर-साइड SDK

प्रत्येक SDK के GitHub रिपॉज़िटरी से लाइव कोड उदाहरण लोड किए गए।

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.',
);