Installation

Installing the Commented Chrome Extension

Welcome to Commented, where seamless collaboration comes to life. To make your experience even more convenient, we offer a Chrome extension that allows you to comment on any web page effortlessly. This guide will walk you through the simple steps of installing our Chrome extension. Before you begin, ensure that you have the following: 1. A Google Chrome Browser: The Commented Chrome Extension is exclusively available for the Google Chrome browser. Make sure you have it installed on your computer. 2. A Commented Account: You'll need a Commented account to use the extension effectively. If you don't have one, head over to Commented and sign up; it's quick and easy. Installing the Commented Chrome Extension: A Step-by-Step Guide Follow these steps to install the Commented Chrome Extension: Step 1: Visit the Chrome Web Store Open your Google Chrome browser and navigate to the Chrome Web Store. You can do this by either typing "Chrome Web Store" into your search bar or by visiting the following URL: https://chrome.google.com/webstore/category/extensions Step 2: Search for "Commented.io" In the search bar at the top left corner of the Chrome Web Store, type "Commented.io" and press Enter. Step 3: Locate the Commented Chrome Extension In the search results, you'll see the Commented.io Chrome Extension. Click on it to open the extension's page. Step 4: Add to Chrome On the Commented Chrome Extension page, click the "Add to Chrome" button. A confirmation dialog will appear. Step 5: Confirm the Installation In the confirmation dialog, click the "Add Extension" button. Chrome will begin downloading and installing the extension. The installation process should only take a few seconds. You'll see a progress bar indicating the status. Step 6: Extension Installed Once the installation is complete, you'll receive a notification that the Commented Chrome Extension has been added to Chrome. Step 7: Access the Extension To access the Commented Chrome Extension, look for its icon in the Chrome toolbar, it’s usually located in the top-right corner of your browser. You can also find it in "Extensions" under the "Window" tab. Click on the Commented icon to open the extension. Make sure that you’ve enabled commenting on the page. You can click on the toggle switch to turn it into "On" and use the toolbar at the bottom of the page. Congratulations! You've successfully installed the Commented Chrome Extension. You're now ready to add comments, share insights, chat, and collaborate on any web page with ease. Simply click the extension icon while on a web page, and let the collaboration begin. Using the Commented Chrome Extension With the extension installed, you can easily comment on and mark up any web page, share your comments with team members, and streamline your collaboration efforts. To use the extension, navigate to a web page of your choice, click the Commented icon in the toolbar, and start leaving comments and annotations effortlessly. Thank you for choosing Commented for your collaboration needs. If you encounter any issues or have any questions, please refer to our Help Center or reach out to our support team for assistance. Happy collaborating!

Installing the Commented Chrome Extension on Microsoft Edge

The Commented Chrome Extension is a powerful tool that also allows you to add comments and annotations to web pages while using the Microsoft Edge browser. With this extension, you can collaborate seamlessly with your team, clients, or peers by leaving comments, making suggestions, and discussing web content. In this guide, we'll walk you through the process of installing and using the Commented Chrome Extension on Microsoft Edge. Installing the Commented Chrome Extension on Microsoft Edge: A Step-by-Step Guide Follow these steps to install the Commented Chrome Extension on your Microsoft Edge browser: Step 1: Open Microsoft Edge Launch your Microsoft Edge browser on your computer. Step 2: Visit the Chrome Web Store Go to the Chrome Web Store by clicking this link or searching for "Chrome Web Store" in your preferred search engine. Step 3: Search for Commented In the Chrome Web Store, use the search bar to look for "Commented.io" and press Enter. Once the search results appear, click on the "Commented - Precise Feedback Tool" extension to open its details page. You can also use this link to navigate to the mentioned web page. Step 4: Add to Chrome On the extension's details page, click the "Add to Chrome" button. A pop-up window will appear to confirm the installation. Click "Add extension" to proceed. Step 5: Installation Complete After a few moments, the Commented Chrome Extension will be added to your Microsoft Edge browser. That's it! You're now equipped to use the Commented Chrome Extension with Microsoft Edge to enhance your web page collaboration. Thank you for choosing Commented to streamline your workflow. Happy commenting!

Adding the Code Snippet

