How to Add User Feedback, Roadmap & Changelog to Your Bubble.io Site with UserJot

Published on
Written by Shayan Taslim
How to Add User Feedback, Roadmap & Changelog to Your Bubble.io Site with UserJot

Connect your Bubble.io application with UserJot to easily gather user feedback, share your product roadmap, and announce updates. This guide shows you how to link UserJot features directly from your Bubble.io site.

Why Connect UserJot to Your Bubble.io App?

Integrating UserJot with your Bubble.io app provides a direct channel for user interaction. You can collect user suggestions, show your development plans via a public product roadmap, and keep users informed about new features through a changelog. It centralizes feedback management without complex Bubble development. Learn more about UserJot in the getting started guide.

Setting Up Your UserJot Boards

Before linking from Bubble.io, you need your UserJot pages ready:

  1. Create a UserJot account and set up your project.
  2. UserJot provides a URL like https://yourproject.userjot.com. You can find this in your UserJot dashboard.
  3. Alternatively, set up a custom domain like feedback.yourdomain.com for a branded experience.
  4. Your core pages will be:
    • Feedback Board: https://yourproject.userjot.com/ (or your custom domain)
    • Roadmap: https://yourproject.userjot.com/roadmap
    • Updates/Changelog: https://yourproject.userjot.com/updates
  5. See examples of how to structure these links in the add links to footer guide.

The most straightforward way to connect UserJot is by adding direct links to your Bubble.io application, often in a shared header or footer element.

  1. Open Your Bubble Editor: Log in to Bubble.io and open the application editor for the project you want to modify.
  2. Navigate to Header/Footer (Recommended): Go to the reusable element (like a header or footer) where you want the UserJot links to appear consistently across your site. You can also add links directly to specific pages.
  3. Add Link Elements:
    • From the ‘Visual elements’ panel on the left, drag a Link element onto your page or reusable element.
    • Repeat this for each UserJot section you want to link (e.g., Feedback, Roadmap, Updates).
  4. Configure Each Link:
    • Select a Link element.
    • In the Property Editor that appears, find the ‘Link destination’ field and choose ‘External URL’.
    • In the ‘Destination URL’ field below, paste the full URL for the corresponding UserJot page (e.g., https://yourproject.userjot.com/roadmap).
    • In the ‘Link text’ field, enter clear, descriptive text like “Product Roadmap”, “Share Feedback”, or “Latest Updates”.
    • Optionally, check ‘Open in a new tab’ if you want users to stay on your Bubble app.
  5. Style the Links: Use the ‘Style’ tab in the Property Editor to adjust the appearance (font, color, size) of your links to match your Bubble.io site design.
  6. Preview: Use Bubble’s ‘Preview’ mode to test your links and make sure they direct users to the correct UserJot pages.

Matching UserJot to Your Site Design

For a consistent user experience between your Bubble.io app and UserJot pages:

  • Use UserJot’s branding options to upload your logo, favicon, and set a primary color that matches your Bubble app’s design.
  • Consider setting up a custom domain (feedback.yourdomain.com) so the URL aligns with your main application domain.

Conclusion

Adding UserJot links to your Bubble.io site provides an easy way to engage your users, gather valuable feedback, and communicate your product’s direction. Start connecting with your users on your Bubble.io site today.