Cosmic Chrome Extension in Chrome with OffiDocs

DESCRIPTION

Instantly connect your website to the content in the Cosmic CMS.

More information on the Cosmic CMS: https://www.cosmicjs.com

How it works
This extension automatically highlights areas on the page that can be edited in the Cosmic CMS, and will provide a link directly to the Cosmic dashboard for easy editing access.

Demo: https://cosmic-podcast-network.vercel.app

How to use
Step 1: Codebase installation
In your website codebase, around any element that can be edited in Cosmic, set an attribute for `data-cosmic-object="your-cosmic-object-id"`. You can find the Cosmic Object ID in the API response. See the docs for more info. https://www.cosmicjs.com/docs/api/objects

Step 2: Install the Cosmic Chrome Extension and configure
After installing this Chrome Extension, you will then need to configure your Bucket slug. Click on the Cosmic icon located in the top right of your Chrome browser. Set your Bucket slug (this can be found in Your Project > API access). Then set edit mode to On.

Now you should see any element with a Cosmic Object ID lit up with a Cosmic blue border with a link that takes you directly to the area in the Cosmic dashboard to update the content.

Cosmic Chrome Extension web extension integrated with the OffiDocs Chromium online