Who can use this feature?
The Schedule Widget is a great way to show which classes and courses you are offering on your marketing website. Clients can select which event to enroll in and seamlessly be taken into the Pike13 enroll and purchase workflows.
Configuring the Schedule Widget
- Go to Settings
- Select Apps & Add Ons
- Choose Embeddable Widgets
- Select the Schedule widget option
- Select your date range
- Relative Date Range: A dynamic date range
- Examples: "Today", "7 Days Ago", "14 Days From Now"
- Absolute Date Range: Specific start date and specific end date
- Select your Location(s) - you can select more than one
- Select your services - you can list all, one, or select multiple services to show in the widget
- Choose staff members if necessary
- Choose whether the client should be taken to a new tab once they click on 'enroll' from the widget
- Confirm or change the color of the buttons on the widget
- Look at the preview to the left to ensure the widget looks correct, then press continue
- Copy the widget code and place it into your marketing site
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.
Because the widget was designed to be used on your marketing site, only services that are being shown to visitors will appear. To change visibility settings, go to the Service's page and click on the Website Settings tab.
Adding Widgets to Your Marketing Site
- 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.
- 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.
- 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.
- 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.
Please note, providing support on placing the widget codes in your website is beyond Pike13's scope of support.