Collections

To start creating your Collections, Save a page first.

1. Select Save at the top of the page.

   <img src="/assets/plus-docs/collections/desktop-saving-page.png" alt="Screenshot showing save button highlighted at the top right of the page.">
   

2. Click Save in the dialog that opens.

   <img src="/assets/plus-docs/collections/desktop-page-dialog-save.png" alt="Screenshot showing collections dialog with save button highlighted.">
   

1. Open the ⋮ menu
2. Tap on Save.

   <img src="/assets/plus-docs/collections/mobile-save-page.png" alt="Screenshot showing the save menu entry highlighted.">
   

3. In the next view that opens, tap Save

When an article is saved, it appears in Collections.

1. Click on your avatar at the top-right and select Collections.

   <img src="/assets/plus-docs/collections/desktop-collections-user-menu.png" alt="Screenshot showing the user menu entry expanded. This reveals a number of options the second of which is Collections.">
   

1. Open the main menu by tapping on the burger menu icon at the top right of the page.

   <img src="/assets/plus-docs/collections/mobile-burger-menu.png" alt="Screenshot showing the burger menu icon highlighted.">
   

2. Click on your avatar / email address at the bottom of the menu.

   <img src="/assets/plus-docs/collections/mobile-menu.png" alt="Screenshot showing the expanded user menu.">
   

3. From the submenu, tap on Collections.

   <img src="/assets/plus-docs/collections/mobile-collections-menu-item.png" alt="Screenshot showing the expanded submenu with Collections highlighted.">
   

Your saved articles will appear on the collections dashboard accessible from the MDN Plus → Collections link.

Add notes from an article page

1. Select Saved at the top of the page.

   <img src="/assets/plus-docs/collections/desktop-page-dialog-save.png" alt="Screenshot showing and article page that has been saved to your collections. The saved button located at the top right of the page is highlighted.">
   

2. Type the note you’d like to add in the Note field and select Save.

   <img src="/assets/plus-docs/collections/desktop-page-add-note.png" alt="Screenshot showing the collection dialog. It contains two input fields and two buttons. The second input field is for notes.">
   

Add notes from Collections

1. Click the ⋮ menu to the right of the bookmark and select Edit.

   <img src="/assets/plus-docs/collections/desktop-collections-three-dot-menu.png" alt="Screenshot showing the collection dashboard. On the right of an entry is a three dot menu item which is highlighted">
   

2. Select Edit.

   <img src="/assets/plus-docs/collections/desktop-collections-edit-menu.png" alt="Screenshot showing the expanded three dot menu. This reveals two options, the first of which is edit.">
   

3. Type the note you’d like to add in the Note field and select Save.

   <img src="/assets/plus-docs/collections/desktop-collections-edit-dialog-add-note.png" alt="Screenshot showing the edit collection entry dialog. It contains two input fields and two buttons. The second input field is for notes.">
   

Add notes from an article page

1. Click the ⋮ menu to the right of the saved article

   <img src="/assets/plus-docs/collections/mobile-open-article-actions.png" alt="Screenshot showing the three dot menu at the top right.">
   

2. Select Saved.

   <img src="/assets/plus-docs/collections/mobile-saved-page.png" alt="Screenshot showing the article actions menu with the saved menu entry highlighted.">
   

3. Type the note you’d like to add in the Note field and select Save.

   <img src="/assets/plus-docs/collections/mobile-add-note.png" alt="Screenshot showing the edit saved collection entry view. It contains two input fields and two buttons. The second input field is for notes.">
   

Add notes from Collections

1. Click the ⋮ menu to the right of the saved article and select Edit.

   <img src="/assets/plus-docs/collections/mobile-collections-dashboard-edit.png" alt="Screenshot showing the expanded three dot menu located to the right of a collection entry. The first option is edit.">
   

2. Type the note you’d like to add in the Note field and select Save.

   <img src="/assets/plus-docs/collections/mobile-add-note.png" alt="Screenshot showing the edit saved collection entry view. It contains two input fields and two buttons. The second input field is for notes.">
   

