WidgetGuides
Customization
Customize the widget appearance and behavior
Custom Trigger Button
Instead of the default floating button, you can use your own button to open the widget:
<!-- Your custom button -->
<button id="feedback-button">Give Feedback</button>
<script>
window.thoughtbase.initWidget({
organizationId: 'your-organization-id-here',
selector: '#feedback-button' // CSS selector for your button
});
</script>When users click your button, the widget will open. The default floating button won’t appear when using a custom selector.
Removing Thoughtbase Branding
To remove the “Powered by Thoughtbase” branding from the widget footer, set thoughtbaseBranding to false:
<script>
window.thoughtbase.initWidget({
organizationId: 'your-organization-id-here',
thoughtbaseBranding: false
});
</script>This option is available on the Pro and Business plans.
Styling
Style Isolation
- The widget’s styles are in a shadow DOM, isolated from your website
- Your website’s styles won’t affect the widget and vice versa