Dashboard Templates

Last updated:

|Edit this page

Dashboard templates simultaneously showcase the use cases of PostHog and make it easier for users to get started. You can find a full list of them on the templates page.

This is "internal" documentation to show PostHog staff how to add new global templates.

Let us know on this GitHub issue if you'd like to see templates that are private for your team.

Creating a new dashboard template

  1. Create your dashboard with all the insights you want on it. Be sure to add descriptions to both.
  2. Open the dashboard dropdown, click “Save as template.”
  3. Add variables as objects with the format below. Reference them in your template by adding the ID in curly brackets, like {SIGNUPS}, to replace the placeholder event.
JSON
"variables": [
{
"id": "SIGNUPS",
"name": "Signups",
"type": "event",
"default": {},
"required": true,
"description": "The event you use to define a user signing up"
}
],
  1. Once done, click “Create new template.” Test that it works in the team project.
  2. Create a dashboard image in Figma in the “Hoglitos” file. Make the size of image small (like 396x208). Export and add to posthog.com/static/template_art/.
  3. Copy the same hedgehog as a small square image with a transparent background. Export and add to posthog.com/contents/templates/thumbnails/
  4. While you are in Figma, create a 1920x1080 preview image with a couple of the insights. Export and add to posthog.com/contents/templates/thumbnails/featured
  5. In that same posthog.com/contents/templates folder, create a new folder for your template, copy an index.mdx file from one of the other folders, and modify for your new template.
  6. Open a pull request
  7. Once merged, go to templates tab under dashboards, click the three dots to the far right of your template, and click “Edit.” Add an image_url using the URL created by adding the image to the template_art folder like https://posthog.com/template_art/analytics-dash.png. Click “Update template.”
  8. Click the three dots on the far right again, and click “Make visible to everyone.”

Questions?

Was this page useful?

Next article

Customer support

We aim to delight You can build a good company by focusing on getting lots of customers. To build a great company, you must delight your existing customers. This means that the journey doesn't simply end once we sign up a user - even more important is to ensure that PostHog is consistently delivering value for them. How we ensure amazing customer support at PostHog It's easy for customers to reach us We have a few different routes for users to contact us. As an open source company, our bias is…

Read next article