If you’re building Webflow sites for clients, they will want to send you feedback and bug reports.
That’s inevitable
- I don’t like this font
- The contact form does not work
- The image does not show up
The best way to collect this feedback is through a website widget with visual annotations!
Let’s see how it works.
1. Create a Marker account
Sign up for a Marker.io account and follow the steps to make an account. You’ll be prompted to authenticate with your favorite project management tool like Jira, Trello, Asana (and more).
This will allow you to collect your client feedback on Webflow sites, directly into your favorite tool (more on that later).
2. Design your widget
Time for the fun part, creating your feedback widget that will live on your Webflow site for your clients to send you feedback.
We recommend that you:
- Upload your logo
- Pick a color that matches your brand
- Build your feedback form
Pro tip: Because you’ve connected your widget to your favorite project management tool, all widget fields are synchronised with your native integration fields.
3. Install widget on Webflow
Grab the snippet under Installation in Marker
Embed it under your Webflow Project Settings > Custom Code > Head Code.
Don’t forget to Save and Publish your site.
4. Submit feedback on your Webflow site
When you go to your Webflow site URL, you will now see your client feedback widget. Your team and client can now easily submit feedback and bug reports with visual annotations!
5. Receive feedback
For each piece of feedback, your team will get a detailed overview of the feedback with annotated screenshot, technical session data such as browser, OS, page URL, and even console logs.
You can also communicate directly with your clients.
And because your widget is connected to your integration, you will find the same information in your tool - in this case Jira.
Pro tip: All communication in Marker.io will be synced back with your Jira, Trello, Asana, or any other tool you might have connected.
6. Notify clients when resolved (without leaving your tools)
When a feedback item has been addressed, simply mark it as Resolved. And better yet, because of the 2-way integration, your clients will be notified as soon as you close an issue in your project management tool.
That’s it
Congrats!
You now have a strong workflow for collecting client feedback on your Webflow site!
If you have any questions reach out to support@marker.io.