HOW-TO: Embed Workee into your SquareSpace website

How-to: Embed Workee into your SquareSpace website
3 min read
Easily embed your products and services from Workee into your SquareSpace website with just a few clicks. Transform your SquareSpace website into a powerful business management hub powered by Workee’s seamless backend integration.
Generate Embedding Code
Follow these steps to create and copy the embedding code for integrating your sessions into other platforms or websites:
Step 1: Access the Embed Code Configuration
1. Log in to your account dashboard.
2. Navigate to the “Website Settings” section located in the sidebar menu.
3. Click on “Embed My Products Code” at the top of the screen.

Step 2: Configure the Embed Code
1. In the Embed Code Configuration window, you’ll see a preview of your available sessions.
2. Select option with Squarespace
3. Customize the configuration by selecting the types of sessions or products to include:
• One-time meetings
• Recurring meetings
• Digital products
• Custom products
• Affiliate links

3. Check or uncheck the options based on your requirements.
Step 3: Generate the Embed Code
1. Once you’ve finalized your configuration, click the green “Get Code” button at the bottom of the configuration window.
2. A unique embed code will appear on the right-hand side of the window.
Step 4: Copy the Embed Code
1. Click the “Copy Code” button next to the generated embed code.
2. The embed code is now copied to your clipboard and ready to use.

How to Embed Your Workee Products and Services into Your SquareSpace Website
How to Embed Your Workee Products and Services into Your Squarespace Website
Follow these steps to integrate your Workee products and services into your Squarespace site using custom code embedding.
Step 1: Access the Page Where You Want to Embed
1. Log in to your Squarespace account.
2. Navigate to the page where you want to embed your Workee code:
Step 2: Add a Section
1. Open the page editor by clicking Edit.

2. In the editor, click ADD SECTION

3. Select Add a black section

4. Type HTML in the search bar and select CODE

Step 3: Paste the Workee Embed Code
1. Delete old code

2. Paste Code you copied from Workee

3. Adjust section height and width

Step 4: Preview and Save
1. Use the Preview option in Squarespace to check how the embedded products and services appear on your page.
2. If satisfied with the results, click Save or Publish to make the changes live.

With these steps, you can easily embed your Workee products and services into your Squarespace site, creating a seamless experience for your customers!
Watch step-by-step video guide
See our step-by-step video guide on YouTube: Open Video

Embedding Workee into a Squarespace Website: Subscription Requirement
To embed Workee into a Squarespace website, you need to have an active Squarespace subscription. A free trial or basic setup may not support embedding custom HTML, scripts, or advanced third-party integrations.
Steps to Check or Upgrade Your Squarespace Subscription (Based on the Screenshot):
1. Log in to Squarespace:
• Go to Squarespace.com and log in with your credentials.
2. Navigate to Settings:
• In the left-hand menu, select “Settings”.
3. Go to the Billing Section:
• Under the Billing tab, click on “Subscriptions” to view your current plan.
4. Check Your Current Plan:
• You will see your active plan details (e.g., Business Plan, paid monthly or annually).
• Ensure your subscription is active and supports embedding features. Higher-tier plans like Business or Commerce allow custom integrations.
5. Upgrade Your Plan (If Needed):
• Click the “Change” button next to your plan to see available options.
• Select a plan that supports embedding custom code, such as Business or Commerce.
• Confirm your choice and complete the payment process if an upgrade is required.
6. Verify Automatic Renewal:
• Ensure the “Renew Automatically” toggle is enabled to avoid interruptions.

Inspiration and Examples: See Embedding in Action

Discover how embedding Workee’s features can enhance your website with a professional and seamless integration. Below, we’ve compiled some real-world examples to inspire you as you implement Workee into your site. From coaching services to cleaning businesses, these layouts demonstrate the versatility and creativity possible when embedding Workee.
Example 1: Nutrition Program
• Overview: This website showcases an engaging program with clear call-to-action buttons that guide users through the journey of selecting and learning about nutrition plans.
• Embedding Highlights: Interactive booking buttons and scheduling tools seamlessly fit the design, creating a user-friendly experience.
Example 2: Coaching Services
• Overview: A coaching website featuring Workee embeds to book sessions, view testimonials, and access exclusive resources.
• Embedding Highlights: A dynamic layout with clear visibility of services offered, allowing users to quickly book or learn more.
Example 3: Cleaning Services
• Overview: A professional cleaning business website utilizing Workee for booking appointments and requesting quotes.
• Embedding Highlights: Clean, minimalistic design with embeddable tools for scheduling and inquiry submission, boosting user engagement.
Example 4: Dance Classes
• Overview: A dance academy featuring a vibrant website where users can sign up for classes directly via Workee’s embeddable tools.
• Embedding Highlights: Integrated sign-up forms and testimonials blend seamlessly into the website, maintaining an elegant, user-focused experience.
Why Embed Workee?
Embedding Workee into your website helps you:
• Simplify User Experience: Provide an intuitive way for clients to book, pay, or engage with your services.
• Enhance Design: Seamlessly integrate forms, buttons, or tools that align with your branding.
• Boost Engagement: Increase customer satisfaction and streamline operations with functional and visually appealing embeds.
Explore these examples and let them spark ideas for your own website! If you’re ready to enhance your online presence, visit our Workee embedding guide to get started.