Remove a saved page from an article page

1. Select Saved at the top of the page.

   <img src="/assets/plus-docs/collections/desktop-page-dialog-save.png" alt="Screenshot showing and article page that has been saved to your collections. The saved button located at the top right of the page is highlighted.">
   

2. Select Delete.

   <img src="/assets/plus-docs/collections/desktop-remove-saved-delete.png" alt="Screenshot showing the collection dialog. It contains two input fields and two buttons. The second button is delete, which is also highlighted">
   

Remove a saved page from Collections

1. Click the ⋮ menu to the right of the saved page and select Delete.

   <img src="/assets/plus-docs/collections/desktop-collections-dashboard-delete.png" alt="Screenshot showing the expanded three dots icon. There are two options, the second of which is delete.">
   

2. Your saved page has now been removed. Select Undo in the notification at the bottom of the screen to revert this action.

   <img src="/assets/plus-docs/collections/desktop-collections-undo.png" alt="Screenshot showing the undo toast dialog at the bottom of the page. The undo button located on the right is highlighted">
   

Remove a saved page from an article page

1. Click the ⋮ menu to the right of the saved article

   <img src="/assets/plus-docs/collections/mobile-open-article-actions.png" alt="Screenshot showing the three dot menu at the top right.">
   

2. Select Saved.

   <img src="/assets/plus-docs/collections/mobile-saved-page.png" alt="Screenshot showing the article actions menu with the saved menu entry highlighted.">
   

3. Select Delete.

   <img src="/assets/plus-docs/collections/mobile-collections-delete-entry.png" alt="Screenshot showing the edit view on mobile. It contains two input fields and two buttons. The second button is delete, which is also highlighted">
   

Remove a saved page from Collections

1. Click the ⋮ menu to the right of the saved page and select Delete.

   <img src="/assets/plus-docs/collections/mobile-collections-dashboard-delete-entry.png" alt="Screenshot showing the expanded three dots icon. There are two options, the second of which is delete.">
   

2. Your saved page has now been removed. Select Undo in the notification at the bottom of the screen to revert this action.

   <img src="/assets/plus-docs/collections/mobile-collections-undo.png" alt="Screenshot showing the undo toast dialog at the bottom of the page. The undo button located on the right is highlighted">
   

Saved pages can be filtered by searching Title keywords through the page search bar.

Saved pages can be sorted by Date added and Title. The input element is located to the right of the Collections search input.

These are collections we automatically create for you, based on your activity while being logged into MDN Plus. As an MDN Plus user, you are automatically opted into this feature.

Frequently viewed pages are articles you visit most frequently while logged into MDN Plus. We will always show you your most recent top viewed 20 pages.

1. Click the ⋮ menu to the right of the saved page and select Delete.

   <img src="/assets/plus-docs/collections/desktop-collections-delete-fva.png" alt="Screenshot showing the expanded three dots icon. There are two options, the second of which is delete.">
   

2. Your saved page has now been removed. Select Undo in the notification at the bottom of the screen to revert this action.

   <img src="/assets/plus-docs/collections/desktop-collections-undo.png" alt="Screenshot showing the undo toast dialog at the bottom of the page. The undo button located on the right is highlighted">
   

Click the ⋮ menu to the right of the saved page and select Delete. Your saved page has now been removed. Select Undo in the notification at the bottom of the screen to revert this action.

1. Click the ⋮ menu to the right of the saved page and select Delete.

   <img src="/assets/plus-docs/collections/desktop-collections-delete-fva.png" alt="Screenshot showing the expanded three dots icon. There are two options, the second of which is delete.">
   

2. Your saved page has now been removed. Select Undo in the notification at the bottom of the screen to revert this action.

   <img src="/assets/plus-docs/collections/mobile-collections-fva-undo.png" alt="Screenshot showing the undo toast dialog at the bottom of the page. The undo button located on the right is highlighted">