BuddyX Pro Theme Guide
WBcom Essential + BuddyX Pro Theme
Premium community building with advanced features, layouts, and integrations.
Overview
BuddyX Pro is the premium version of BuddyX, offering advanced customization options, multiple layout styles, and exclusive features. Combined with WBcom Essential:
All 45 blocks with full feature set Premium header and layout options LearnDash LMS integration Advanced WooCommerce features Multiple member directory layouts Exclusive theme color schemes
Premium Features
What BuddyX Pro Adds
FeatureFree BuddyXBuddyX ProLayout Options15+Header StylesBasicAdvanced BuilderMember LayoutsGridGrid, List, Card, CompactGroup LayoutsGridGrid, List, CardDark ModeBasicFull with toggleColor SchemesCustom10+ Pre-builtLearnDashBasicFull IntegrationWooCommerceBasicAdvanced Features
Quick Setup
Step 1: Install BuddyX Pro
Purchase from WBcom Designs Download the theme zip file Go to Appearance > Themes > Add New > Upload Upload and activate BuddyX Pro
Step 2: Install WBcom Essential
Go to Plugins > Add New Upload wbcom-essential.zip Activate the plugin
Step 3: Import Demo Content (Recommended)
Go to Appearance > BuddyX Pro > Demo Import Choose a demo layout Import to get pre-configured pages
Step 4: Configure Theme Colors
Appearance > Customize > Colors Choose a pre-built scheme or customize WBcom Essential blocks will inherit these colors
Advanced Header Building
BuddyX Pro offers an advanced header builder. Combine with WBcom Essential:
Header Elements Available
ElementWBcom Essential BlockPro FeatureLogoBranding / Site LogoMultiple logo optionsMenuSmart MenuMega menu builderUser AreaHeader BarAdvanced stylingSearchHeader Bar searchAjax searchCartHeader Bar cartMini cart dropdownDark ModeHeader Bar toggleFull dark mode
Recommended Header Layout
Layout 1: Full Width Community
[Row 1: Top Bar] [Branding] | [Contact Info] | [Social Icons]
[Row 2: Main Header] [Branding] | [Smart Menu] | [Header Bar]
Layout 2: Centered Logo
[Row 1] [Smart Menu Left] | [Branding Center] | [Header Bar Right]
Layout 3: Stacked
[Row 1: Branding Centered] [Row 2: Smart Menu + Header Bar]
Member Directory Layouts
BuddyX Pro offers multiple member directory styles. Match them with blocks:
Grid Layout
[Members Grid columns="4" show_avatar show_name show_member_type]
List Layout
[Members Lists layout="list" show_avatar show_name show_bio show_last_active]
Card Layout (Pro Exclusive)
[Members Grid layout="card" show_cover show_avatar show_name show_stats]
Compact Layout
[Members Grid layout="compact" columns="6" show_avatar show_name]
LearnDash Integration
BuddyX Pro has built-in LearnDash support. Combine with WBcom Essential:
Course Showcase
[Post Carousel post_type="sfwd-courses" posts_per_view="3"]
Student Progress
[Progress Bar title="Course Progress" percentage="75"]
Learning Dashboard
[Dashboard Intro message="Welcome back, learner!"] [Post Carousel post_type="sfwd-courses" meta_key="_sfwd-course_current" show_progress="true"]
WooCommerce Integration
Product Showcase
[Product Grid columns="4" category="featured" show_price show_rating]
Mini Cart in Header
[Header Bar show_cart="true" cart_style="dropdown"]
Membership Products
[Pricing Table title="Premium Member" price="$9.99" period="/month" features="Access all groups, Premium badge, Priority support" button_text="Subscribe Now" ]
Premium Color Schemes
BuddyX Pro includes pre-built color schemes:
SchemePrimarySecondaryBest ForDefault#2271b1#1d2327ProfessionalDark#1a1a2e#16213eGaming, TechStarter#007cba#00a0d2Modern, CleanStarter Light#0073aa#00a0d2Bright, FriendlyDeveloper#23282d#0073aaTechnical
Using with Blocks
Select scheme in Appearance > Customize > Colors Enable Use Theme Colors in block settings Blocks automatically use scheme colors
Exclusive Pro Layouts
Social Network Homepage
[Hero: Slider with community images]
[Section: Stats] [Columns 4] [Counter: Members] [Counter: Groups] [Counter: Posts] [Counter: Active Today] [/Columns]
[Section: Activity Feed] [Columns 2/3 + 1/3] [Forums Activity limit="10"] [Sidebar: Members Carousel + Groups Carousel] [/Columns]
[Section: Featured Groups] [Groups Grid columns="3" featured="true"]
[Section: CTA] [CTA Box: Join the community]
Learning Community
[Hero: Course promotion slider]
[Section: Popular Courses] [Post Carousel post_type="sfwd-courses"]
[Section: Instructors] [Team Carousel - showing course authors]
[Section: Student Testimonials] [Testimonial Carousel]
[Section: Pricing] [Pricing Table x3 - Free/Pro/Enterprise]
Social Marketplace
[Header Bar with cart]
[Hero: Featured products slider]
[Section: Categories] [Icon Boxes - Product categories]
[Section: New Products] [Product Grid columns="4" orderby="date"]
[Section: Community] [Members Carousel - Top sellers]
[Section: Reviews] [Testimonial Carousel - Customer reviews]
Advanced Customization
Custom CSS Variables
BuddyX Pro exposes additional CSS variables:
/* Header */ –flavor-header-bg –flavor-header-text –flavor-header-link
/* Sidebar */ –flavor-sidebar-bg –flavor-sidebar-widget-bg
/* Cards */ –flavor-card-bg –flavor-card-border –flavor-card-shadow
/* Typography */ –flavor-heading-font –flavor-body-font
Block Custom Styling
Add custom classes in block Advanced tab:
buddyx-card-hover /* Adds BuddyX hover effect / buddyx-shadow / Adds BuddyX shadow style / buddyx-rounded / Uses BuddyX border radius */
Performance Optimization
Recommended Settings
SettingValueLocationLazy Load ImagesOnCustomizer > PerformanceMinify CSS/JSOnOr use caching pluginCarousel Items4-6Block settingsPosts Per Page10-12Block settings
Caching Compatibility
BuddyX Pro works with:
WP Super Cache W3 Total Cache LiteSpeed Cache WP Rocket
Note: Exclude logged-in users for BuddyPress dynamic content.
Support & Resources
BuddyX Pro Theme: wbcomdesigns.com/downloads/buddyx-pro-theme/ Documentation: docs.wbcomdesigns.com/docs/buddyx-theme/ Video Tutorials: YouTube Channel Premium Support: Support Portal