1. For Feedback (For HTML Website)
- In the feedback system tab, you can upload the logo, change the background colours as per your brand requirements and click on apply.
- If you have an HTML website, add the below script in html body.
<script src="https://res.cloudinary.com/di2eukaqk/raw/upload/v1732111485/feedback-form_x116ps.js
?userId=afc927e0-364b-47ef-b3bf-86c528033db9&projectId=9401c42b-19a6-4dca-afb0-420596b9c231"
async
></script>
- Place this code in your HTML where you want your widget to appear.
<div class="feedback-form-container"> <form id="feedback-form"></form> </div>
- You can see preview by clicking the “preview” tab.
2. For Feedback (For Nextjs Website)
In order to integrate the feedback form system here are a few steps that need to be followed:
- In the feedback system tab, you can upload the logo, change the background colours as per your brand requirements and click on apply.
- To set up the environment variables in your .env file copy the below code:
NEXT_PUBLIC_PROJECT_ID='9401c42b-19a6-4dca-afb0-420596b9c231' NEXT_PUBLIC_USER_ID='afc927e0-364b-47ef-b3bf-86c528033db9'
-If you have a NEXT.JS website, add the below script in the NEXT.JS body.
<Script
src="https://res.cloudinary.com/di2eukaqk/raw/upload/v1732111485/feedback-form_x116ps.
js?userId=afc927e0-364b-47ef-b3bf-86c528033db9&projectId=9401c42b-19a6-4dca-afb0-420596b9c231"
async
/>
- Place this code in your HTML where you want your widget to appear.
<div class="feedback-form-container"> <form id="feedback-form"></form> </div>
- You can see preview by clicking the “preview” tab.
3. For Review (For Html Website)
In order to integrate the review received, here are a few steps that need to be followed:
- In the review tab, you can upload the logo, change the background colours as per your brand requirements and click on apply.
- If you have an HTML website, add the below script in html body.
<script src="https://res.cloudinary.com/di2eukaqk/raw/upload/v1732111471/feedback-review_vk8d83.js? userId=afc927e0-364b-47ef-b3bf-86c528033db9&projectId=9401c42b-19a6-4dca-afb0-420596b9c231" async> </script>
-Place this code in your HTML where you want your widget to appear.
<div class="reviews-section">
<div id="reviews-container" class="reviews-container"></div>
</div>
- You can see preview by clicking the “preview” tab.
4. For Reviews (For Nextjs Website)
In order to integrate the feedback form system here are a few steps that need to be followed:
- In the feedback system tab, you can upload the logo, change the background colours as per your brand requirements and click on apply.
- To set up the environment variables in your .env file copy the below code:
NEXT_PUBLIC_PROJECT_ID='9401c42b-19a6-4dca-afb0-420596b9c231' NEXT_PUBLIC_USER_ID='afc927e0-364b-47ef-b3bf-86c528033db9'
-If you have a NEXT.JS website, add the below script in the NEXT.JS body.
<script src="https://res.cloudinary.com/di2eukaqk/raw/upload/v1732111471/feedback-review_vk8d83.js?
userId=afc927e0-364b-47ef-b3bf-86c528033db9&projectId=9401c42b-19a6-4dca-afb0-420596b9c231"
async
></script>
- Place this code in your HTML where you want your widget to appear.
<div class="reviews-section">
<div id="reviews-container" class="reviews-container"></div>
</div>
- You can see preview by clicking the “preview” tab.