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.

Download

See A Live Demonstration Here

The post Beaver Builder mp3 player appeared first on Dependent Media.

The post DM Flowchart Designer appeared first on Dependent Media.

Last updated: February 24, 2026

DM Flowchart Designer (“the App”) is developed by Joshua Jordan (“we,” “us,” or “our”). We are committed to protecting your privacy. This Privacy Policy explains how the App handles your information.

Data Collection

DM Flowchart Designer does not collect, store, transmit, or share any personal data or usage information. The App operates entirely offline on your Mac.

Local Data Only

All documents, settings, and preferences you create within the App are stored locally on your device. Specifically:

• Flowchart documents are saved as JSON files to locations you choose on your Mac.
• Exported images (PNG) and documents (PDF) are saved to locations you choose.
• App preferences are stored locally using macOS UserDefaults on your device.

None of this data is transmitted to us or any third party.

No Analytics or Tracking

The App does not include any analytics frameworks, advertising SDKs, or tracking technologies. We do not track your usage, behavior, or any other activity within the App.

No Network Access

DM Flowchart Designer does not require or use an internet connection. The App does not make any network requests.

No Accounts

The App does not require you to create an account or provide any personal information to use it.

Third-Party Services

The App does not integrate with any third-party services that could collect your data.

Children’s Privacy

The App does not collect any personal information from anyone, including children under the age of 13.

Changes to This Policy

We may update this Privacy Policy from time to time. Any changes will be posted on this page with an updated revision date.

Contact Us

If you have questions about this Privacy Policy, please contact us at:

support@dependentmedia.com

The post DM Flowchart Designer Privacy Policy appeared first on Dependent Media.

The post DM Mobile Location, Privacy Policy appeared first on Dependent Media.

The post DM Mobile Location Help Center appeared first on Dependent Media.

The post DM Mobile Location appeared first on Dependent Media.

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.

The post Automatic Payment Subscriptions appeared first on Dependent Media.

The post Client Sync Pro appeared first on Dependent Media.

Tracking Your Client Appointments, Notes, Billing & Progress

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

Client Sync Pro

Client Sync (free)

Documentation

The post Client Sync appeared first on Dependent Media.

Free! Like Speech.

Download

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');
?>

The post Custom Admin CSS WordPress Plugin appeared first on Dependent Media.