> ## Documentation Index
> Fetch the complete documentation index at: https://docs.infotobiz.com/llms.txt
> Use this file to discover all available pages before exploring further.

# User Guide

> Usage tricks that can make you more productive.

Getting started is the hardest part.

## Save your first record

### Basic Page Information

The extension automatically parses the title, description, og-image from the webpage and automatically fills in the fields.

We can see an [example](https://sentry.io/welcome/) below.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguide.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=fbc3184f6dfda3cf703b34900c86242a" alt="user guide" width="2084" height="1208" data-path="images/userguide.png" />

The title, description and og-image are originally used for SEO. The search engine could know what does this website do.

* Image: You can set a cover to each database record. We set the image to be the cover by default. Users can deselect it if they don't like it.

* Title / Description: you can change the words as you want.

* Slug: slug is the unique key used for SEO. As you change the title, this field will change automatically. If you want to turn your database into blogs. Slug should be unique and will be display on the url of blog.

### Project

As you click the entension, it will get all the projects you created on InfoToBiz.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguideproject.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=87dd6cdd8c1a4a4bc4a3900f3c8b307c" alt="user guide project" width="2084" height="1208" data-path="images/userguideproject.png" />

Pick a project that you want to collect this record in.

### Category

This is a single-select type field. The options are the same as those in the notion database.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguidecategory.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=f364c960d38606801f14a03cf21fd8d0" alt="user guide category" width="2084" height="1208" data-path="images/userguidecategory.png" />

If you want to create a new one. Type in the new category and type "enter".

### Tags

This is a multi-select type field. The options are the same as those in the notion database.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguidetags.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=9feded73cf43aae0ebd2bf6f3c11647a" alt="user guide tags" width="2084" height="1208" data-path="images/userguidetags.png" />

If you want to create a new one. Type in the new category and type "enter".

You can select multiple tags.

### Notes

We provide a rich-text editor.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguidenote.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=8cc51bca6e62f80c9037671fbfb16aba" alt="user guide note" width="2084" height="1208" data-path="images/userguidenote.png" />

#### Focus mode

Click this, you can focus on your note taking.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguidenote2.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=74b0ca2c017fb1c0f105ce4e475813a2" alt="user guide note2" width="2084" height="1208" data-path="images/userguidenote2.png" />

After you fill all the field as you carefully think. Click "Add to project-name".

The record will be collected in the database behind your selected project.

### View the saved record

After saving, you can click the "View" button to see the record in Notion.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguideview.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=daea07153bc71d795dc5f344cb7aff1e" alt="user guide view" width="2084" height="1208" data-path="images/userguideview.png" />

This example is saved like this.

<img className="rounded-2xl" src="https://mintcdn.com/infotobiz/Gawre8IKq5VlcRgr/images/userguideview3.png?fit=max&auto=format&n=Gawre8IKq5VlcRgr&q=85&s=c00dbb88246eb58ccf161779973b48d7" alt="user guide view2" width="2084" height="2078" data-path="images/userguideview3.png" />

The rich-text feature is also saved correctly.

So, this is your first save. It is very convenient, isn't it?

If you meet any problems, feel free to contact me by click "support".

It is time to build. Enjoy your journey!
