Taskeo Appointment Scheduling
Connect Taskeo Appointment Scheduling, a booking and CRM platform, with Webflow to let visitors self-book appointments directly on your pages with automatic CRM contact import.
Webflow doesn't include a built-in appointment scheduling system. Visitors who need to book a consultation, demo, or service call can't select a time slot and confirm a meeting directly on a page. Without a scheduling tool, site owners fall back on contact forms and manual email coordination to arrange every appointment.
Adding Taskeo Appointment Scheduling to your site gives visitors a way to book available time slots online and confirm meetings from a page on your site. Every booking automatically imports into Taskeo's CRM module, so new contacts land in the right pipeline without manual data entry.
Freelancers, consultants, agencies, law firms, and SaaS companies can use this setup on their sites. Service businesses that book client calls, demos, or appointments can add a self-service scheduling form to their site. Developers building client sites can set this up in minutes using an embed code from Taskeo's dashboard.
How to integrate Taskeo Appointment Scheduling with Webflow
What is Taskeo Appointment Scheduling? Taskeo Appointment Scheduling is one of five modules in the Taskeo business management platform. It includes availability calendars, custom meeting durations with break times, branded booking forms, automatic CRM contact import, and integrations with Google Calendar, Zoom, and Stripe. The scheduling module also has an embeddable form widget that can be placed on external websites.
Teams add Taskeo to their sites when they need visitors to self-book appointments. A law firm might embed a consultation booking form on their services page, while a SaaS startup places a "Book a Demo" widget on a landing page. The combination gives site visitors a direct path from browsing to booking, with every appointment feeding into Taskeo's CRM.
You can integrate Taskeo Appointment Scheduling in 3 ways:
- Linking to Taskeo's hosted booking page handles scheduling without any custom code or paid plan requirements.
- Embedding Taskeo forms with Code Embed elements lets you place inline booking forms or popup widgets directly on your pages.
- The Webflow and Taskeo APIs are an advanced option for CMS-synced appointment data and custom booking workflows, but Taskeo's API has no public documentation. This route requires direct contact with Taskeo and server-side development.
Most teams use the embed method because it combines quick setup with on-page booking.
Link to Taskeo's hosted booking page
This method works on every plan, including the free Starter plan. Instead of embedding a form on the page, you add a button or text link that points to Taskeo's hosted scheduling page. No custom code is required on your side, and no paid Site plan is needed.
Taskeo generates a unique URL for each appointment form. You can customize this URL from the Taskeo dashboard and then point any link element to it. This approach works well for sites that don't need an embedded form or can't publish custom code.
To set up a booking page link:
- Log in to Taskeo and click Appointments in the top menu.
- Select your appointment form, then click Settings.
- In the right column, select Basic and locate the Your appointment form URL field.
- Type your preferred custom URL and let it save automatically.
- In the Designer, add a Button or Link element to your page and set its URL to the Taskeo booking page address.
This method preserves all of Taskeo's scheduling features, including calendar sync, Stripe payments, Zoom meeting generation, and CRM auto-import. Visitors complete the booking on Taskeo's hosted page rather than within your site.
The hosted page sends visitors away from your site to complete the booking. If keeping visitors on-page matters for your conversion flow, use the embed method in the next section.
Embed Taskeo scheduling forms with Code Embed elements
Embedding places the Taskeo booking form directly on a page. Visitors see available time slots, select a date, and confirm their appointment without navigating away from your site. Both Taskeo and the integrations directory document this as the main integration method.
You retrieve an HTML block from the Taskeo dashboard and paste it into a Code Embed element. Taskeo offers two display modes for the embed: inline, where the form renders directly on the page, and popup widget, where a trigger button opens the form as an overlay. Both modes use the same retrieval process from Taskeo's settings.
Code Embed elements require an eligible paid Workspace or an active paid Site plan to publish custom code. The free Starter plan alone can't publish custom code. The embed code can be up to 50,000 characters per element, which is well within the size of a typical scheduling widget code block.
Changes made in Taskeo's dashboard, such as updated colors, form fields, or branding, apply automatically to the embedded form. You don't need to re-paste the embed code after making Taskeo-side changes.
Add an inline booking form
An inline embed places the full scheduling calendar within your page layout. Visitors interact with it as part of the normal page scroll.
To embed an inline Taskeo form:
- In Taskeo, click Appointments in the top menu and select the form you want to embed.
- Click Settings, then select Embed in the right column.
- Copy the HTML embed code from the code box.
- Open your project in the Designer and select the container where you want the booking form.
- Open the Add panel, find Embed under components, and drag it into your container.
- Paste the copied code into the HTML editor, then save and close.
- Publish your site to test the form on the live URL.
The form will appear blank in the Designer canvas. This is expected behavior, since the canvas restricts third-party scripts from executing during editing. Always verify the embed on the published .webflow.io URL or your custom domain.
If the Embed option isn't visible under Settings, try the alternative navigation path: open the appointment form, select Form from the top bar, scroll down in the left panel to the Embed section, and copy the code from there.
Add a popup booking widget
Popup mode uses a trigger element on your page. When clicked, it opens the Taskeo scheduling form as an overlay. It keeps the booking form accessible without taking up layout space.
To add the popup widget:
- In Taskeo, navigate to the same Embed settings panel used for inline embeds.
- Select the popup variant and copy the corresponding code.
- In the Designer, add a Code Embed element and paste the popup code.
- Publish your site to test the trigger and overlay behavior.
If the popup variant isn't visible in your Taskeo account, contact Taskeo's integration support at kamil@taskeo.co for assistance. You can then confirm whether popup mode is enabled for your account.
Load Taskeo site-wide using custom code settings
For sites that need the Taskeo scheduling widget on multiple pages, you can add the embed code through custom code in head and body tags in Site settings. This loads the script globally without adding a Code Embed element to each individual page.
To add Taskeo code site-wide:
- Go to Site settings and click the Custom code tab.
- Paste the Taskeo embed code into the Footer code section.
- Save and publish your site.
For a single page, use Page settings instead. Open the target page's settings, scroll to the Custom code section, and paste the code into the Inside <head> tag or Before </body> tag field. Each custom code field supports up to 50,000 characters.
Place <script> tags in the footer rather than the head to avoid slowing initial page loads. Adding async or defer attributes to script tags can also help performance. Avoid importing additional jQuery versions through custom code, since sites include jQuery v3.5.1 by default.
This option works best if you want the same Taskeo widget behavior on multiple pages without repeating the same embed step in the Designer.
Build with the Webflow and Taskeo APIs
Teams that need appointment data flowing into CMS collections, or that want to build custom booking interfaces, can use the API path. This approach requires server-side development and familiarity with REST APIs.
Taskeo references an "open API" on its features page and about page, but doesn't publish public API documentation. No base URL, authentication method, or endpoint specification is available at any public Taskeo URL. Before committing to an API-dependent architecture, contact Taskeo directly at office@taskeo.co to request access to their API documentation.
The available APIs for this integration are:
- Taskeo's API (undocumented publicly) would handle appointment data retrieval and booking creation. Contact Taskeo for endpoint details.
- The Data API v2 handles CMS collection reads and writes, form submission retrieval, and site management.
- Webhooks trigger real-time events when CMS items change or forms submit.
Custom middleware is required to bridge the two systems, since no native data sync exists between Taskeo and the CMS.
Sync appointment data to the CMS
If Taskeo provides webhook events or documented API endpoints, confirm that with their team, as none are publicly available. You could then write new booking records into a CMS collection. This could let you display upcoming appointments, client testimonials tied to bookings, or scheduling analytics on your site with a Collection List. That use case is currently blocked by the absence of public Taskeo webhook or trigger documentation and requires custom development if those endpoints become accessible.
To implement a CMS sync:
- Create a CMS collection with fields for appointment date, client name, service type, and status.
- Build a server-side service (Node.js, Python, or similar) that receives booking data from Taskeo, either through webhooks or scheduled API polling.
- Use the Create Live Item endpoint at
POST /v2/collections/{collection_id}/items/livewith a Bearer token andCMS:writeOAuth scope to write each booking as a new CMS item. - Set up webhooks for
collection_item_createdevents if you need downstream notifications when new items appear.
This setup covers the CMS side of the sync. The Taskeo data source still depends on access to API or webhook details from Taskeo.
Current plans support up to 20,000 CMS items on the Premium plan. Plan your collection structure around expected booking volume. Bulk update requests accept up to 100 items per call.
This approach requires confirmed access to Taskeo's API or webhook system. Without a documented Taskeo trigger mechanism, the CMS write side is ready and the data source side remains blocked until Taskeo provides specifications.
What you can build with the Taskeo Appointment Scheduling Webflow integration
Integrating Taskeo Appointment Scheduling lets you accept and manage client bookings directly from your website without email coordination or third-party scheduling pages.
- Consultation booking pages: A law firm adds a Taskeo scheduling form to their services page, letting prospective clients book initial consultations. Each booking creates a new contact in Taskeo CRM and places them in the client intake pipeline automatically.
- Demo request landing pages: A SaaS startup embeds a "Book a Demo" widget on a campaign landing page. UTM parameter forwarding in Taskeo tracks which paid ads drive demo requests and ties advertising spend to actual bookings.
- Multi-service agency scheduling: A marketing agency creates separate Taskeo appointment forms for discovery calls, onboarding sessions, and strategy reviews. Each form embeds on a different page, with team members assigned to the appropriate meeting types.
- Freelancer portfolio booking: A photographer or consultant adds a branded Taskeo popup widget to their portfolio's "Work With Me" page. The booking form matches the site's visual identity through Taskeo's color and logo customization, and Google Calendar sync prevents double-bookings.
If you need more control over CMS-synced appointment listings or custom booking confirmation flows, the API integration path handles those cases.
Frequently asked questions
The Webflow canvas restricts third-party scripts and iframes from rendering during editing. This is expected behavior for any Code Embed element that loads external content. Publish your site and test on the live
.webflow.ioURL or your custom domain to see the form working. Webflow added expanded custom code preview support in April 2025, but some third-party embeds still require the published site to render correctly.No. Code Embed elements require an eligible paid Workspace or an active paid Site plan to publish custom code. On the free Starter plan, the alternative is linking to Taskeo's hosted booking page using a standard Button or Link element. This still gives visitors access to the full scheduling experience, just on Taskeo's hosted URL instead of embedded on your page. See the Code Embed documentation for plan requirements.
Taskeo does not offer built-in Webflow CMS synchronization, and no public API documentation or webhook specifications exist for Taskeo at this time. A custom sync would require server-side middleware that reads booking data from Taskeo's API and writes it to Webflow's CMS Collection Items API. Contact Taskeo at office@taskeo.co to request API access before planning this architecture.
Webflow CSS cannot target elements inside the Taskeo iframe. All visual customization happens within Taskeo's dashboard, where you can adjust header colors, font colors, logo, and profile pictures. The outer Webflow container wrapping the embed is fully styleable in Webflow, so you can control spacing, background color, and responsive layout around the form. Taskeo's appointment scheduling page details the available branding options.
Fixed-height iframes clip content on smaller screens. Set the Webflow container wrapping the embed to
width: 100%with amin-heightof 600px. You can apply this through a custom CSS class in Webflow or through a<style>tag in the Code Embed element. Always test on the published site at actual mobile breakpoints, not in the Webflow canvas preview. SimplyBook integration page has a comparable pattern for scheduling embeds that recommends the same minimum height.
Description
Taskeo Appointment Scheduling adds inline or popup booking forms to Webflow through an embed code pasted into a Code Embed element. Every booking imports automatically into Taskeo's CRM.
This integration page is provided for informational and convenience purposes only.

Bookla
Connect Bookla with Webflow to add booking and scheduling functionality to your site without custom development.

SimplyBook
Connect SimplyBook widgets directly into Webflow pages using custom code embed elements for immediate booking functionality.

Hostaway
Connect Hostaway with Webflow to display real-time property availability and sync property data.

Cal.com
Connect Cal.com with Webflow using Code Embed elements to let visitors book appointments based on real-time availability.Retry
Google Meet
Connect Google Meet, Google's video conferencing platform, with Webflow to embed scheduling widgets, generate Meet links from form submissions, and store meeting data in CMS collections.
Acuity Scheduling
Connect Acuity Scheduling with Webflow to add client booking, scheduling, and appointment management to your site.
FlowBookings
Connect FlowBookings, a booking management platform built for Webflow, to accept appointments and reservations using native Webflow form elements with Stripe payments and no iframes.

ZealSchedule
With ZealSchedule, allow visitors, potential leads to schedule appointments, video meetings, collect payments, and send notifications, reminders in one place.

Timekit
Connect Timekit with Webflow to add scheduling, resource management, and automated booking workflows to your sites.


