{"id":298413,"date":"2026-04-16T09:42:31","date_gmt":"2026-04-16T09:42:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/sticky-notes-for-teams\/"},"modified":"2026-04-16T09:41:58","modified_gmt":"2026-04-16T09:41:58","slug":"claraeliz-team-notes","status":"publish","type":"plugin","link":"https:\/\/sah.wordpress.org\/plugins\/claraeliz-team-notes\/","author":23477823,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.9.4","requires":"5.9","requires_php":"8.0","requires_plugins":null,"header_name":"Claraeliz Team Notes","header_author":"claraeliz","header_description":"Draggable sticky notes for logged-in users. Admins and editors can leave notes anywhere on a page, anchored to page elements and visible to assigned users.","assets_banners_color":"7b8695","last_updated":"2026-04-16 09:41:58","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/claraeliz\/Sticky-Notes-for-Teams.git","header_author_uri":"https:\/\/test.x01.ro\/clara\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":97,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"claraeliz","date":"2026-04-16 09:41:58"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3508578,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3508588,"resolution":"772x250","location":"assets","locale":"","width":1826,"height":576}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"A sticky note on the frontend with the sharing popover open","2":"Dragging a note to anchor it to a page element","3":"The My Notes dashboard in the WordPress admin panel"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[4317,6389,108,3843,22191],"plugin_category":[42],"plugin_contributors":[260356],"plugin_business_model":[],"class_list":["post-298413","plugin","type-plugin","status-publish","hentry","plugin_tags-annotation","plugin_tags-collaboration","plugin_tags-feedback","plugin_tags-notes","plugin_tags-sticky-notes","plugin_category-contact-forms","plugin_contributors-claraeliz","plugin_committers-claraeliz"],"banners":{"banner":"https:\/\/ps.w.org\/claraeliz-team-notes\/assets\/banner-772x250.png?rev=3508588","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/claraeliz-team-notes\/assets\/icon-256x256.png?rev=3508578","icon_2x":"https:\/\/ps.w.org\/claraeliz-team-notes\/assets\/icon-256x256.png?rev=3508578","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Claraeliz Team Notes lets admins and editors leave draggable sticky notes directly on the frontend of any WordPress page. Notes are anchored to the nearest semantic HTML element so they stay in the right position across different screen sizes and viewport widths.<\/p>\n\n<p><strong>Features:<\/strong>\n* Add notes directly from the admin bar on any page \u2014 no page reload required\n* Notes are anchored to the nearest semantic element using the <strong>rendered text bounding box<\/strong> (<code>getClientRects()<\/code>), not the container width\n* Position is saved as an offset from the actual text edge \u2014 so notes stay next to the right word even when text reflows across viewport widths\n* Notes reposition automatically when the layout changes (window resize, orientation change)\n* Role-based note colors: neon pink for admins, neon blue for editors\/authors\/contributors\n* Share notes with specific users using the visibility (eye) icon on each note\n* Only the note author can drag, edit, delete, or share their notes\n* Other logged-in users can view notes that have been shared with them\n* Manage and bulk-delete your notes from the My Notes dashboard in the admin panel\n* Works with Gutenberg, Elementor, and standard PHP templates\n* Hidden on screens smaller than 1280px<\/p>\n\n<p><strong>Note colors by role:<\/strong>\n* Administrator \u2014 neon pink (#b408a6)\n* Editor, Author, Contributor \u2014 neon blue (#5b8cff)\n* Text is always white on both colors for readability<\/p>\n\n<p><strong>Who can add notes:<\/strong>\n* Administrator \u2014 can create, edit, drag, delete, and share notes\n* Editor, Author, Contributor \u2014 can create, edit, drag, delete, and share notes\n* Other roles (Subscriber, etc.) \u2014 can only view notes that have been shared with them; cannot create notes<\/p>\n\n<p><strong>Sharing notes:<\/strong>\nClick the eye icon (\ud83d\udc41) on any note you own to open the sharing popover. Check the users you want to share the note with \u2014 the selection is saved automatically. Shared users will see the note on the same page the next time they visit it while logged in.<\/p>\n\n<p><strong>Managing notes:<\/strong>\nVisit <strong>My Notes<\/strong> in the WordPress admin sidebar to see a list of all notes you have created. You can delete notes individually or use the bulk action to delete multiple notes at once. Each user only sees their own notes in this dashboard.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to \/wp-content\/plugins\/claraeliz-team-notes\/<\/li>\n<li>Activate the plugin through the Plugins screen in WordPress<\/li>\n<li>Visit any page on your site while logged in as admin or editor<\/li>\n<li>Click \"+ Add Note\" in the admin bar to create your first note<\/li>\n<li>Type your note content directly on the note<\/li>\n<li>Drag the note to the desired position on the page \u2014 it will anchor to the nearest element<\/li>\n<li>To share a note, click the eye icon and select the users who should see it<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"who%20can%20see%20notes%3F\"><h3>Who can see notes?<\/h3><\/dt>\n<dd><p>Notes are visible to their author and to any users the author has shared them with. Sharing is managed per note using the eye icon that appears on notes you own.<\/p><\/dd>\n<dt id=\"how%20do%20i%20share%20a%20note%20with%20someone%3F\"><h3>How do I share a note with someone?<\/h3><\/dt>\n<dd><p>Click the eye (\ud83d\udc41) icon in the top-left corner of your note. A popover will appear listing all eligible users. Check the users you want to share with \u2014 changes are saved automatically.<\/p><\/dd>\n<dt id=\"why%20are%20notes%20hidden%20on%20mobile%3F\"><h3>Why are notes hidden on mobile?<\/h3><\/dt>\n<dd><p>Notes are hidden on screens smaller than 1280px because dragging and precise positioning is not practical on touch screens. Notes are visible on desktop and wide laptop displays.<\/p><\/dd>\n<dt id=\"what%20do%20the%20note%20colors%20mean%3F\"><h3>What do the note colors mean?<\/h3><\/dt>\n<dd><p>Pink notes belong to administrators. Blue notes belong to editors, authors, and contributors. The color is assigned automatically based on the user's WordPress role and cannot be changed manually.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20elementor%3F\"><h3>Does this work with Elementor?<\/h3><\/dt>\n<dd><p>Yes. Claraeliz Team Notes works with Gutenberg, Elementor, Divi, and standard PHP page templates.<\/p><\/dd>\n<dt id=\"will%20notes%20stay%20in%20the%20right%20position%20on%20different%20screen%20sizes%3F\"><h3>Will notes stay in the right position on different screen sizes?<\/h3><\/dt>\n<dd><p>Yes \u2014 and the positioning is more precise than a simple percentage offset. When you drop a note, the plugin uses the browser's <code>getClientRects()<\/code> API to get the <strong>rendered bounding box of the actual text<\/strong>, not the width of the container element. This means:<\/p>\n\n<ul>\n<li>On a narrow viewport a heading may wrap to two lines, ending at x:847. The note is saved as \"45px to the right of where the text ends.\"<\/li>\n<li>On a wide viewport the same heading fits on one line, ending at x:1100. The note is restored at x:1100 + 45px = 1145px \u2014 still right next to where the text ends.<\/li>\n<\/ul>\n\n<p>This works for any text element (headings, paragraphs, list items). For images and figures the image box itself is used since images scale rather than reflow.<\/p><\/dd>\n<dt id=\"how%20do%20i%20delete%20a%20note%3F\"><h3>How do I delete a note?<\/h3><\/dt>\n<dd><p>You can delete your own notes in two ways: click the \u2715 button directly on the note on the frontend, or go to My Notes in the WordPress admin sidebar and use the Delete link or bulk delete checkboxes.<\/p><\/dd>\n<dt id=\"can%20i%20see%20other%20users%27%20notes%3F\"><h3>Can I see other users' notes?<\/h3><\/dt>\n<dd><p>Only if they have shared those notes with you. You cannot see notes that have not been shared with you, even if you are an administrator \u2014 each user only sees their own notes and notes explicitly shared with them.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Role-based note colors (pink for admins, blue for editors\/authors\/contributors)<\/li>\n<li>Anchor-based positioning \u2014 notes stay near their element across screen sizes<\/li>\n<li>Eye icon visibility popover to share notes with specific users<\/li>\n<li>My Notes admin dashboard with individual and bulk delete<\/li>\n<li>Works with Gutenberg, Elementor, and PHP templates<\/li>\n<li>Hidden on screens below 1280px<\/li>\n<\/ul>","raw_excerpt":"Draggable sticky notes for logged-in collaborators. Leave notes anywhere on any page, anchored to page elements.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/298413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=298413"}],"author":[{"embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/claraeliz"}],"wp:attachment":[{"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=298413"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=298413"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=298413"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=298413"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=298413"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=298413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}