Want to add your own sticky notes to any webpage? Docamatic is your solution

Latest Version

Version
4.0.0
Update
January 18, 2023
Size
1.85MiB
Developer
hibroseph.github.io/docamatic
Category
Users
1,000+
Rating
3.88889 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

Docamatic - Add Sticky Notes to the Web Extension

NOTE: Some pages disable what we take advantage of to put notes on the webpage. We are trying to figure out how to have notes on all webpages. If you have a specific page it doesn't work for, please send us an email with it.

Have you ever wanted to keep notes without leaving a specific webpage? Now you can with Docamatic!

You are able to create notes that are attached to webpages AND optionally show them ON THE WEBPAGE.

A searching feature in the extension allows the user to search for past notes. Once a note pops up, you can click it and it will open the page that contains the note in a new page.

The product of Docamatic is changing rapidly and being actively developed. If you have any feedback or feature requests, please reach out to us!

Because of the heavy permission that is asked to change data on all websites, when I push an update, it has to be approved by Google. This means it takes 2-3 business days for every update to be pushed through. I am trying to speed up this process so the update happens sooner

Permissions:
- Edit all data on webpage. This is because the notes are actually inserted into the HTML of the page. You can verify this by opening the developer tools and inspecting the html over the note. I am trying to find a work around for this. If you know how to, I'd be great if you could get in contact with me

Known Issues:
- Notes cannot be added to all webpages. We are slowly expanding our ability to add to all webpages
- The style changes on certain webpages
- If you change the size of the note on the left or the top, it will result in the note shifting the next time you view it.
- Weird behavior can be had on pages that are SPA's

Updates:
(November 14 2020)
- Fixed multiple chrome instance support (multiple windows).
- Fixed adding notes to webpages that have not been reloaded since chrome extension was added
* Note * A lot of users have been complaining of issues of not being able to add notes to webpages, I believe these two fixes should fix it for A LOT of people

(August 14th 2020)
- Added stability to the application
- Notes show by default on webpages
- Added feedback window when the popup view crashes

(March 24th 2020)
- Added ability to export and import notes
- Ability to delete all notes at once
- Some minor UI tweaks

(January 6th 2020)
- New notes are not shown on webpages by default. This is part of a new shift for Docamatic. You can optionally choose to show these notes on the webpages. Positions are still saved
- New interface to see notes on current webpage or add note to webpage if none exist
- Ability to manage some properties of the notes in the popup (such as delete, the title, body, whether it is favorited, and toggle visibility on webpage)

(December 31st 2020)
- Added grouping dates by second, minute, hour, or day
- Improved consistent styles of notes across websites

(December 22nd 2020)
- Added sorting notes by URL and date added
- Added a feedback when uninstalling the application
- Updated a few colors

(December 21st 2020)
- Fixed long titles displaying funky in popup
- Added more support for keeping note styles on more pages
- Added URL preview on popup
- Fixed editing title cursor jump bug

(December 20th 2020)
- Added support for notes rendering on SPA (Single Page Application). Some issues still exist and will be fixed in the coming weeks

(December 13th 2020)
- Fixed bugs related to the cursor jumping around if you edited text not at the end.

(March 28 2020)
- App size is much smaller

(May 10 2019)
- Redesigned pop up menu to include a settings page.
- Added feedback box to the settings menu
- Redesigned the logo

(Feb 10 2019)
- Color updates to correct color on picker
- Size of the note is saved
- Bolded titles on the search
- Restyled the popup menu to fit a better overall theme

(June 5 2019)
- Added top bar for dragging
- Add resizing on any side

(October 18th 2019)
- Updated Note UI as well as Popup UI
- Added a heart feature (to heart your notes)
- Added a view all notes (as soon as you enter in)
*** Updates are coming ***

(August 3rd 2019)
- Added new error screen when note doesn't place and allows for user feedback

Future Updates:
- Add a hide all/ show all button to hide/show all the notes with 1 click on a page
- Add a pinning feature meaning a note is pinned to every page you navigate to
- Be able to set preferences such as to show new notes by default on page, change default note colors, etc
- Allow images to be put in the text area
- Persisted notes across uninstalls
- More consistent styling and features


If you would like to help contribute to this project, please reach out to me.

If you have any questions, comments, or suggestions; please feel free to email me. [email protected]

If you would like to donate to support this application, donate at this link buymeacoff.ee/MaHYC5c1d
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":2,
"name":"Docamatic - Add Sticky Notes to the Web",
"description":"Want to add your own sticky notes to any webpage? Docamatic is your solution",
"version":"4.0.0",
"browser_action":{"default_popup":"index.html"},
"permissions":["activeTab",
"storage"],
"background":{"scripts":["background.360990b282c0f391b728.js"]},
"icons":{"16":"icons/docamatic-icon-16.png",
"48":"icons/docamatic-icon-48.png",
"64":"icons/docamatic-icon-64.png",
"128":"icons/docamatic-icon-128.png"},
"content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self'",
"content_scripts":[{"matches":[""],
"js":["script.360990b282c0f391b728.js"]}]}
Read more

How to download and manually install Docamatic - Add Sticky Notes to the Web extension for Chrome

Looking for a way to install Docamatic - Add Sticky Notes to the Web extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Docamatic - Add Sticky Notes to the Web extensions manually, this article outlines two simple methods to effortlessly install Docamatic - Add Sticky Notes to the Web extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Docamatic - Add Sticky Notes to the Web extension and manually install through Drag &Drop

If you ever need to manually install a Docamatic - Add Sticky Notes to the Web extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Docamatic - Add Sticky Notes to the Web Extension by clicking the "Download CRX" button on the website.

Look for the Docamatic - Add Sticky Notes to the Web extension you wish to install. Go to the website and download the Docamatic - Add Sticky Notes to the Web extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Docamatic - Add Sticky Notes to the Web extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Docamatic - Add Sticky Notes to the Web extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Docamatic - Add Sticky Notes to the Web extension for Chrome and install in Developer Mode

This is another method to install Docamatic - Add Sticky Notes to the Web extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Docamatic - Add Sticky Notes to the Web extension file

Select and download the Docamatic - Add Sticky Notes to the Web extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Docamatic - Add Sticky Notes to the Web extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Docamatic - Add Sticky Notes to the Web extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Docamatic - Add Sticky Notes to the Web extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Docamatic - Add Sticky Notes to the Web extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Note Anywhere Extension · Productivity 1,000+ 1792 ★ 168KiB

icon

Post It All : Sticky notes Extension · Productivity 1,000+ 50 ★ 1.46MiB

icon

Anywhere stickers - simple sticky notes Extension · Productivity 1,000+ 80 ★ 41.65KiB

icon

AnyPage Sticky Note Extension · Productivity 1,000+ 10 ★ 89.74KiB

icon

EasyNotes: The best sticky notes! Extension · Productivity 1,000+ 5 ★ 39.54KiB

icon

WebStickies Extension · Productivity 1,000+ 14 ★ 496KiB

icon

Tab Notes Extension · Productivity 1,000+ 5 ★ 45.1KiB

icon

stickynote tab Extension · Productivity 1,000+ 2 ★ 3.48MiB

icon

NoteIt Extension · Productivity 1,000+ 9 ★ 2.19MiB

icon

Corky Extension · Productivity 1,000+ 1 ★ 86.0KiB

icon

PageMo - Sticky notes & Memo in any page Extension · Productivity 1,000+ 7 ★ 2.43MiB

icon

Sticky Notes Everywhere | Digital Mercury Extension · Productivity 1,000+ 3 ★ 16.83KiB

icon

Sticky Notes Extension · Productivity 1,000+ 2 ★ 330KiB

icon

Sticky Notes Extension · Productivity 1,000+ 8 ★ 550KiB

icon

Markdown Sticky Notes Extension · Productivity 1,000+ 10 ★ 1.32MiB

icon

Sticky Note Extension · Productivity 1,000+ 26 ★ 41.81KiB

icon

Firenote: Notes and Todo Lists in New Tab Extension · Productivity 1,000+ 9 ★ 366KiB

icon

Beanote - Note Taking on Web Pages Extension · Productivity 1,000+ 358 ★ 3.67MiB

icon

Web Sticky Notes Extension · Productivity 1,000+ 13 ★ 32.0KiB

icon

Kwik Note Extension · Productivity 1,000+ 6 ★ 248KiB

icon

Mini Sticky Notes Extension · Productivity 1,000+ 28 ★ 39.92KiB

icon

Quickie - Sticky Notes Extension · Accessibility 1,000+ 16 ★ 841KiB

icon

Page Notes Extension · Productivity 1,000+ 214 ★ 442KiB

icon

Web Page Sticky Notes Extension · Productivity 1,000+ 204 ★ 2.19MiB

User reviews

icon

Owen Hsu (ID: 00000002f65606b9) Voted 5 ★ - Updated 11/09/2023 Does anyone know how to export all the notes? As I click on the Docamatic icon and select the setting, it only shows the text of "Export/Import", which can't be clicked at all.

icon

Paul B. (ID: 000000e8459e52fc) Voted 4 ★ - Updated 06/07/2023 Very clever, much-needed extension. I hope there's an update that does away with the preloaded text. Thanks much.

icon

Adam Smith (ID: 000000945a1d3995) Voted 4 ★ - Updated 01/14/2023 At first I rated poorly *user error*... you must refresh the page you want to label before it will work - solved. The only thing I would add (which others already have) is when you open the note, there's some copy preloaded to inform you where to put the note or what to do in the box. It could be fun and humorous but only if the copy automatically disappears when you click in the box. Otherwise you have to select all and delete before writing a sticky which is a tad cumbersome. Thanks for the app!

icon

m world (ID: 0000004dbeff5ed6) Voted 4 ★ - Updated 08/06/2022 Thank you for developing this extension. This extension is close to ideal. Especially nice, it works per address (e.g. http://example.com/page#1 and http://example.com/page#2 have different stickys). However, it is a pity because bellow points are not good. 1. The background color and text color cannot be set. I want a dark theme. 2. Not resizable. resizing works only width, not height. It is why I doesn't reviewing 5 star.

icon

Nina Combs (ID: 000000204ab10dfe) Voted 2 ★ - Updated 04/20/2022 Wanted to love this, but I made notes on several Amazon product pages (so I'd remember what I liked & didn't like), and Docamatic seemed to save them — but then I'd go back to the page and the note wasn't there anymore! Happened on many pages, lost all my notes... :(