Notion Template

This ultra-lightweight Notion template includes minimal styles, focusing on providing the logic to connect to Notion while allowing custom styling.

Template contents:

• Event Page – Dynamic page for database/calendar records.

• Events Page – Static page that lists all the database records.

• Sitemap – XML page that outputs the static and dynamic pages.

Update Database ID and Secret

These values need to come from your Notion account.

• Secret – Go to Notion Integrations, create a new one, name it something like “Webstudio Website”, give it read-only permissions, and copy the secret.

• Add integration to database – Once the custom integration is created, go to your database (or its containing page), click the three dots, hover over connections, and select your custom integration.

• Database ID – To get the Notion Database ID, navigate to your database, click the there dots, click “copy link to view”, paste it somewhere temporarily, then copy the ID that is before the ?v . For example, the highlighted part is the ID: https://www.notion.so/94582558d50a4cb98234f16973f69c8a?v=1f9c545770334b2091e52c906492143c

Copy the Database ID and Secret/Token and go to Webstudio > Global Root > Settings > and paste them into their respective Data Variables.