Integration guide

Get started /

All the necessary steps to integrate Cord into your app


Install Cord

Add the Cord SDK to your application

Initialize Cord

Connect the Cord SDK to one of your live pages

Add Presence

Add the secret sauce that makes all collaboration work

Customize the Appearance

Get Cord looking and feeling like your application

Add the Thread Component

Give your users a place to have a conversation

Customize the Thread

Adjust your Thread's appearance to match your design

Authenticate your User

Install the Server-side SDK

Create an Auth Token

Get your user authenticated by creating a JSON Web Token (JWT) for them

Add Multiple Users

Get your user authenticated by creating a JSON Web Token (JWT) for them

On this page
    1. Get started
      1. Demo apps
      2. Integration guide
        1. Install Cord
        2. Initialize Cord
        3. Add Presence
        4. Customize the Appearance
        5. Add Thread
        6. Customize the Thread
        7. Authenticate Your User
        8. Create an Auth Token
        9. Add Multiple Users
      3. Live CSS editor
    2. Components
      1. Thread
      2. Thread List
      3. Composer
      4. Thread pin
      5. Floating Threads
      6. Message
      7. Inbox
      8. Inbox Launcher
      9. Notification List
      10. Notification List Launcher
      11. Page Presence
      12. Presence Facepile
      13. Facepile
      14. Presence Observer
      15. Avatar
      16. Settings
      17. Sidebar
      18. Sidebar Launcher
    3. JavaScript APIs & Hooks
      1. Initialization
      2. Annotations API
      3. Thread API
        1. Observe location summary information
        2. Observe detailed location data
        3. Observe thread summary information
        4. Observe detailed thread data
      4. User API
        1. Observe user data
        2. Observe logged-in user data
      5. Presence API
        1. Mark the user present
        2. Observe users present at a location
      6. Notification API
        1. Observe notification summary information
      7. ScreenshotConfig API
    4. How to
      1. Customize Cord components with CSS
      2. Set a custom redirect link
      3. Improve annotation accuracy
      4. Add a custom page title
      5. Support iframes in annotation screenshots
      6. Log events to Segment
      7. Set up a custom S3 bucket
    5. Reference
      1. Authentication
      2. All CSS
      3. REST API
        1. Authentication
        2. Threads
        3. Users
        4. Organizations
        5. Batch
        6. Notifications
        7. Applications
        8. Errors
      4. Server Libraries
      5. Identifiers
      6. Location
      7. Browser support
      8. Changelog
    Cord LogoDocs
    Go to the Cord Console
    Cord's company wordmark and swirly woop
    Company
    • About
    • Blog
    • Jobs
    Product
    • Pricing
    • Status
    Privacy
    • Privacy Policy
    • Web Terms of Service
    • Service Agreement
    • Data Processing Agreement
    • Security
    • CCPA
    Contact
    • Twitter
    • Linkedin
    • info@cord.com