feedbacky-tests v1.0.23
FEEDBACKY
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
You can then import, for example, into your App.js
file as follows:
import Feedbacky from "feedbacky";
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!");
}
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago