Articles in this section

Appointment Widget

  • Updated

Who can use this feature?

Pike13 Plan:

✓ Premium
✓ Advanced
✗ Essential

Role:

✓ Primary Owner
✓ Owners
✓ Managers
✗ Staff
✗ Limited Staff

The Appointment Widget allows your clients to start the booking process directly from your marketing website. Clients can select which appointment to book and seamlessly be taken into the Pike13 workflows you have defined for that service.

In this article

Configuring the Appointment Widget

 Appointment_Widget.gif

  1. Go to Settings 
  2. Select Apps & Add Ons
  3. Choose Embeddable Widgets
  4. Select the Appointment Widget optionmceclip0.png
  5. Select your date range
    • Relative Date Range: A constantly updating date range.
      • Ex: From: Set by Blackout Window - To: 7 Days From Now
    • Absolute Date Range: Specific start date and specific end date
  6. Select which Location(s)
  7. Select your services - you can list all, one, or select multiple services to show in the widget
  8. Choose staff members if necessary
  9. Choose whether the client should be taken to a new tab once they click on 'enroll' from the widget
  10. Confirm or change the color of the buttons on the widget
  11. Look at the preview to the left to ensure the widget looks correct, then press continue
  12. Copy the widget code and place it into your marketing site

*The Blackout Window is set up in each appointment service under the Registration tab. For more on configuring appointment services, go here.

Note

Filtering for Specific Staff Members

To make sure all the services your staff member instructs show in the widget, you want to check the following two settings:

Ensure your service is set up to show your instructors on the Pike13 website. To check this, go to the service, select Website Settings, and verify Show instructor name? is set to Yes.

You also want to be sure your staff member is set up to be shown on the Pike13 website. To check this, go to the staff member's dashboard, select Edit Profile, and verify Show [Staff Member Name] on your Pike13 website is set to Yes.

Adding Widgets to Your Marketing Site

SquareSpace

  • In the SquareSpace page editor, open the page that you want to add the schedule to, add a new block and under the More category of block types choose Code. Paste the code into the Edit Code editor, tap Save, and then save the page.

Wordpress

  • In Wordpress, open the page that you want to add the schedule to, using HTML view (the Text tab) paste the Schedule Widget code into the text box, and then tap Publish. 
    • The schedule doesn't appear in preview.Wordpress removes the HTML if you switch to the Visual tab before clicking Publish.
    • The schedule widget embeds only in self-hosted sites created in Wordpress, not in sites hosted on Wordpress.com.

GoDaddy

  • In GoDaddy, tap Design Your Pages, and then from the Page menu, choose the page that you want to modify. Tap the content block that you want to edit and then tap the edit icon. Paste the Schedule Widget code into the textbox, tap Verify and Update HTML, and then tap OK.

Wix

  • In Wix, you must have the SSL certificate enabled to use the widget. Please check out their support ticket on this here. 

Other Web Platforms

  • For other solutions, view the source code for the page of your business website that you want to add the schedule to, and then paste the Schedule Widget HTML code into the webpage.

Note

Please note, providing support on placing the widget codes in your website is beyond Pike13's scope of support.