Ask AI

First Help Article

Description for the first help article

no

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 ✨
Β 

finally this works again.

🏝️

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

Β 

col 1 with callout

callout

col 2

Β 

this is a link to another block

printbox.addProjectToCart = async (projectId: string) => {
    try {
        // Perform requests to your ecommerce API
        const response = await ecommerceApi.addProjectToCart(projectId);
        console.log('Project added to cart successfully:', response);
    } catch (error) {
        // Always catch any errors that may occur when performing necessary operations
        console.error('An error occurred while adding the project to the cart:', error);
    }
};
Β 
goToCartFinished

Method is called example

printbox.gotocartfinished = async (projectId: string) => {
    try {
        // Perform requests to your ecommerce API
        const response = await ecommerceApi.addProjectToCart(projectId);
        console.log('Project added to cart successfully:', response);
    } catch (error) {
        // Always catch any errors that may occur when performing necessary operations
        console.error('An error occurred while adding the project to the cart:', error);
    }
};
Β 
goToCartFinished
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
Β 

Japanese File Name Image

Notion image
Β 

pic with spaces in file name

Notion image
Notion image
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 πŸͺ„

Β 
title
description
tung tung sahur
anomali
ballerina cappucina
italia
Β 

πŸ“ΉΒ 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 πŸŽ“

Β 
Β 
Β 
Notion image
Β 

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