Cosmic Chrome Extension

SUMMARY

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.

The latest version of Cosmic Chrome Extension is available on the Chrome web and is currently being used by 9 active users. The initial version was launched on 2024-09-19.

HOW TO INSTALL Cosmic Chrome Extension FROM A CRX FILE

1. Download Cosmic Chrome Extension CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)