Live USPS Shipping Rates for WooCommerce, Direct from USPS

Get Live USPS Shipping Rates for WooCommerce, Direct from USPS for free, I am not charging you, nor is USPS, not WooCommerce. This is free, like a gift on your birthday.

If you run a WooCommerce store that ships physical goods, you’ve probably tried to get accurate USPS rates into checkout and discovered three things:

  1. The shipping methods built into WooCommerce only do flat or weight-based rates. Your customer in Maine and your customer in California pay the same number, even though USPS charges very different prices for the same package.
  2. Most “live rates” plugins on the market either charge a monthly subscription, route every rate request through a proprietary proxy server, or both.
  3. The older USPS Web Tools API that a lot of plugins still depend on is being shut down. The current REST API is what production stores need to be on, and the migration story has been quiet.

We built Dependent Media Live Rates for USPS to address all three at once. It’s a free, open-source WordPress plugin that talks directly to the current USPS REST API at apis.usps.com using your own developer credentials — no middleman, no monthly fee, no per-request charge.

It’s now available in the WordPress Plugin Directory: wordpress.org/plugins/dependent-media-live-rates-for-usps

What it does

When a customer reaches checkout, the plugin sends each package’s weight, dimensions, origin ZIP, and destination postal code straight to USPS. USPS returns the actual rates, and your customer sees real shipping costs at the moment of purchase.

Supported services:

Domestic US

  • USPS Ground Advantage
  • USPS Priority Mail
  • USPS Priority Mail Express

International

  • USPS First-Class Package International
  • USPS Priority Mail International
  • USPS Priority Mail Express International

What’s different about it

A few design decisions worth calling out:

Bring your own USPS credentials. You register your store as a USPS Developer Portal application once (it’s free), paste the Consumer Key and Consumer Secret into the plugin settings, and rate requests go directly from your site to USPS. Nothing passes through Dependent Media or any other third party. There’s no monthly fee because there’s nothing for us to charge for — you’re talking to a free public API.

No personal data is sent to USPS. The plugin transmits only what’s needed to calculate a quote: package geometry, the origin ZIP, and the destination postal code. No customer name, email address, or IP. OAuth tokens are cached locally in a WordPress transient.

Multi-box packing by default. Most “live rates” plugins lump every cart item into one virtual box, which produces wrong totals as soon as a customer orders more than one heavy item. We rate each cart line as its own package, sum the costs, and automatically split lines that exceed USPS’s per-package weight caps. There’s a “combined” mode too, for stores that genuinely ship everything in a single box.

Only services that price every box are offered. If a customer’s cart triggers a service that USPS only quotes for some of the packages (e.g. Express isn’t valid for one of the lines), we hide the service rather than show a partial total. A misleading number is worse than a missing option.

Optional fallback flat rate. If the USPS API is unreachable at the moment of checkout, you can configure a flat rate that kicks in instead of failing the cart.

Debug logging through WooCommerce → Status → Logs. Every request and response can be inspected when something looks off.

How to install

  1. In WordPress admin, go to Plugins → Add New and search for Dependent Media Live Rates for USPS
  2. Click Install, then Activate
  3. Register a USPS Developer Portal application at developers.usps.com (free)
  4. Go to WooCommerce → Settings → Shipping, open a shipping zone, and add USPS Live Rates (DM) as a method
  5. Paste your Consumer Key and Consumer Secret, choose which services to offer, save
  6. Test with a real cart to confirm rates come back

Open source, contributions welcome

The plugin is GPL-licensed and developed in the open. Issues, feature requests, and pull requests are welcome on GitHub:

If you ship USPS through WooCommerce and you’re tired of paying a subscription fee for a plugin that’s basically wrapping a free public API, give it a try.

Beaver Builder mp3 player

—
0:00
0:00
  • 1 01 Darlene Skip Gillette
  • 2 04 Some Kids Never Grow Up (Cover) (Edit) Skip Gillette
  • 3 09 Raindrops Falling On My Heart Skip Gillette

Beaver Builder mp3 player

BB MP3 Player — Audio Player Module for Beaver Builder

A drag-and-drop MP3 player module built specifically for Beaver Builder. Add a fully customizable audio player with playlist support to any page — no shortcodes, no plugin conflicts, no hassle.

Built for Musicians, Podcasters & Creators

Whether you're a musician sharing tracks, a podcaster hosting episodes, a voice-over artist showcasing demos, or a wellness site streaming guided meditations — BB MP3 Player gives you a professional audio experience inside the page builder you already use.

Features

  • Native Beaver Builder Module — Drag it from the module panel, configure in the sidebar. No shortcodes, no separate settings pages. Works with BB's live preview.
  • Playlist Support — Add unlimited tracks with title, artist, and album artwork. Tracks auto-advance to the next song when playback ends.
  • Shuffle & Repeat — Shuffle your tracklist, repeat all tracks, or loop a single song. Your listeners stay in control.
  • Album Art — Display cover artwork in the now-playing area and as thumbnails in the tracklist. Upload directly from the WordPress Media Library.
  • Full Playback Controls — Play/pause, previous/next, clickable progress bar with elapsed and total time, and a volume slider.
  • Fully Customizable Styling — Set background color, text color, accent color, progress bar color, track hover color, border radius, and max width — all from the BB Style tab with live color pickers.
  • Responsive & Mobile-Ready — Scales cleanly on phones, tablets, and desktops. Touch-friendly controls for mobile listeners.
  • Lightweight & Fast — Pure vanilla JavaScript with zero jQuery dependency. Uses the native HTML5 audio element. No bloated libraries, no render-blocking scripts.
  • Multiple Players Per Page — Each instance runs independently. Place separate playlists for different albums or categories on the same page.
  • Secure — All output is escaped and sanitized. Color values are regex-validated, URLs are sanitized with WordPress core functions, and editor scripts require proper user capabilities.
  • Media Library Integration — Browse and select audio files and artwork images directly from the WordPress Media Library without leaving the Beaver Builder editor.

Why Not Use the WordPress Playlist Shortcode?

The built-in  shortcode causes a known JavaScript conflict inside the Beaver Builder editor, preventing pages from saving. BB MP3 Player was built from the ground up as a native BB module to avoid this entirely. No template conflicts, no save errors — it just works.

Installation

  1. Upload the plugin zip via Plugins > Add New > Upload Plugin
  2. Activate the plugin
  3. Open any page in Beaver Builder
  4. Find MP3 Player in the module list under Media
  5. Add tracks, customize colors, and publish

Requirements

  • WordPress 5.0 or later
  • Beaver Builder Plugin (Lite or Pro)
  • PHP 7.4 or later

Get Started

Download BB MP3 Player and add a professional audio player to your Beaver Builder site in under a minute.

DM Flowchart Designer

DM Flowchart Designer on Mac: a customer support flowchart built by AI
For Mac and iPad

Flowcharts that build themselves.

Describe a process and watch it draw itself, styled and connected. Or start from a template and shape every box by hand. A native app with a fast, keyboard-friendly canvas and no learning curve.

Free to download · Pro is a one-time $9.99, not a subscription

The tour

See it in under a minute

Templates, AI that draws for you, and swimlanes for work that crosses teams.

With narration · Captions available in the player

AI, your way

Tell it what you need. It draws the chart.

The AI lays out the boxes, picks the shapes, colours the decisions and connects everything, right on your canvas, one step at a time. Every step can be undone.

Any AI

Use the chat AI you already have

Copy the prompt the app writes, paste it into ChatGPT, Gemini, Claude or Copilot, even the free versions, and paste the answer back. No account and no key.

No extra cost

Hosted AI

Built in, nothing to set up

We run the AI for you: generate and modify charts right inside the app, without leaving it and without an API account.

$14.99 a month · first week free

Your own key

Bring your own provider

Use your own Anthropic, OpenAI, Google or xAI key. It stays in your Keychain and is sent only to the provider you choose.

You pay the provider directly

The AI Assistant is part of Pro. Pick any of the three, and switch whenever you like.

Swimlanes

Who does what, at a glance

When a process crosses teams, give each team its own lane. Resize lanes by dragging the dividers, add or reorder them in the panel, and give the whole container a title.

  • Boxes move with their lane
  • Connections always draw on top of the lanes
  • Columns or rows, with your own lane colours
The User Authentication template: login, credential check, MFA and session token, with retry and failure paths
Templates

A finished chart in one click

Start from a polished template, from a basic flowchart to a decision tree, a troubleshooting guide or a CI/CD pipeline, then make it yours. Rich cards, badges, gradients and dashed retry paths are all there to borrow.

A customer support flowchart with Urgent and Known fix decisions and labelled Yes and No branches
Connections

Lines that read clearly

Draw from any edge of a box. Route with waypoints or let the app re-route for you, and label every branch.

  • Curved, straight or right-angle lines
  • Labels, with an optional icon beside the text
  • Line jumps: a small hop where lines cross
  • Split a line with a junction and branch off it
Example gallery

Every template, building itself

Fourteen ready-made charts come with the app, four of them new in version 2.54. Hover or tap one to watch it draw, then open it in Flowchart Designer and make it yours.

How the Aurora Works New in 2.54Physics, with NASA photos
General
Customer Onboarding New in 2.54Four-team swimlanes
Business
Incident Response New in 2.54Row lanes, alert to postmortem
Software
Team Offsite New in 2.54Who books, who invites, who comes
General
User AuthenticationLogin, MFA and retries
Software
Troubleshooting GuideCards, badges and decision paths
General
Floor Plan LayersA plan with layered fixtures
Business
Electrical TakeoffItem types and totals
Business
CI/CD PipelineParallel test stages
Software
API Request LifecycleAuth, cache and database
Software
Hiring ProcessStage cards with role badges
Business
Project ApprovalGates and sign-offs
Business
Decision TreeBranching outcomes
General
Basic FlowchartGradients and shadows
General
Everything else

Professional tools, none of the clutter

Every flowchart shapeStart/End, process, decision, input/output, connector, card, icon, image, note and text.
Rich stylingGradients, patterns, shadows, fonts and per-shape defaults you can share with your team.
Record & TranscribeRecord a lecture or meeting and get notes or a flowchart of what was said. (Pro)
LayersShow, hide and lock parts of a big chart, and export only what is visible.
History replayEvery change is in the History panel. Scrub back, or play the chart’s construction.
Export anywherePNG for slides, plus vector PDF and SVG with Pro. Files are plain JSON you own.
Minimap & FindJump around a large chart with the minimap, and find any box by its text.
Mac and iPadOne purchase for both. On iPad, draw or write by hand with Apple Pencil, in Split View or Stage Manager.
Screens

Take a closer look

Click any screen to see it full size.

Keyboard first

Every action at your fingertips

Hold the spacebar to pan, press a number to drop a box, and never reach for a menu.

Add a box by type1 – 6
Smart toolV
Select toolS
Connect toolC
Pan tool, or hold SpaceH
Toggle minimapM
Duplicate⌘D
Group⌘G
Find⌘F
Fit to view⌘⇧0
Undo / Redo⌘Z / ⌘⇧Z
Export PNG / PDF⌘E / ⌘⇧E
Pricing

Free to start. Pro once, forever.

Free

$0
Mac and iPad
  • Unlimited flowcharts on an infinite canvas
  • Every shape and all the styling
  • 13 of the 14 templates
  • PNG export

Pro

$9.99
One time, not a subscription
  • The AI Assistant, with Any AI or your own key
  • Record & Transcribe
  • PDF and SVG export
  • Multiple tabs and every template
  • Restore on your other devices

Hosted AI

$14.99
Per month · first week free · optional
  • AI that works inside the app with no key
  • Generate and modify charts in one click
  • Cancel anytime in your Apple account
Questions

Questions & answers

Does it work on iPad?

Yes. One app runs natively on Mac (macOS 14 or later) and iPad (iPadOS 17 or later). Buy Pro once and Restore Purchases brings it to your other devices.

Do I need an API key to use the AI?

No. With Any AI you copy a prompt into any chat AI, including free ones, and paste the answer back. Hosted AI runs the AI for you inside the app. If you already have an Anthropic, OpenAI, Google or xAI key, you can use that instead. The AI Assistant is part of Pro.

Is Pro a subscription?

No. Pro is a one-time $9.99 purchase. The only subscription is Hosted AI, and it is optional.

Where are my files stored?

Your flowcharts are plain .json files saved wherever you choose. There is no account and no cloud storage: your work stays on your device unless you share it. When you use AI, only the request goes to the AI you picked.

Can it really turn a lecture into a diagram?

