Show your roadmap on your own site, in your own style.
VoteFirst.roadmap draws your columns as a grid of cards, styled by your own CSS. People see where things stand without leaving your page.
14 day trial. Card up front, charged after it ends.
Two short calls and your roadmap is on the page.
VoteFirst.init takes your slug and your embed key. VoteFirst.roadmap then mounts the grid into a div you choose.
The stylesheet is optional, so you can start plain and style it later.
Every column your customers care about, with its total.
You get Suggested, Denied, In Review, In Progress and Completed, in your own order. Cards load twenty at a time.
Each column shows how many cards it holds, so size is clear at a glance.
It looks like your site because your CSS styles it.
The grid is plain markup, so your own CSS decides how it looks. The optional stylesheet is only a starting point.
Nobody will notice where your site ends and the roadmap begins.
One slow column never takes the page down.
Each column is fetched on its own. A timeout shows an error in that column while the rest still draws.
Visitors still see most of the roadmap, even on a bad connection.
The public roadmap behind itWhat your visitors get from an embedded roadmap
An answer without an email
People see where a request stands, so they stop asking you.
A page that stays up to date
Move a card on your board and the grid on your site follows.
A roadmap that feels native
Your own CSS means it matches your product from the first load.
No upgrade to get started
Every plan can embed it, so you do not need Pro.
Your roadmap on your site in three steps
A designer or a developer can do it in a few minutes.
Initialise with your key
Call VoteFirst.init with your slug and public embed key.
Mount the grid in a div
Call VoteFirst.roadmap and point it at the element you chose.
Style it with your own CSS
Add the optional stylesheet, or write your own rules for the cards.
What people ask before they embed a roadmap
What does the widget need?
Your slug and your embed key. The key is public by design.
Which columns does it show?
The columns are Suggested, Denied, In Review, In Progress and Completed, in your order.
How many cards load?
Twenty at a time in each column.
Do I need the stylesheet?
No. It is optional, and your own CSS can style the grid instead.
What if one column is slow?
That column shows an error, and the others still draw.
Do I need Pro?
No. A custom domain for the hosted board needs Pro, but this widget does not.
Which plan includes it?
Every plan, from Lite at $9/mo.
Who is responsible for the host page?
You are. The widget only draws the roadmap, and the page around it is yours.
Can I restyle the cards?
Yes. Your own CSS styles the grid, so the cards can look exactly like the rest of your site.
Does it update when I move a card?
Yes. The grid reads your board, so a moved card shows in its new column.
What you should know first
- A custom domain for the hosted board needs Pro. This widget does not.
- The embed key is public by design and only reads what the board publishes.
- You are responsible for the page that hosts it.
Where your next page is
Pages that go well with a roadmap on your site.
Put the roadmap where people read
On every plan from $9/mo. Both plans start with a 14 day trial of Pro, and a card is asked at signup.