FluentBoards offers an excellent feature called Roadmap, which allows you to create a roadmap for your products and services on your website’s front end. This enables users to view your future plans and share their ideas with you. The roadmap will be displayed on your site’s front end for easy access and interaction.
In this article, we will guide you through the steps to create and utilize the Roadmap feature using FluentBoards.
Enable the Fluent Roadmap Addon #
To enable the Roadmap feature in FluentBoards, go to the FluentBoards Dashboard. Click on the Settings button in the navbar, then select the Feature and Module tab from the left sidebar.
In the Recommended Plugins and Addon section, you will see the Fluent Roadmap addon. Click the Install Fluent Roadmap button to install the addon. This is a single-click installation, so after clicking the button, the Fluent Roadmap addon will be installed automatically.
Create Roadmap Board #
To create a Roadmap Board go to your FluentBoards and click on the Boards from the navbar then select Add Board button.
After clicking on the button you will see a pop-up from the right side where you have to give Title and Description for your Roadmap board. Then select the board type Roadmap by clicking on the Type Roadmap checkbox.
Now you will see the Stage names for your Roadmap Board. You can change the stage names here by clicking over the stage names. After customizing your stages, click on the Save button to finalize and create your Roadmap board.
Now you’ll be redirected to your Roadmap Board. Here, you can add tasks, manage assignees, and handle other task-related settings that are similar to the normal Boards settings.
At the top of each stage, you will see a button indicating if the board is Public or Admin. To keep a stage public, no changes are needed. To make a stage admin-only, click on the settings icon at the top of the stage, then select the Make This Stage Admin Only button from the stage settings.
FluentBoards Roadmap Settings #
FluentBoards provides various settings for your Roadmap. To access them, go to the FluentBoards Settings from the navbar, then click on the Roadmap option in the left sidebar.
Here are the available settings:
User need to be logged in to submit a new idea: Requires users to log in before adding an idea.
User need to be logged in to add a comment: Requires users to log in before commenting.
User need to be logged in to vote for an idea: Requires users to log in before voting.
In the Require Auth Content section, you can customize the message displayed to users who need to log in to interact with the Roadmap.
After configuring these settings, click the Save Settings button to apply the changes to your Roadmap Boards.
FluentBoards Roadmap Frontend View #
To display your Roadmap Boards on the frontend, navigate to the specific board you wish to add. Click on the three-dot button located at the top of your board to open the Board Menu. Next, select About This Board from the menu options.
Once in the Board Info section, locate the Select Page dropdown field to choose a page where your Roadmap will appear. Afterward, you’ll find a shortcode for embedding your Roadmap on the frontend. Below, there’s a button to navigate directly to the selected page for adding your roadmap.
Stage Changed Email notifications will inform you about updates regarding stage changes.
Navigate to the desired page where you want to embed your Roadmap and add a Shortcode block from the Gutenberg Blocks. Paste the copied Shortcode from the Board Info into the block. Finally, click the Update button to save your changes.
Now, when you preview your Roadmap Board on the frontend of your website, you will see it displayed like this.
Here’s how you can create a Roadmap for your site using Fluent Boards. If you have any more questions, feel free to reach out to us.
