用户反馈

ShipAny 提供用户反馈组件，用于收集用户反馈。

用户反馈组件

用户反馈组件位于页面右下角，点击后会弹窗收集用户反馈。

feedback

如何使用

创建用户反馈数据表

CREATE TABLE feedbacks (
    id SERIAL PRIMARY KEY,
    created_at timestamptz,
    status VARCHAR(50),
    user_uuid VARCHAR(255),
    content TEXT,
    rating INT
);

在需要收集用户反馈的页面引入组件

app/[locale]/(default)/layout.tsx

import Footer from "@/components/blocks/footer";
import Header from "@/components/blocks/header";
import { ReactNode } from "react";
import { getLandingPage } from "@/services/page";
import Feedback from "@/components/feedback";
 
export default async function DefaultLayout({
  children,
  params,
}: {
  children: ReactNode;
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const page = await getLandingPage(locale);
 
  return (
    <>
      {page.header && <Header header={page.header} />}
      <main className="overflow-x-hidden">{children}</main>
      {page.footer && <Footer footer={page.footer} />}
      <Feedback socialLinks={page.footer?.social?.items} />
    </>
  );
}

在管理后台查看用户反馈

admin-feedback

邮件邀请返佣