Add Barberly Booking to Wix

Complete guide to integrating Barberly booking widgets on your Wix website for barber shops and salons.
Tags:

Adding Barberly Booking to Your Wix Website

This guide will walk you through integrating Barberly booking widgets with your Wix website, allowing your barbershop or salon clients to book appointments directly from your site.

Prerequisites

Before you begin, make sure you have:

  • A Wix website with editor access
  • A Barberly account with at least one booking widget created

Adding Barberly Widget to Wix

The simplest way to add Barberly booking widgets to Wix is by using the HTML Embed element:

  1. Get Your Widget Code:

    • Log in to your Barberly account at portal.barberly.com
    • Navigate to Menu → Apps → All Widgets
    • Select the widget you want to use
    • Copy the integration code

  2. Add to Wix Using HTML Embed:

    • Open your Wix website in the Editor
    • Click the “Add” (+) button on the left sidebar
    • Select “Embed” and then “HTML iframe”
    • Click “Enter code” in the settings panel
    • Paste your Barberly widget code
    • Click “Update” to save your changes
    • Resize and position the element as needed

  3. Publish Your Website:

    • Click “Publish” in the top right corner of the Wix Editor
    • Your Barberly booking widget is now live on your website

Best Practices for Wix Integration

  1. Strategic Widget Placement:

    • Book Online Button: Add to your site header, navigation menu, or as a floating button
    • Embedded Booking Page: Create a dedicated “Book Now” page
    • Booking Popup: Add to service pages or your homepage
    • Booking Sidebar: Use site-wide for persistent booking access

  2. Mobile Responsiveness:

    • Test your widgets on mobile devices through Wix’s mobile editor
    • Adjust size and positioning for optimal mobile display

  3. Design Harmonization:

    • Customize your Barberly widget colors to match your Wix site’s design

Troubleshooting Common Issues

  • Widget Not Displaying: Make sure your Wix template allows custom HTML and JavaScript
  • Size or Positioning Problems: You may need to resize the HTML iframe element in the Wix editor
  • Conflicts with Wix Editor: If changes don’t appear in the editor, publish your site and view it live to confirm the widget works properly

Keeping Your Integration Updated

When you make changes to your Barberly widgets in your Barberly account at portal.barberly.com, they will automatically update on your Wix site without any additional steps required. The widget code remains the same even when you modify settings like colors, text, or styles.