Brightspot CMS User Guide

Enabling quick access to a given asset from its front-end site page


You can add a bookmarklet to your browser that will take you from a page’s front end to its corresponding content edit page in Brightspot when clicked. For example, if you have an article named Creating a GraphQL query in Brightspot that you are viewing on your site, you can click the inline edit bookmarklet to open the content edit form for the Creating a GraphQL query in Brightspot asset.

Note
For the bookmarklet to work correctly, your Brightspot instance must include a specific meta tag in the HTML header. This tag, <meta name="brightspot.contentId" content="YOUR_CONTENT_ID">, provides the unique content identifier that the bookmarklet uses to construct the URL for accessing the Brightspot content editing page.

Adding the inline edit bookmarklet

Browser-specific directions on how to add the inline edit bookmarklet

This topic was written for Chrome Version 134.0.6998.166 (Official Build) (x86_64). Depending on your version of Chrome, the steps to access your bookmark manager and add a bookmark may vary. See Create, find and edit bookmarks in Chrome for the latest details.

  1. Access your bookmark manager by clicking more_vert in the top right of your browser window, expanding Bookmarks and Lists, and clicking Bookmark Manager.
  2. Add a new bookmark by clicking more_vert in the top right of the page, and then clicking Add new bookmark.
  3. In the Name field, enter a name for the bookmark (for example, View in Brightspot).
  4. In the URL field, add the bookmarklet code below.
    javascript: void function(){var bspUrl='https://'+window.location.hostname+'/cms/content/edit.jsp'; var metaName='brightspot.contentId'; var metas=document.getElementsByTagName('meta'); var found=false; console.log(bspUrl); for(var i=0; i<metas.length; i++){ console.log(metas[i]);if(metas[i].getAttribute('name')===metaName){ found=true; open(bspUrl+'?id='+metas[i].getAttribute('content'), '_blank');}} if(!found){alert("Error Finding In Brightspot");}}();
    Your screen should look similar to the following image:
    Bookmarklet Chrome.png Bookmarklet Chrome.png
  5. Click Save.

This topic was written for Firefox Version 136.0.3 (64-bit). Depending on your version of Firefox, the steps to access your bookmark manager and add a bookmark may vary. See Bookmarks in Firefox for the latest details.

  1. Access your bookmark manager by clicking menu in the top right of your browser window, expanding Bookmarks, and clicking Manage bookmarks.
  2. From the settings drop-down, click Add Bookmark.
  3. In the Name field, enter a name for the bookmark (for example, View in Brightspot).
  4. In the URL field, add the bookmarklet code below.

    javascript: void function(){var bspUrl='https://'+window.location.hostname+'/cms/content/edit.jsp'; var metaName='brightspot.contentId'; var metas=document.getElementsByTagName('meta'); var found=false; console.log(bspUrl); for(var i=0; i<metas.length; i++){ console.log(metas[i]);if(metas[i].getAttribute('name')===metaName){ found=true; open(bspUrl+'?id='+metas[i].getAttribute('content'), '_blank');}} if(!found){alert("Error Finding In Brightspot");}}();

    Your screen should look similar to the following image:

    Bookmarklet Firefox.png Bookmarklet Firefox.png

  5. Click Save.

Previous Topic
Sending an asset for translation
Next Topic
Creating and managing content
Was this topic helpful?
Thanks for your feedback.

Browse All Docs

Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Assets
Modules
Landing pages
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types