The Commented Code Snippet is an essential element for enabling seamless commenting and collaboration on your website. By adding this snippet to your site, you allow visitors to leave comments and suggestions, enhancing communication between your team, and your audience. Follow these simple steps to get started: Adding the Code Snippet: A Step-by-Step Guide Follow these steps to add the code snippet: Step 1: Copy the Script Tag Copy the following script tag: <script defer src="https://cdn.commented.io/latest.js"></script> Step 2: Paste the Script Now, let's guide you on where to paste this script tag, which may vary depending on the content management system (CMS) you use: For Custom Websites 1. Open your website's HTML source code. 2. Locate the closing </head> tag. 3. Paste the copied script tag just before the </head> tag. For WordPress Users 1. Log in to your WordPress admin dashboard. 2. Navigate to "Appearance." 3. Select "Theme Editor" (you may need to activate your theme's editor). 4. On the right, find and click on "Theme Header" or "Header.php." 5. Locate the closing </head> tag. 6. Paste the copied script tag just before the </head> tag. 7. Save your changes. For Webflow Users 1. Open your Webflow project. 2. Go to the "Project Settings." 3. Select the "Custom Code" section. 4. In the "Head Code" field, paste the script tag. 5. Save your changes. For Other Website Builders 1. Access your website builder's settings. 2. Look for options related to adding custom HTML or scripts to your website. 3. Paste the copied script tag where you can add custom code. Now, you're all set to use Commented for your web project, regardless of your website setup! Caveats - Only add the script once to each page where you want to use Commented. There's no need to duplicate it. - If your website has a master page, add the script to that master page for it to apply globally.

Mobile SDK Installation Guide for Android

Commented's Mobile SDK for Android allows you to integrate Commented's commenting and collaboration features seamlessly into your Android application. With this SDK, you can provide a collaborative environment for your app users to leave comments and feedback right within your mobile app. Mobile SDK Installation for Android: A Step-by-Step Guide Follow these steps to install Commented's Mobile SDK on your Android application: Step 1: Add the SDK to Your Project In your project-level build.gradle file, add the mavenCentral repository if it's not already added. If you are using Groovy, modify the build.gradle file; otherwise, if you are using Kotlin DSL, update the settings.gradle.kts file. buildscript { repositories { mavenCentral() // Add this line if not already present // ... } // ... } In your app-level build.gradle file, add the SDK dependency: For Kotlin.dsl dependencies { // ... implementation("io.commented.android:commented:commented-sdk-version") // Replace 'commented-sdk-version' with the latest. // ... } For Groovy dependencies { // ... implementation 'io.commented.android:commented:commented-sdk-version' // Replace 'commented-sdk-version' with the latest. // ... } Step 2: Sync Gradle After adding the dependency, sync your project and download the SDK. You may need to clean and rebuild your project. Step 3: Initialize the SDK Here's how you initialize the Commented SDK in the activity you want to use: For Kotlin import android.app.Application import com.commented.sdk.CommentedActivity class MyApplication : Application() { override fun onCreate() { super.onCreate() // Initialize the SDK here CommentedActivity(this).setupCommented() } } For Java import android.app.Application; import com.commented.sdk.CommentedActivity; public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); // Initialize the SDK here new CommentedActivity(this).setupCommented(); } } Step 4: Build and Run Your App Build and run your Android application to test the integration of the com.commented.sdk.

Mobile SDK Installation Guide for iOS

Commented's Mobile SDK for iOS allows you to integrate Commented's commenting and collaboration features seamlessly into your iOS application. With this SDK, you can provide a collaborative environment for your app users to leave comments and feedback right within your mobile app. Mobile SDK Installation for iOS: A Step-by-Step Guide Follow these steps to install Commented's Mobile SDK on your iOS application: Step 1: Install CocoaPods 1. Install Ruby: First, you may need to install Ruby on your computer. To check if Ruby is installed, open the Terminal and run the following command: ruby -v If Ruby is not installed, you can install it from the official Ruby website or using a tool like Ruby Version Manager (RVM). 2. Install CocoaPods: After installing Ruby, open the Terminal and use the following command to install CocoaPods: gem install cocoapods This command will download and install the latest version of CocoaPods. 3. Verify Successful Installation: After CocoaPods is installed, verify the installation by running the following command: pod --version You should see the version number if CocoaPods was successfully installed. Step 2: Install Commented Pod 1. Navigate to Your Project’s Root Directory: First, you need to navigate to the root directory of the project where you want to use the Commented pod. You can do this in the Terminal using the cd command. For example, if your project is located in a directory called "MyProject," you can navigate to it with the following command: cd /path/to/MyProject Replace "/path/to/MyProject" with the actual path to your project's root directory. Once you're in the project's root directory, proceed to the next steps. 2. Add CocoaPods Podfile to Your Project: Navigate to the root directory of the project where you want to use the Commented pod. Open the Terminal and use the following command to create a Podfile: pod init This command will create a file named Podfile in the root directory of your project. 3. Edit the Podfile: Open the Podfile using a text editor and add the Commented pod as follows: target 'YourProjectName' do # Comment the next line if you don't want to use dynamic frameworks use_frameworks! # Pods for YourProjectName pod 'CommentedSDK' end Replace 'YourProjectName' with the name of your project's name. 5. Install the Pods: Open the Terminal and use the following command to install the pods listed in your Podfile: pod install --repo-update We strongly recommend using --repo-update with your installation in order to get latest version of the Commented. This command will download the specified pods and integrate them into your project. 6. Use the Workspace: After the pod install process is complete, CocoaPods will create a .xcworkspace file for your project. You should use this workspace to work on your project because the pods are included in this workspace. Step 3: Start Using Commented in AppDelegate 1. Initialize Commented To use the "Commented" library in your Swift project, you need to import it at the top of your Swift files where you plan to use it. Open the AppDelegate.swift file and add the following import statement: import CommentedSDK In your project's AppDelegate.swift file, initialize the "CommentedSDK" library. Locate the application(_:didFinishLaunchingWithOptions:) function and add the following line of code just before the return true statement: Commented.shared.start(projectId: "commented-project-id") You can find your project id, at the end of the URL when you go to project details. ​ https://app.commented.io/projects/{commented-project-id} ​2. Initialize Commented in SceneDelegate In your project, if you're using SceneDelegate bypass step one and implement this step. Navigate to the SceneDelegate.swift file in your project. Import the "CommentedSDK" library by adding the following line at the top of the file: import CommentedSDK Inside the scene(_:willConnectTo:options:) function, add the below code to the end of the function. Commented.shared.start(projectId: "commented-project-id") You can find your project id, at the end of the URL when you go to project details. ​ https://app.commented.io/projects/{commented-project-id} You have now successfully integrated Commented's Mobile SDK into your iOS app, enabling in-app comments and collaboration features for your users. If you encounter any issues during the integration or have questions about using Commented's Mobile SDK in your iOS app, feel free to contact our support team. We're here to assist you and ensure a smooth integration process.