Yes, with Record & Transcribe in Pro. Record a lecture, lesson or meeting and watch the words appear as they are spoken. When you stop, the AI lays the recording out as notes or a flowchart. Every note remembers the moment it came from, so clicking it plays the audio from exactly there. Recordings stay on your device; transcription uses Apple’s speech recognition.

What can I export and import?

PNG for free, and vector PDF and SVG with Pro. You can import PNG, JPEG, GIF and TIFF images, or a PDF page, which keeps its vector data when you export back to PDF.

Is there a manual?

Yes, three: the User Guide built into the app, the full guide on the web, and a downloadable PDF manual.

Where do I get help?

Use the contact form. A real person answers, usually within a business day.

Ready to draw?

Free on the App Store for Mac and iPad.

DM Mobile Location

Let Customers Find Your Food Truck(s)

Let Employers Track Employees

Running a mobile business shouldn't mean your customers can't find you. DM Mobile Location is a simple solution that connects your iPhone to your WordPress website, letting you update your location with a single tap. Whether you're a food truck rolling to a new corner, a mobile groomer heading to the next appointment, or a field technician moving between job sites, your website instantly shows customers exactly where you are. No more answering "where are you today?" calls or updating social media every time you move—just tap, and your website handles the rest. With optional auto-update, your location even tracks automatically in the background while you focus on running your business.

Everything You Need

📍

One-Tap Updates

Set your location by tapping the map or using GPS. Update your website in seconds, not minutes.

🗺️

Interactive Map

Beautiful, customizable map on your website. Customers can get directions with one click.

📝

Custom Messages

Add labels like "Lunch special today!" or "Open until 3pm" that display on your map.

🏠

Auto Address Lookup

The app automatically finds the street address. No typing required.

🎨

Fully Customizable

Choose map styles, marker colors, popup designs. Match your brand perfectly.

🔒

Secure & Private

Your data goes to your website only. No tracking, no third parties, no ads.

How It Works

❶

Install the Plugin

Add the free WordPress plugin to your website in minutes.

❷

Get the App

Download the iPhone app and connect it to your website.

❸

Set Your Location

Tap the map or use GPS to set where you are.

❹

Customers Find You

Your website shows your location with directions.

Perfect For:

Whether you're running a food truck, managing a cleaning crew, or dispatching service technicians, DM Mobile Location helps your customers and team know exactly where to go. One tap updates your website map—no complicated software, no monthly fees.

Food trucks. Field crews. Delivery drivers. Sales reps. If your business moves, your customers and team need to know where you are. One tap. Updated. Done.

🚚 Food Trucks
☕ Coffee Carts
🥬 Farmers Markets
🛍️ Pop-Up Shops
🐕 Mobile Pet Groomers
🔧 Mobile Mechanics
🍦 Ice Cream Trucks
📦 Delivery Staging
🎪 Event Vendors

🔧 Field Service Technicians
🚿 Plumbers
⚡ Electricians
❄️ HVAC Technicians
🏠 Home Inspectors
🧹 Cleaning Crews
🌳 Landscaping Teams
🚛 Delivery Drivers
💼 Sales Reps
🏥 Home Health Aides
🔐 Security Patrols
🏗️ Construction Supervisors
🐜 Pest Control
💻 IT Support Techs
📸 Photographers
🍽️ Catering Teams
📦 Moving Crews
🏡 Real Estate Agents
📚 Mobile Tutors
✍️ Notary Services

Automatic Payment Subscriptions

Can Client Sync be set up for monthly automatic payment subscriptions? I have a client who wants a subscriber to get 4 meetings a month for a set price.

Yes, absolutely.

Based on the code structure we have been working with (specifically the Pro Memberships Module), this is exactly what that feature was designed to do.

You will need the Client Sync Pro add-on and the WooCommerce Subscriptions plugin.

Here is the exact workflow to achieve “4 meetings a month for a set price”:

1. The Setup Logic

You are going to create a Membership Plan in Client Sync that acts as a “rule set” (e.g., “Allow 4 bookings per month for free”). Then, you will link that rule set to a WooCommerce Subscription product that handles the recurring billing.

2. Step-by-Step Configuration

Step A: Create the Membership Plan

  1. Go to Client Sync > Memberships (or Forms -> Add New -> Membership Plan depending on your menu structure).
  2. Title: “Monthly Consulting Plan”.
  3. Add Rule:
    • Apply To: Select “All Services” (or a specific service like “Consulting Call”).
    • Rule Type: Booking Limit.
    • Value: 4.
    • Period: Per Month.
    • (Note: Based on your Membership_Rules_Engine code, if a user is under their limit, the price automatically becomes $0.00 in the cart).
  4. Save the plan.

Step B: Create the WooCommerce Product

  1. Go to Products > Add New.
  2. Product Type: Simple Subscription (requires WooCommerce Subscriptions plugin).
  3. Price: Set the monthly fee (e.g., $200 / month).
  4. Publish the product.

Step C: Link Them

  1. Go back to your Client Sync Membership Plan from Step A.
  2. Look for the “WooCommerce Subscription Link” meta box in the sidebar.
  3. Search for and select the Subscription Product you created in Step B.
  4. Save.

3. How it works for the Customer

  1. Purchase: The client buys the subscription on your site via WooCommerce.
  2. Activation: The WC_Subscriptions_Integration class in your code detects the payment and automatically tags that user account with the Membership Plan ID.
  3. Booking:
    • The user logs in.
    • They go to the booking form.
    • Bookings 1-4: The system sees they have a membership. It shows the price as $0.00 (Included in Membership) and lets them book instantly.
    • Booking 5: The system checks the _get_user_usage_for_period logic, sees they hit the limit of 4, and either blocks the booking or charges the full normal price (depending on how you set up additional rules).
  4. Renewal: Next month, WooCommerce charges the card. The membership stays active, and the usage counter resets to 0 automatically.
  5. Cancellation: If they cancel payment, the integration code removes the membership flag, and they can no longer book for free.

Client Sync Pro

Stop Wrestling with WordPress Bookings. Meet Client Sync Pro.

Stop Wrestling with WordPress Bookings. Meet Client Sync Pro.

If you run a service-based business, you know the nightmare: You have a client who wants an appointment, a staff member who needs to be free, and a specific room or piece of equipment that must be available—all at the same time. And for medical practices, you have the added burden of keeping that data secure.

Most WordPress plugins crumble under that complexity. They either slow down your site, force you into a rigid box, or leave sensitive data exposed.

Enter Client Sync Pro.

Built on a high-performance architecture using custom database tables, Client Sync isn’t just a calendar—it’s a complete logic and security engine for your business.

Built on a high-performance architecture using custom database tables, Client Sync isn’t just a calendar—it’s a complete logic and security engine for your business.

Why Pro changes the game:

  • 🧩 True Resource Scheduling: Do you rent boats? Manage a medical clinic? Run a salon? With our unique "Dimensions" system, a booking is only confirmed if the Service, the Staff Member, AND the Room/Equipment are all available simultaneously. No more double-booking your X-Ray room or your best pontoon boat.
  • 🔒 HIPAA Compliance Suite: Secure your practice with enterprise-grade protection. Our new HIPAA Mode encrypts patient notes at rest, anonymizes data before it syncs to Google Calendar, and maintains a tamper-resistant audit log of every staff interaction.
  • 🔄 2-Way Google Sync: Your staff lives in Google Calendar. Client Sync Pro pushes appointments to their phone instantly and blocks off time in WordPress if they add a personal event in Google—all while stripping sensitive patient names to keep you compliant.
  • 💳 Dynamic WooCommerce Payments: We don't just "support" WooCommerce; we integrate deeply. Charge different rates for weekends, offer membership discounts, or require deposits. The booking flow feels native and professional.
  • 👥 Memberships & Packages: Turn one-off customers into recurring revenue. Sell membership tiers that grant booking credits or exclusive discounts automatically.
  • 📊 Manager Timeline View: See your entire business at a glance. Our "Video Editor style" timeline visualization lets you spot gaps and overlaps across all your resources instantly.

Whether you need simple time slots, multi-day rentals, or a secure medical scheduling platform, Client Sync scales with you without bloating your database.

Upgrade to Client Sync Pro Today
$278.00 USD / Year

Client Sync

Tracking Your Client Appointments, Notes, Billing & Progress

ClientSyncLogo_apha_01_00000

