Skip to main content

Booking Widget

Add a booking widget to your AppSalon Smart Website or embed it on your own website.

Overview​

The MostFound booking widget allows customers to book appointments directly from your website. You can either:

  • Use the appointment button on your AppSalon Smart Website - Configure the button settings in your AppSalon dashboard
  • Add the widget to your own website - Embed a customizable booking widget on any website

AppSalon Smart Website Appointment Button​

If you're using the AppSalon Smart Website, you can configure the appointment button that appears on your website.

Configuration​

Where to go: Settings → Website → Layout

Configure the appointment button settings:

  • Button Text - Customize the label (e.g., "Book Now", "Schedule Visit")
  • Show in Navbar - Toggle visibility in the navigation bar
  • Position - Control where the button appears on the page

For detailed instructions, see: Website Layout - Appointment Button

Add the Widget to Your Own Website​

If you want to embed the booking widget on your own website (outside of AppSalon Smart Website), you can use the Live Widget Builder to generate custom code.

Live Widget Builder​

The Live Widget Builder is an interactive tool that helps you:

  • Configure widget options (type, position, size, language, etc.)
  • Preview the widget in real-time
  • Generate ready-to-use code
  • Test the widget before implementing

Access the Live Widget Builder: https://mostfound.com/live-widget-builder

Widget Types​

The booking widget supports two display types:

  1. Button (Minimized) - A floating button that opens a booking panel

    • Responsive: Automatically adjusts on mobile devices
    • Customizable position (left or right)
    • Adjustable button size and label

  2. Inline (Embedded) - Widget embedded directly in your page

    • Fully responsive
    • Customizable width and alignment
    • Perfect for dedicated booking pages

Features​

  • Responsive Design - Automatically adapts to different screen sizes
  • Multi-language Support - English and Dutch, or auto-detect browser language
  • Pre-selection Options - Pre-select location, product, employee, date, or time
  • Customizable Styling - Control size, position, and appearance

Getting Started​

  1. Visit the Live Widget Builder
  2. Configure your widget options
  3. Copy the generated code
  4. Paste the code into your website HTML (typically before the closing </body> tag)

The widget will automatically initialize and display on your website.