User Feedback

ShipAny provides a user feedback component to collect user feedback.

User Feedback Component

The user feedback component is located in the bottom right corner of the page. Clicking it will open a feedback popup.

feedback

How to use

Create a user feedback data table

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

Import the component in the page that needs to collect user feedback

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

View user feedback in the admin backend

admin-feedback

Emails Affiliate