Cosmic Chrome Extension

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.