You must complete several steps to create your own feedback form:
Create an HTML document that will contain the required fields. Add CSS styles. By using the “JavaScript method”, you will be able to send data from the form. You upload the created form to any hosting that supports the HTTPS protocoland add a link to the form in the administration interface.
We recommend creating an output form using the codepen.io web application for simplicity and clarity.
Entry
Create a custom output form that contains feedback text and allows you to send a conversation transcript to email.
How the form looks
How to begin
You can start by clicking on .
HTML
JavaScript code
Available API’s
How to send feedback?
window.parent.postMessage({
type: "FEEDBACK_ACTION",
email: "example@email.cz",
stars: null, // Nebo od 1 do 5
content: ""
}, "*");
How to add custom parameter?
window.parent.postMessage({
type: 'ADD_CUSTOM_DATA',
name: 'custom_field_name', // parameter name from call params
value: 'any' // string and max 2048
}, '*');
JavaScript code of our example
Upload a form to any hosting
In our case, click the Save button first, then export to .zip format (see instructions below).
If you use a tool other than codepen.io, the form code will look like this:
You created an entry form using codepen.io. We then exported it to our computer. We have uploaded the exported folders to the GitHub repository and then switched on the GitHub site. So we have a link to our form that we put into the administration interface.
We have a form ready, now you need to upload the form to the internet so we can refer to it from the administration interface. In our case, we will use the GitHub site. You can find more information .
