Calendar Widget Customization

Overview

Personalizing your PXME calendar widget enhances the booking experience for clients while aligning the tool with your brand. From adjusting colors and text to integrating payments and forms, widget customization helps you deliver a professional, consistent, and user-friendly booking flow across your practice.

Features and Benefits

• Personal Branding – Apply brand colors and add/remove your logo for visual consistency.

• Improved User Experience – Streamline the booking process by simplifying layouts and details.

• Flexible Design Options – Customize button text, attach custom forms, or add CSS for advanced control.

• Display Control – Show or hide details like duration, timezone, or recurring info to reduce clutter.

• Preview & Reset – Test changes instantly and reset to default if needed.

How to Customize Your Calendar Widget

1. Access Customization Settings

   • Go to Settings > Calendars in PXME.

   • Select the calendar you want to customize and click Edit.

2. Open the Customizations Tab

   • Click the Customizations tab.

   • Note: Customizations only apply to the Neo Widget.

3. Customize Colors

   • Primary Color – Updates buttons, time slots, and interactive elements.

   • Background Color – Controls the date-time selector and forms background.

   • Tip: Match colors with custom forms for consistency.

4. Modify Text & Visibility

   • Button Text – Adjust call-to-action wording (e.g., “Book Now” → “Schedule Appointment”).

   • Hide Details – Toggle off duration, timezone, or recurring info.

   • Logo Control – Remove your logo from the Meeting Details tab if desired.

5. Preview Changes

   • Use Preview Widget to test design updates before saving.

6. Save & Publish

   • After confirming your edits, click Save.

7. Reset to Default

   • Select Reset to Default to restore the original PXME widget design.

Payment Element Integration

PXME calendars support payment collection inside both Classic and Neo widgets.

Supported Gateways

• Stripe (Card, Apple Pay, Google Pay, iDEAL, Bancontact)

• NMI

• Authorize.net

• Square

• Razorpay

Payment Capabilities

• Save cards for future use

• Process zero-value payments (card storage without charge)

• Accept full or partial payments

• Collect payments for recurring appointments

• Charge per attendee for group bookings

To enable: confirm your payment gateway is connected in PXME Settings > Payments.

Pro Tips

• Use contrasting primary and background colors for a modern design.

• Test thoroughly if applying custom CSS—it overrides widget settings.

• Always preview before saving to avoid client-facing errors.

• Match custom form design (fields, colors, fonts) to your widget theme.

• If branding gets messy, reset to default and rebuild cleanly.

FAQs

Q1: Which calendars support customization?
All calendar types (Event, Round Robin, Collective, Personal, and Class Booking). Some limitations apply to service menus.

Q2: How do custom forms integrate with the widget?
Attach a custom form and align its design with your widget theme for consistency.

Q3: How do I completely hide the left panel?
Disable Calendar Name, Description, and Details, remove the logo, and toggle off Allow Select Staff in Customizations.

Q4: Will CSS override widget settings?
Yes, CSS takes precedence over widget customization controls.

Q5: Can I save card details without charging?
Yes, zero-value payments allow secure card storage without an active transaction.

Q6: How can I ensure my widget matches my brand?
Experiment with colors, button text, and layouts while using Preview. Reset if it drifts too far from your desired look.