W
Widgetfied

Embeddable Widgets for Service Businesses

© 2025 Widgetfied

White-Label Settings

Customize branding, appearance, and widget behavior

The White-Label Settings panel allows you to fully customize how your widgets look and behave. Each widget type (Estimates, Booking, Portal, Payment) has its own configuration section with relevant settings.

Widget-Specific Configurations

Different widget types have different configuration tabs available:

AI Estimates Widget

GeneralBrandingContactAI SettingsPayment

Booking Widget

GeneralBrandingContactAvailabilityProvidersReasonsNotifications

Customer Portal Widget

GeneralBrandingContactPayment

Payment Widget

GeneralBrandingContact

Jump to Section

General Settings

Basic company information and widget-specific options.

Company Name*

Your business name that appears in widget headers and emails.

Logo URL

Full URL to your company logo (PNG or JPG recommended). Displayed in widget headers.

Use a square logo (1:1 ratio) for best results. Recommended size: 200x200px or larger.

Footer Text

Custom text displayed at the bottom of widgets (e.g., copyright, tagline).

Widget-Specific Options

Payment Widget
Enable Venmo PaymentsToggle

Allow customers to pay via Venmo in addition to card payments.

Venmo Username

Your @venmo-username that customers will send payments to.

Shown when: Venmo enabled

AI Estimates Widget
Require Estimate FeeToggle

Charge a fee before generating an AI estimate.

Fee Amount

The amount to charge in cents (e.g., 500 = $5.00).

Shown when: Estimate fee enabled

Booking Widget
Require DepositToggle

Require a deposit when booking an appointment.

Deposit Amount

The deposit amount in cents (e.g., 2500 = $25.00).

Shown when: Deposit enabled

Branding

Customize colors, fonts, and visual appearance to match your brand.

Header Colors

Three-color scheme for widget headers:

  • Background (supports gradients like `linear-gradient(135deg, #667eea, #764ba2)` or solid colors)
  • Text color (e.g., `#FFFFFF` for white text)
  • Border/Accent color for decorative elements

Button Colors

Three-color scheme for buttons:

  • Background color
  • Text color
  • Hover color (shown on mouse over)

Typography

Font families for text:

  • Heading Font (e.g., `"Inter", sans-serif`)
  • Body Font (e.g., `system-ui, sans-serif`)

Primary Color

Color Picker

Main brand color used for primary actions and highlights.

Accent Color

Color Picker

Secondary color for accents and interactive elements.

Contact Information

Business contact details displayed in widgets (not available for Portal and Payment widgets).

Phone Number

Business phone number customers can call.

Example: (555) 123-4567

Email Address

Contact email for customer inquiries.

Example: info@yourbusiness.com

Business Address

Physical address or service area.

Example: 123 Main St, City, State 12345

AI Settings (Estimates Only)

Configure how the AI generates estimates for your business.

System Prompt

Instructions for the AI estimator. Include your pricing structure, service types, and any specific guidelines.

Be specific! Include base prices, labor rates, and how to handle different service scenarios. The AI uses this to generate accurate estimates.

Allow Edits

Toggle

When enabled, customers can edit the AI-generated estimate before submitting. When disabled, the estimate is view-only.

Example System Prompt

You are an estimator for ABC Auto Detailing. 

Base pricing:
- Basic wash: $50
- Full detail: $150-300 (depending on vehicle size)
- Paint correction: $300-500

For SUVs and trucks, add 25% to base pricing.
Always mention our satisfaction guarantee.
Estimates valid for 30 days.

Availability (Booking Only)

Set your business hours and booking parameters.

Business Hours

Define your operating hours:

  • Start Hour (24-hour format, e.g., 9 = 9:00 AM)
  • End Hour (24-hour format, e.g., 17 = 5:00 PM)
  • Slot Duration (in minutes, e.g., 30, 60)

Business Days

Select which days you accept bookings. Click to toggle each day on/off.

Allow Overlapping Bookings

Toggle

Enable if you have multiple providers who can handle simultaneous appointments.

Service Providers (Booking Only)

Manage the team members who can be assigned to bookings.

Providers List

Add names of team members who handle appointments. Customers may see these names when booking.

You can add, remove, or reorder providers. If you have one provider, you can leave this empty and bookings will not ask for provider selection.

Show Estimate Reference

Toggle

Display a field for customers to enter a related estimate number when booking.

Booking Reasons (Booking Only)

Define the reasons customers can select when booking appointments.

Booking Reasons

Create custom booking intents with:

  • ID (lowercase, no spaces, e.g., `consultation`)
  • Display Name (shown to customers, e.g., "Consultation")
  • Icon (emoji like 💬, 🔧, 🚨)

Quick Templates

Use these pre-built templates to get started quickly:

General Services
Consultation 💬Service 🔧Repair 🔨Maintenance 🛠️Emergency 🚨Other 📝
Beauty & Spa
Hair Services 💇Nail Services 💅Spa Treatments 🧖Facials ✨Massage 💆
Medical
Check-up 🏥Consultation 👨‍⚕️Follow-up 📋Vaccination 💉Lab Test 🧪

Notifications (Booking Only)

Configure calendar sync and notification settings.

Calendar Provider

Choose your calendar integration (Google Calendar recommended).

Google CalendarOutlook CalendarApple Calendar

Calendar Email

The email address associated with your calendar for booking sync.

For Google Calendar, follow the Google Calendar integration guide to set up a service account.

CC Notification Email

Additional email address to receive copies of all booking notifications.

Payment Settings

Configure payment options for your widgets.

Payment Provider

Select your payment processor.

Stripe (recommended)SquarePayPal

Hourly Rate (Portal only)

Your base hourly rate for calculating job costs in the customer portal.

Enable Payment Collection

Toggle

Allow customers to make payments through the job portal.

Pro Tips

Preview Before Saving

Always use the Preview button to see how your changes will look before saving.

Consistent Branding

Use the same colors and fonts across all widgets for a cohesive brand experience.

Test Your AI Prompt

After updating the system prompt, test the AI estimator with various scenarios to ensure accurate results.

Mobile-Friendly Colors

Ensure your color choices have enough contrast to be readable on mobile devices.

Related Documentation

⚡ Quick setup
🚀 Get Started
Come check out the docs here!