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.
Creating a new dashboard template
- Create your dashboard with all the insights you want on it. Be sure to add descriptions to both.
- Open the dashboard dropdown, click “Save as template.”
- 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"}],
- Once done, click “Create new template.” Test that it works in the team project.
- 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/
. - Copy the same hedgehog as a small square image with a transparent background. Export and add to
posthog.com/contents/templates/thumbnails/
- 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
- 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. - Open a pull request
- 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 thetemplate_art
folder likehttps://posthog.com/template_art/analytics-dash.png
. Click “Update template.” - Click the three dots on the far right again, and click “Make visible to everyone.”