Creating Your First Comment

Step 1: Navigate to a Webpage

The first step is to open your browser and navigate to any webpage where you want to leave a comment. WebPage Commenter works across most websites, from news articles and blogs to documentation and research papers.

Before adding your first comment, make sure:

• The WebPage Commenter extension is installed and enabled in your browser
• You're logged in to your WebPage Commenter account
• The webpage has fully loaded

Step 2: Highlight Text to Comment On

Once you've found content you want to comment on, you need to select the specific text that you want to annotate:

1. Position your cursor at the beginning of the text you want to comment on.
2. Click and hold the left mouse button.
3. Drag your cursor to the end of the text you want to select.
4. Release the mouse button to complete the selection.

Step 3: Open the Comment Box

After highlighting text, a comment icon will appear near your selection. There are several ways to open the comment box:

Method 1: Using the Comment Icon

A small comment bubble icon will appear near your text selection. Simply click this icon to open the comment editor.

Method 2: Using Keyboard Shortcuts

You can also use keyboard shortcuts to open the comment box:

• Windows/Linux: Ctrl + Shift + C
• macOS: ⌘ + Shift + C

Method 3: Using the Context Menu

You can also right-click on the selected text and choose "Add Comment" from the context menu.

Step 4: Write Your Comment

Once the comment box opens, you can start writing your annotation. The comment editor provides several formatting options to help organize your thoughts.

Basic Formatting

The toolbar at the top of the comment box offers several formatting options:

• Bold: Emphasize important points
• Italic: Highlight terms or add emphasis
• Underline: Draw attention to specific text
• Bullet points: Create lists of items
• Numbered lists: For sequential steps or prioritized items

Visibility Settings

You can also set the visibility of your comment:

• Private: Only visible to you
• Public: Visible to anyone using WebPage Commenter on that page
• Team: Only visible to members of your team (available in Team plan)

Step 5: Save Your Comment

When you've finished writing your comment, it's time to save it:

1. Review your comment for clarity and accuracy.
2. Check that the visibility setting is appropriate for your needs.
3. Click the "Save" button in the bottom-right corner of the comment box.

Once saved, the text you selected will now display a subtle highlight, indicating there's a comment attached to it. The color of the highlight varies depending on the comment's visibility setting:

• Yellow: Private comments
• Blue: Public comments
• Green: Team comments

Managing Your Comments

After creating comments, you'll want to know how to view, edit, and manage them:

Viewing Comments

To view a comment, simply click on any highlighted text on the webpage. The comment will appear in a popup box.

Editing Comments

To edit an existing comment:

1. Click on the highlighted text to view the comment.
2. Click the "Edit" button (pencil icon) in the comment popup.
3. Make your changes in the editor that appears.
4. Click "Save" to update your comment.

Deleting Comments

If you no longer need a comment:

1. Click on the highlighted text to view the comment.
2. Click the "Delete" button (trash icon) in the comment popup.
3. Confirm the deletion when prompted.

Accessing All Your Comments

You can view all your comments across all webpages in one place:

1. Click on the WebPage Commenter extension icon in your browser toolbar.
2. Select "My Comments" or visit the WebPage Commenter dashboard.
3. Use the filters and search options to find specific comments.

Next Steps

Now that you've created your first comment, here are some suggested next steps to get the most out of WebPage Commenter:

Remember that commenting is most valuable when done consistently. Develop a habit of annotating important information as you browse, and you'll build a valuable personal knowledge base over time.