FEEDBACKY-POPUP

Demo Link: Click Here

With this button, you will be able to learn the opinions of your users or customers.

You can easily integrate it into your website and start using it.

Used Technologies

• React
• TypeScript
• Eslint
• Axios
• Webpack
• Babel
• Testing Library
• Jest
• Sweetalert

How To Use

Enter the following command in your console screen to add it to your existing React project:

npm install feedbacky-popup

You can then import, for example, into your App.js file as follows:

import { Feedbacky } from "feedbacky-popup";

React JSX example usage is as follows:

<Feedbacky sheetsId={yourSheetsId} />

Save Date Info

If you want to save the current date, set the sendDateInfo parameter to true.

Parameters

Feedbacky takes many parameters so you can easily integrate it into your own site. These are included in the table below:

| Parameter Name | Type | Required | Example Value | Default Value | --- | --- | --- | --- |--- | sheetsId | string | ✓ | | | | iconWidth | string | X | "30px" | "30px" | | iconBottom | string | X | "35px" | "35px" | | iconTop | string | X | "32px" | "32px" | | iconRight | string | X | "35px" | "35px" | | iconLeft | string | X | "32px" | "32px" | | successModalTitleColor | string | X | "#50e150" | "#50e150" | | modalButtonColor | string | X | "#50e150" | "gold" | | modalButtonTextColor | string | X | "#50e150" | #000000 | | customFeedbackyIcon | string | X | "https://res.cloudinary.com/dfqecvogl/image/upload/v1694343282/uxz5cxeoj6potv7aahmm.png" | "https://res.cloudinary.com/dfqecvogl/image/upload/v1694343282/uxz5cxeoj6potv7aahmm.png" | | successModalTitle | string | X | "WE HAVE GOT YOUR FEEDBACK" | "WE HAVE GOT YOUR FEEDBACK" | | modalTitle | string | X | "SEND YOUR FEEDBACK" | "SEND YOUR FEEDBACK" | | modalButtonText | string | X | "SEND" | "SEND" | | sendDateInfo | boolean | X | false | false | | sheetsDateColumnName | string | X | "Date" | "Date" | | sheetsMessageColumnName | string | X | "Message" | "Message" | | errorModalText | string | X | "Something went wrong. Please try again later." | "Something went wrong. Please try again later." |

SheetsId parameter

You must give the sheetsId parameter to Feedbacky. This application saves your users' feedback in your Google Sheets. For this, Feedbacky needs the Google document ID you created.

How Can I Save Data and Get Sheets ID?

example App Script

const sheets = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/1-VfLt5S9aKPXQSOf7qtIjRoYDTqt6c3PYD4EpB9qML8/edit#gid=0");
 //if you have changed your sheet name then replace the below Sheet1 with your sheet name
const sheet = sheets.getSheetByName("Sayfa1");
function doPost(e){
  let data = e.parameter;
  sheet.appendRow([data.Date,data.Message]);
  return ContentService.createTextOutput("Your message was successfully sent to the Googlesheet database!");
}