> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Dorik CMS Basics

# Getting Started

Dorik CMS platform is a fully featured content management system. Dorik CMS has all the features of Dorik Classic (except Export Code) + a built-in blogging system, membership, collections, white-label features, etc. This article will guide you through the whole CMS builder basics.


---

# How to Open a CMS Site Dashboard

1. First, log in to your Dorik dashboard.
2. From the **Sites** menu, select the **CMS** tab.
3. Click the `Edit Site` button next to the website you want to open.

***Refer to the GIF below for visual demonstration:***  ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-03-at-14_146y54j.gif)

---

# CMS Dashboard Preview

After logging into your CMS site dashboard, you will see a preview of your site. The interface includes a **Side Nav**, a **Top Nav**, and the **site preview**.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_106gtu8.png)


## Side Nav

CMS site dashboard has these options:

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_2vdw1u.png)


1. **Add Elements**: Use this option to add various elements to your site.
    
[How to add an Element to a site?](/en/article/how-to-add-an-element-to-a-site-1mkvn0n/)

    
2. **Components**: Access saved collections, symbols, and a prebuilt section library to easily drag and drop components onto your site.
    
[How to use Components?](/en/article/how-to-use-components-20buyl/)

    
3. **Pages**: Access all the webpages of your site and customization option.
    
[Pages](/en/article/pages-nn47vl/)

    
4. **Global Styles**: Set global styles for your site.
    
[Global Styles Basics](/en/article/global-styles-basics-1gcjxxw/)
    

5. **Navigator**: Easily access all components of your site.
    
[Navigator](/en/article/navigator-i7da0h/)
    

6. **Media Library**: Access all the images of your site.
    
[Media Library](/en/article/media-library-2wfe8e/)
    
7. **Site Settings**: Manage all global site settings.
    
[Site Settings](/en/article/site-settings-1kln2if/)

    
8. **Blogs**: Access all the blogs on your CMS site, where you can write, import, and edit blogs by category.

[Blogs](/en/article/blogs-c029f2/)

    
9. **Collections**: Add and customize CMS custom collections.
    
[What is Custom Collection?](/en/article/what-is-custom-collection-1nes80k/)

    
10. **Membership**: Manage settings for the membership feature to get subscribers.
 
[What is Membership?](/en/article/what-is-membership-1x7u3jb/)

    
11. **Advanced Configurations**: Access CMS site settings, manage team members, and handle custom domain options.

[Team Member Roles and Permission](/en/article/team-member-roles-and-permission-1ix0qpb/)

[Redirect](https://help.dorik.com/en/category/misc-1l7urtp/#:~:text=SEO%20Guide-,Redirection,-301%20and%20302)

[Custom Domain Configuration](/en/article/custom-domain-configuration-13z21uw/)



## Top Nav

This section provides options for page settings, version history, device responsiveness, undo/redo changes, previewing sites, saving, and publishing sites.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_15v4dm8.png)

1. **Page Name**: Displays the name of the current webpage you are on.

2. **Page Settings**: Manage page information, language, integrate analytics, payment methods, and custom code. Refer to the documentation:

[Page Settings](/en/article/page-settings-18ptbd5/)

3. **Version History**: Access previous versions of your web pages, saved manually or automatically. Refer to the documentation:

[Version History](/en/article/version-history-1mdmy3g/)    

    
4. **Undo**: Click this button to undo recent changes made to your site.
5. **Redo**: Click this button to redo recent changes made to your site.
6. **Preview**: Click this button to see a preview of your site design without publishing.
7. **Save**: Click the `Save` button to save changes as a draft without publishing.
8. **Publish**: Click the `Publish` button to make your site live and preview the live version.


---

---

## Related articles

[How to Change CMS Site Name](/en/article/how-to-change-cms-site-name-1v6n45y/)

[Horizontal Line](/en/article/horizontal-line-a3s6ok/)