How to use different templates in the same website

List view

How to mix-up different templates in different pages?

This docs will be helpful in case if you want to
  • apply different templates in different pages of the same website.
  • apply template to only specific page, and keep other pages as default notion design.
Note: You can’t combine two different templates in the same page, as that will lead to clash of styles for the same elements.
 
Any bullet template that you see in our templates page is a combination of a notion template and a set of CSS styles and javascript for that template.
 
For every template, we have you can see the notion template link and css code under their respective /getting-started/ page.
For example, see for docuflow template https://docuflow.bullet.ink/getting-started/
 
If you’ve created your site during onboarding flow from Bullet dashboard, you will see a global code inside Code > Head, Code > Body. These code in will be applied to all the pages in the website.
 
So this consists of two steps.
  1. Moving the current template code from global to page-specific.
  1. Adding new template code to specific pages.
 
Step 1: Move the current template code from global to page specific
Now that you want these code to be applied only inside specific pages, remove these code from global code, and paste these code under page specific code under Pages > Select the page > Code > Current page.
notion image
 
Step 2: Copy the new template code inside different page
Go to any other template that you have already, and copy paste the code to specific page.
For example, if you want to add gear template to the specific page, go to it’s getting started page and scroll all the way to bottom to copy paste the code inside specific page.