Cosmic Chrome Extension icon

Cosmic Chrome Extension

by Cosmic

v1.01 Updated Sep 28, 2024 83.22KiB
CWS
31
Users
★ 0.00
0 reviews
#18622
of 49.1K
developer
#1474 of 3.5K
⚠️Not updated in over a year

Description

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 screenshot 1Cosmic Chrome Extension screenshot 2

Reviews

Loading reviews...

Permissions (1)

Permissions

storage Can store data locally in your browser

Details

Version 1.01
Updated Sep 28, 2024
Size 83.22KiB
First Seen Mar 22, 2026