Skip to content
English
  • There are no suggestions because the search field is empty.

Appointments Plans & Pricing Widget | Walla Support Center

The Appointments Plans & Pricing Widget gives clients a dedicated place to browse and purchase your appointment plans and packages directly from your website. It pairs naturally with the Appointments Widget — one handles booking, the other handles plan purchases.

Setting Up the Widget

To get started, embed the widget directly into your website or use the direct link if embedding isn't an option.

  1. Select your profile icon and choose Business Settings.
  2. Scroll down and select Widget and App Settings.
  3. Select Widget Codes and choose Appointments Plans & Pricing from the dropdown.
  4. Select Preview the embed code here to see what the widget looks like before adding it to your site.
  5. Copy the HTML embed code and paste it into your website. If you're building on Wix, select Wix Custom Element before copying — see the Wix Installation section below for next steps.

Note: You can also grab the direct link under Widget direct link here if you'd prefer to link out rather than embed.

Wix Installation

Wix requires a Custom Element approach to embed the widget correctly and avoid scrolling issues.

  1. In your Wix Editor, enable Velo Dev Mode by going to Dev Mode > Turn on Dev Mode.
  2. Open the site code panel and navigate to Backend & Public > custom-elements > Add .js file. For most usages, use the tag name as the file name — though it can be adjusted if needed.
  3. Paste the Wix Custom Element embed code into the file and save it as walla-widget-appointment-packages.js.
  4. On the page where you want the widget, click Add > Embed Code > Custom Element.
  5. In the Custom Element settings panel, select Velo file and choose the file you just saved. Set the tag name to walla-widget-appointment-packages.
  6. Stretch the Custom Element to the full width of the page to ensure no content is cut off — make sure this is done for both the desktop and mobile versions of your site.
  7. Publish your Wix site.


See It in Action

Watch a quick walkthrough of the Appointments Widget from the client's perspective: