The widget is an advanced feature. For most cases, we recommend using your full Canny site instead (your-company.canny.io).
Still unsure which to use? Contact us
These are instructions on how to embed Canny's widget into your website.
- 1. Embed the widgetAdd the following code where you'd like to embed the widget, anywhere inside the <body> tag.To find your board token, log in above and select your board from the dropdown.HTMLReactAngularVue.js
- 2. Configure the basePath parameter for URL SyncingThis syncs the URLs inside our widget with your website. For example, if our widget is embedded at yourwebsite.com/feedback then you'd pass in '/feedback'.Also don't forget to update your routing so that /feedback/* points to the same page.RailsReactAngularVue.js
get "/feedback(/*any)" => "feedback#index", as: :feedback
- 3. Configure the ssoToken parameter for Single Sign-OnSingle Sign-On connects the widget to your existing user accounts. This provides a more seamless experience for your users. It also lets you know exactly who is posting and voting.Follow our Setup Single Sign-On guide to generate SSO tokens on your server.This is required if you would like to install the widget with a private board.
- QuestionsIf you have any questions or issues, email us at firstname.lastname@example.org and we'll get back to you ASAP.