Developer Quickstart Guide
Quickly Integrate Userback for Efficient Feedback Management
Introduction
This guide is designed to get developers like you up and running quickly, allowing you to harness the full power of Userback's capabilities. Whether you're new to Userback or need a refresher, this guide will help you integrate Userback seamlessly into your projects.
👉 For non-developers, check out our Getting Started Guide for a non-technical overview. 👈
Getting Started
Follow these essential steps to get the ball rolling from a developer-focused perspective.
1. Sign Up
Get started by signing up for a Userback workspace. You can start your free 14-day trial here.
2. Widget Installation
Check out the full Installation Guide to integrate the widget into your website or application. You'll need a project-based Widget Access Token.
Option 1: Package Managers
For JavaScript, React, or Vue Projects
npm i @userback/widget
# or
yarn add @userback/widget
npm i @userback/react
# or
yarn add @userback/react
npm i @userback/vue
# or
yarn add @userback/vue
Option 2: Script Tag
Insert the script in the HTML head section:
<script src="https://static.userback.io/widget/v1.js"></script>
Userback.init('widget_access_token');
3. Customize Your Widget
Tailor the appearance and features of the Userback widget to match your brand and specific objectives. Use our Widget Editor to change its appearance, set the behaviour, and target specific users. Attach Custom Data and User Identification to reduce friction and elevate context.
4. Feedback Analysis
Once feedback starts coming in, it's crucial to continually assess it for actionable insights. Dive into Userback to review and analyze incoming feedback.
Alternative Feedback Methods
Explore additional methods for collecting feedback:
1. Browser Extension
If a widget isn't the right fit for your project, consider using the Userback Browser Extension. It provides a no-code alternative for collecting feedback. Perfect for internal teams or specific use-cases.
2. REST API for Developers
For developers comfortable with code, our API Reference allows you to programmatically create feedback and integrate it into your existing workflows.
Cheat-sheets
For quick reference, here are some cheat sheets to help you make the most of Userback's capabilities:
- User Identification 🆔
- Bind Widget to Button 🔗
- Prefill Fields 📝
- Dynamic Language 🌐
- Advanced Micro-surveys 🤩
- Attach Custom Data 📊
- Events 🎉
- Widget Customization 🌈
- Overwriting CSS 🎨
Congratulations! You're now equipped to make the most out of Userback's feedback management platform. Experiment, collaborate, and implement meaningful changes that resonate with your users.
Let's optimize your feedback journey together! If you'd like personalized guidance, schedule a call with us here.
Updated about 1 year ago