Ask AI

First Help Article

Description for first help article

This is an HelpKit sample help article. This is the place where you provide valuable information to your customers. You can:

  • create content
  • add questions & answers
  • add tutorial videos
  • or whatever else you wish ✨
 
🏝️

emoji callout

⚠️

emoji callout is the place where you provide valuable information to your customers. You can: is the place where you provide valuable information to your customers. You can: is the place where you provide valuable information to your customers. You can:

light gray svg

gray svg is the place where you provide valuable information to your customers. You can: is the place where you provide valuable information to your customers. You can: is the place where you provide valuable information to your customers. You can:

warning

any icon purple

ℹ️

image callout

ℹ️

hello world

 
Notion image
 

Self uploaded video

 

Portrait video

 
 

Self Upload Audio MP3

 

Self Upload Audio WAV

Some code with copy

 getNotionFileSrc(iconUrl) {
      const imageExtensions = ['.png', '.jpg', '.jpeg', '.svg', '.webp'];
      
      if (iconUrl.includes('attachment:') && imageExtensions.some(ext => iconUrl.toLowerCase().endsWith(ext))) {
        this.$log.debug('📂📔 Converted attachment URL:', iconUrl);
        // Extract fileId and filename from attachment string format: attachment:fileId:filename
        const [_, fileId, filename] = iconUrl.split(':');
        const spaceId = this.$store.state.notion.spaceId;
        this.$log.debug('📂📔 Converted attachment URL:', newUrl);
        return this.getSignedFileSrc(newUrl, this.categoryItem.id);
      }
      return iconUrl;
    },
with caption
 getNotionFileSrc(iconUrl) {
      const imageExtensions = ['.png', '.jpg', '.jpeg', '.svg', '.webp'];
      
      if (iconUrl.includes('attachment:') && imageExtensions.some(ext => iconUrl.toLowerCase().endsWith(ext))) {
        this.$log.debug('📂📔 Converted attachment URL:', iconUrl);
        // Extract fileId and filename from attachment string format: attachment:fileId:filename
        const [_, fileId, filename] = iconUrl.split(':');
        const spaceId = this.$store.state.notion.spaceId;
        this.$log.debug('📂📔 Converted attachment URL:', newUrl);
        return this.getSignedFileSrc(newUrl, this.categoryItem.id);
      }
      return iconUrl;
    },
 

Another pic

Notion image
 

Gif

Notion image
 

How to do something big

💡
Maybe use a callout box to emphesize certain areas?
 
💡
toggle list one

hello world

toggle list two

hello two

Heading 1 toggle

 

Heading two toggle

 

Navigate to another article

 

Some important side information

In order to read this article you have to follow the steps of this neat numbered list:

  1. Open your eyes 👀
  1. Navigate to your Notion app
  1. Read this sample article
  1. Come up with something more helpful than this sample 😉
 

Use images or videos to visually highlight things

Take a look at one our own help article images
Take a look at one our own help article images
 

How To Get Started?

Getting started with HelpKit is super easy. You create or edit your articles and categories here in Notion and then hit the “Sync now” button in your HelpKit dashboard. That’s it. Not magic but almost magic 🪄

 

📹 Watch Full HelpKit Walkthrough

📚 Learn With The HelpKit Help Center

Our
Our help center – built with HelpKit of course.

Need More Help? I’m Here for You

First of all, thanks for checking out the best solution to turn your Notion pages into a professional help center or documentation site. Combined with our built-in analytics, article feedback, search intent and more writing your knowledge base has never been more productive and enjoyable. I am personally committed to making your HelpKit experience as smooth as possible, so should you ever need any guidance or have feedback, I am all ears! Simply reach me via my 📧 email: dominik@helpkit.so

 

Tips from Our Help Center Academy 🎓

 
 

One Last Pro Tip 🤖

 
💡
Pro Tip: I encourage you to also check out Notion AI as it can help you write your help articles extremely fast. Let it improve your existing articles or let it generate articles completely from scratch for you.
 
Did this answer your question?
😞
😐
🤩

Last updated on March 6, 2025