Getting Started

Applying this template to your site takes only 2 minutes

  1. Click on the “Use template” button in the top right corner.
  1. Inside the Bullet dashboard, Enter the site name and the sub-domain.
  1. In the next step, duplicate the selected template into your notion workspace
  1. Get the public URL of the notion page in your workspace by clicking Share > Publish at the top of your Notion page.
  1. Paste the notion’s public URL of the template in the Bullet dashboard and click “Create”.
 
Customization:
Follow the below steps to customize your website in the Bullet dashboard.
  1. Add header, footer, logo, favicon, and 404 to your website
  1. Optimize on-page SEO for your website
  1. Add a Domain to your website
 
Brand Colour:
Every template has a default brand color which is shown across different elements of your website like
  • Navbar CTA
  • Buttons
  • Hovers and Active elements, etc
Change it under Theme settings to match your brand.
 
References:
  • Check the notion page of this template → here.
  • Custom Code for Font and Design if you want to play around.
Navigate to the code section of your site in bullet dashboard. Copy the below code and paste it inside the “Head” section.
<!-- import fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<!-- CSS styles for docuflow template -->
<link rel="stylesheet" href="https://templates.bullet.site/blogify/styles.css"/>

Adding javascript to this template

Copy the below code and paste it inside the “Code” > “Body” tab for your site.
<!--blog tag bg colors-->
<script src="https://templates.bullet.so/default/js/snippets/blogTagColor.js" defer></script>
<!--tally form load script-->
<script async src="https://tally.so/widgets/embed.js"></script>
 

Footer embed

Copy the below code and paste it inside the “Footer” > “Newsletter/CTA Embed above footer” tab for your site.
<section class="newsletter-section dark-premium">
  <div class="newsletter-card">
    <h1>Stay in the loop</h1>
    
    <iframe data-tally-src="https://tally.so/embed/RGdXyj?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="120" frameborder="0" marginheight="0" marginwidth="0" title="Stay in the loop"></iframe>
<script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

  <p class="newsletter-note">
    No spam, just certified good stuff
  </p>
</div>
</section>