Stop Juggling Multiple Systems. Start Managing Your Entire Client Lifecycle with Client Sync.

The Ultimate WordPress Appointment Plugin for Service Professionals

Tired of slow, clunky booking plugins that can't keep up with your business? Client Sync is a powerful, high-performance WordPress appointment plugin built from the ground up for service-based businesses, clinics, and consultants who demand speed, reliability, and total control.

From the first booking to the final payment, Client Sync provides a single, integrated system to manage client registrations, appointments, payments, and detailed notes—without sacrificing your website's performance.

[Button] Get Client Sync Now | [Link] View Live Demo


Why Choose Client Sync Over Other WordPress Booking Systems?

Other plugins rely on the standard WordPress post table, which slows to a crawl with thousands of appointments. Client Sync is different. We use a custom, optimized database architecture to handle massive appointment volumes, ensuring your booking calendar loads instantly, every time.

  • ⚡ Blazing-Fast Performance: Our custom tables ensure your site remains fast and responsive, even with complex schedules and thousands of available slots. No more frustrated clients waiting for a calendar to load.

  • 💳 Seamless WooCommerce Integration: Go beyond simple booking. Require deposits, accept full payments, or even set up "Pay on Day" automatic charges for a professional, automated payment workflow.

  • 🎨 Unmatched Customization: Create the exact booking experience you need. With unlimited custom fields—including our unique Image Map for visual annotations—and flexible availability rules, Client Sync adapts to your business, not the other way around.

  • 🤖 Powerful Automation: Set your availability generation and appointment reminders on autopilot. Reduce no-shows and administrative work so you can focus on what you do best: serving your clients.

(Image/Graphic: A visual comparison showing a fast-loading Client Sync calendar next to a slow, generic one.)


A Complete Feature Set for Professional Client Management

Feature Client Sync Other Plugins
High-Performance Custom Tables ✅ ❌
Availability Dimensions (Service, Location, etc.) ✅ Limited
WooCommerce "Pay on Day" Auto-Charge ✅ ❌
Image Map Custom Field ✅ ❌
Frontend Manager Dashboards ✅ Limited
Automated Slot & Reminder Cron Jobs ✅ ✅
iCal/.ics Export ✅ ✅

[Button] View All Features


What Our Users Are Saying

"Client Sync transformed how we manage our clinic's bookings. The speed is incredible, and the WooCommerce payment options have streamlined our entire process. A must-have for any serious service business."
– Jane D., Clinic Owner


Ready to Upgrade Your Booking System?

Experience the difference a high-performance WordPress appointment plugin can make. Get started with Client Sync today and give your clients the seamless booking experience they deserve.

Get Client Sync Now - 30-Day Money-Back Guarantee!

Custom Admin CSS WordPress Plugin

Free! Like Speech.

It is so easy and useful that I thought I should pass it on.
This is the code that is in the file. Install this plugin like any other in your WordPress Administrator area.

Access the Settings:

  • Navigate to Settings > Custom Admin CSS in the admin menu.

Features and Security

  • Simple Interface: A straightforward textarea for CSS input.
  • Admin-Only: The CSS only affects the backend, thanks to the admin_head hook.
  • Secure: The wp_strip_all_tags function removes HTML tags from the input, ensuring no malicious code (like <script>) can be executed, while preserving CSS syntax.
  • Permission Check: Only users with manage_options capability (typically administrators) can access the settings.

Notes

  • The CSS applies globally to all admin pages. For specific pages, you’d need to add conditions using get_current_screen() (beyond this basic version).
  • No preview is included, but you can test styles by saving and refreshing an admin page.

This plugin provides a simple, effective way to customize the WordPress admin area’s appearance with your own CSS!

<?php
/*
Plugin Name: Custom Admin CSS
Description: Allows adding custom CSS to the WordPress admin area.
Version: 1.0
Author: Your Name
*/

// Add settings page to the admin menu
function custom_admin_css_add_menu() {
add_options_page(
'Custom Admin CSS', // Page title
'Custom Admin CSS', // Menu title
'manage_options', // Capability required
'custom-admin-css', // Menu slug
'custom_admin_css_settings_page' // Callback function
);
}
add_action('admin_menu', 'custom_admin_css_add_menu');

