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 Hoggies file. Make the size of image small (like 396x208). Export and upload to Cloudinary.

  3. With the URL, go to templates tab under dashboards, click the three dots to the far right of your template, and click “Edit.” Add the URL to the image_url field and press Update template.

  4. For the website, copy the same hedgehog as a small square thumbnail image (400x400) with a transparent background. Export and upload to Cloudinary.

  5. While you are in Figma, create a 1920x1080 feature image with a couple of the insights. Export and upload to Cloudinary.

  6. In the posthog.com/contents/templates folder, copy another .mdx file from another template, and modify for your new template. Add the thumbnail and feature images you uploaded to Cloudinary.

  7. Open a pull request.

  8. Once merged, click the three dots on the far right again, and click “Make visible to everyone.”

  9. To add to EU Cloud, click the three dots to edit the template and copy the JSON. Go to the PostHog EU Cloud instance, create a new blank dashboard, click "Save as template", paste the JSON (minus deleted, created_at, created_by, team_id, and scope), and "Create new template." Add image_url, edit, and test if needed. Finally, make visible to everyone.

Questions?

Was this page useful?

Next article

Overview

The Ops team's primary goal is to make PostHog an incredible place to work by removing distractions from other small teams. We keep PostHog running smoothly without implementing lots of unnecessary processes. We are also responsible for growing the team by adding in world class talent to new and existing small teams . We want to do this while retaining our world-class team by making PostHog the most transparent company in the world, and the best place for people to work in general. Ops…

Read next article