This plugin allows you to dynamically create annotations on your webpage with a unique hand-drawn effect. It supports 7 distinct annotation styles, making it perfect for highlighting key features, guiding users through onboarding, or drawing attention to specific areas on landing pages.
Key Features: ✅ Annotations remain aligned even after the page is resized ✅ Smooth animations for a lively effect, or turn off animation for instant highlighting ✅ Fully customizable: Choose annotation styles, colors, stroke widths, and more ✅ Supports multiple annotation types including underline, box, circle, and highlight ✅ SVG-based, ensuring crisp visuals for any screen size
This plugin provides a lightweight and efficient solution for enhancing user experience and interactivity on your website.
$3
One time • Or $2/mo
5.0 stars • 1 ratings
7 installs
This plugin does not collect or track your personal data.
Steps to get started:
1 - Assign an ID attribute to your Bubble element If you don’t see the ID attribute field, you need to enable this setting:
a. Navigate to Settings b. Go to the General tab c. Scroll down to Advanced Options d. Check the box for Expose the option to add an ID attribute to HTML elements
2 - Create a workflow for a specific event When setting up the workflow, you'll see the 'Notate' action. Simply enter the ID attribute in the ID field and your customization properties and you're all set to dynamically annotate your elements.
If you need guidance, check out the demo page and demo-editor page for examples!
Got questions? Contact me via contributor page!
Types
This plugin can be found under the following types:
Built on Bubble