// Render the settings page
function custom_admin_css_settings_page() {
?>
<div class="wrap">
<h1>Custom Admin CSS</h1>
<form method="post" action="options.php">
<?php
settings_fields('custom_admin_css_options');
do_settings_sections('custom-admin-css');
submit_button();
?>
</form>
</div>
<?php
}

// Register settings with sanitization
function custom_admin_css_register_settings() {
register_setting(
'custom_admin_css_options', // Option group
'custom_admin_css', // Option name
'custom_admin_css_sanitize' // Sanitization callback
);
add_settings_section(
'custom_admin_css_main', // Section ID
'Main Settings', // Section title
'custom_admin_css_section_text', // Callback for description
'custom-admin-css' // Page slug
);
add_settings_field(
'custom_admin_css_textarea', // Field ID
'Custom CSS', // Field title
'custom_admin_css_textarea', // Callback for field
'custom-admin-css', // Page slug
'custom_admin_css_main' // Section ID
);
}
add_action('admin_init', 'custom_admin_css_register_settings');

// Sanitize the CSS input
function custom_admin_css_sanitize($input) {
return wp_strip_all_tags($input); // Removes HTML tags, keeps CSS
}

// Section description
function custom_admin_css_section_text() {
echo '<p>Enter your custom CSS below to style the WordPress admin area:</p>';
}

// Textarea for CSS input
function custom_admin_css_textarea() {
$css = get_option('custom_admin_css', ''); // Load saved CSS or empty string
echo '<textarea name="custom_admin_css" rows="10" cols="50">' . esc_textarea($css) . '</textarea>';
}

// Output CSS in admin head
function custom_admin_css_admin_head() {
$css = get_option('custom_admin_css', '');
if (!empty($css)) {
echo '<style type="text/css">' . wp_strip_all_tags($css) . '</style>';
}
}
add_action('admin_head', 'custom_admin_css_admin_head');
?>

Screenshot 2025-03-16 at 5.52.47 PM

Image Marker

Image Marker for Gravity Forms

Ask about our discount bulk pricing here.

Interactively mark specific points on an image

We've developed a custom Gravity Forms field called Image Marker, designed to enhance form functionality by allowing users to interactively mark specific points on an image directly within a form. This field is perfect for scenarios where visual input is valuable-think marking pain points on a medical diagram, indicating locations on a map, or highlighting areas of interest in a photo. It's built to integrate seamlessly into the Gravity Forms ecosystem, providing an intuitive experience for both form administrators and end-users.

Who Needs It, What is it for?

Doctors, for medical notes.
Medical Recording, Interactive Patient Form.
Medical Patient Onboarding Tool

Key Features

Here's what makes the Image Marker field stand out:

  • Interactive Marking: Users can click on an image to place marks-visualized as small indicators like red dots-and the coordinates of these marks are captured and stored for processing.
  • Mandatory Input Option: Administrators can set the field as "Required," ensuring users add at least one mark before submitting the form. If no marks are added, a validation message prompts the user to engage with the image.
  • Customizable Settings: In the Gravity Forms editor, form creators can configure the field by selecting the image, setting canvas dimensions, and applying options like CSS classes or conditional logic for a tailored setup.
  • Processed Output: After submission, the marks are scaled to the original image size, drawn onto the image (e.g., as red dots), and saved as a new file linked to the form entry.
  • Email Integration: The marked image is automatically included in Gravity Forms' email notifications, so recipients can see the user's input right in their inbox.
  • User-Friendly Design: The field blends naturally into Gravity Forms, appearing as a standard field type with its own settings and validation, making it easy to use for everyone involved.
  • Real-Time Interaction: Front-end JavaScript powers the interactive experience, capturing clicks on the image and storing coordinates in a hidden input field for submission.

If you are interested in the plugin please get in touch with us.

Screenshots of the back end interface

Use any image you like for your form

We built a new type of form field where you can leave detailed marks. Try clicking on the silhouettes and submit the form.

(DEMO) New Patient Questions

Name(Required)

Click or tap the image to place a mark. Using a keyboard: press Tab to focus the image, use the arrow keys to move the crosshair, hold Shift for finer steps, and press Enter or Space to place a mark.

This image Marker field can use any jpeg or png file in your media library, and is mobile friendly.
By submitting this form you acknowledge we will be contacting you.(Required)