Waitlist

Most times, you'll want to collect emails from your users before you launch your product, in this case, Veloz has a built-in waitlist component and page that let you do just that.

How to use

Depending on the kit you purchase, you'll most likely find both the waitlist component and page inside src/components/waitlist.

You could simply use the waitlist component inside any page you want, but if you want to use the waitlist page, you'll need to add it to your src/pages (Nextjs support) folder.

page.tsx


_19import WaitlistPage from "@/components/waitlist/page";
_19
_19export default function Home() {
_19  return (
_19    <>
_19      {/* Make sure the rest of the components are commmented out if you choose to show the waitlist page only */}
_19      {/* navigation section */}
_19      {/* <TopBar /> */}
_19
_19      {/* components sections */}
_19      {/* <Header />
_19        <Features />
_19        <Pricing />
_19        <FAQ />
_19        <Footer /> */}
_19      <WaitlistPage />
_19    </>
_19  );
_19}

component.tsx


_10import WaitlistFormComponent from "./component";
_10
_10export default function AnyPage() {
_10  return <WaitlistFormComponent />;
_10}

Waitlist Page

Waitlist Component

Managing Waitlist

By default, only user having admin role can manage waitlist users. If you want to view all signed up users, simply login and navigate to the Waitlist section on the sidebar (only Admin). There you would find lists of registered users and you can perform actions like delete or exporting the lists to csv file.

Error Handling FAQ