This Chrome extension adds a native WYSIWYG editor to BigCommerce Page Builder, making it easier to edit rich text formatted content.
- Automatically detects the BigCommerce Page Builder environment
- Adds a native WYSIWYG editor to HTML text fields
- Supports complete text formatting: bold, italic, underline, lists, alignment
- Advanced tools: table insertion, images, color selection
- Updates in real-time while you edit content
- Efficient resource management to improve performance
- Intuitive visual interface
- Native HTML editor (no external library dependencies)
- Compatible with Chrome extension security policies
- Visit the extension page on Chrome Web Store
- Click "Add to Chrome"
- Confirm installation
- Clone or download this repository to your local machine
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode" by toggling the switch in the top-right corner
- Click "Load unpacked" and select the directory containing the extension files
- The extension should now be installed and active
This extension includes a native WYSIWYG editor implemented directly with browser APIs instead of using external libraries like TinyMCE or Quill. This avoids Content Security Policy (CSP) restrictions in Chrome extensions and ensures that the editor works reliably.
Features of the built-in editor:
- Complete formatting tools (bold, italic, underline)
- Text alignment options (left, center, right)
- Link creation and image insertion
- Table creation and editing
- Color picker for text and backgrounds
- Ordered and unordered lists
- Headings and blockquotes
- Compatible with BigCommerce fields
- Log in to your BigCommerce admin panel
- Navigate to Page Builder
- Edit an HTML text field, and a WYSIWYG editor will automatically appear
- Use the editor toolbar to format text, add links, etc.
- Your changes will be automatically saved to the BigCommerce page
If the editor does not appear:
- Click on the extension icon in the Chrome toolbar
- Click "Refresh Editors" to manually activate the editors
- Make sure you are in Page Builder and editing a compatible text field
- Check the browser console for error messages
- The extension uses MutationObserver to detect new fields added to the DOM
- Resources are properly cleaned up when leaving the page
- Error handling is implemented to improve stability
- The extension only activates on BigCommerce domains
- Compliance with Chrome extension Content Security Policy (CSP)
- Basic HTML and URL sanitization for improved security
This extension does not collect or transmit any personal data. It operates completely in the local browser and does not communicate with external servers.
For more details, see our Privacy Policy.
A public landing page for this extension is available at:
This site is automatically generated and deployed via GitHub Actions from the /docs directory. It presents the extension, features, and privacy policy for public and open-source access.
This project is open source and available for your use and modification.