​
Setup Your Feedaura Project

Follow these simple steps to integrate Feedaura into your web application and start collecting valuable user feedback.

​
1. Create Your Account & Project

​
2. Install the Package

Install the Feedaura package using npm: 
npm install feedaura

​
3. Set up Environment Variables

For better security, store your project secret in an environment variable: 
# .env.local
NEXT_PUBLIC_FEEDAURA_PROJECT_SECRET=your_project_secret_here

​
4. Integrate with Your Framework

Step 1: Create a FeedauraWrapper componentFirst, create a client component that wraps the Feedaura component:
// components/feedaura-wrapper.tsx
'use client'

import React from 'react'
import { Feedback } from 'feedaura'

export function FeedauraWrapper() {
  return (
    <Feedback
      projectSecret={process.env.NEXT_PUBLIC_FEEDAURA_PROJECT_SECRET!}
      position="bottom-right"
      primaryColor="#0F8CFF"
      theme="light"
      // Add any other configuration options here
    />
  )
}
Step 2: Add the wrapper to your layoutImport and add the FeedauraWrapper component to your root layout:
// app/layout.tsx
import { FeedauraWrapper } from '@/components/feedaura-wrapper'

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>
        {children}
        <FeedauraWrapper />
      </body>
    </html>
  )
}
The Feedback component must be wrapped in a client component because it uses browser APIs. Make sure to add the use client directive at the top of your wrapper component.

​
Verify Your Installation

After deploying your application with Feedaura integrated:
  1. Visit your deployed site
  2. Check that the feedback button appears in the specified position
  3. Click the button to open the feedback form
  4. Submit a test feedback message
  5. Log in to your Feedaura Dashboard to confirm your feedback was received
  6. Explore the AI analysis of your test feedback
Feedaura Widget Preview

​
Troubleshooting

​
Next Steps

Customize Your Widget

Learn about all available customization options for your feedback widget

Explore AI Insights

Understand how to use AI-powered analytics to derive actionable insights

Join Our Community

Connect with other developers using Feedaura