Team Tailor

How to integrate Team Tailor with Webflow

Native application tracking system career pages rarely match brand standards, and manual job board updates create bottlenecks between HR and web teams. Integrating Team Tailor with Webflow connects recruitment data to custom-designed pages while giving marketing teams full design control.

You can connect these platforms via embeddable JavaScript widgets for quick setup, or via direct API integration for advanced workflows that require server-side development.

Use embeddable Team Tailor widgets

The fastest way to display Team Tailor jobs on your Webflow site is through JavaScript widgets that embed directly on your pages. Generate widget code in Team Tailor's dashboard, paste it into the Webflow custom code embed element, and publish. Jobs update automatically when your recruitment team posts or unpublishes positions.

Team Tailor provides three widget types:

• Job List Widget: Displays filterable job listings with department, location, language, and employment type filters
• Career Button Widget: Adds a floating call-to-action button that links to your Team Tailor career site
• Hiring Widget: Shows hiring status badges or banners highlighting open position counts

To implement widgets, navigate to Settings → Integrations → Widgets in Team Tailor. Configure your display options and copy the generated script. In Webflow, add an Embed element from the Add panel, paste the widget code, and publish your site. Setup takes 10–15 minutes and requires no coding knowledge.

The widget method has styling limitations because you inherit Team Tailor's base design rather than applying your Webflow styles. For full design control, use the Zapier automation method with the Webflow CMS to create custom-styled job boards using Webflow's design system.

Build with Webflow and Team Tailor APIs

The Team Tailor API and Webflow CMS API enable custom integration workflows for unique recruitment requirements. Build these integrations when you need capabilities beyond standard widgets or automation, such as complex filtering logic, custom application workflows, or specialized handling of candidate data.

API integration requires server-side development and authentication management. Team Tailor's Company API uses Token authentication with the format Authorization: Token token=YOUR_API_KEY along with specific API version headers including X-Api-Version: 20180828 and Content-Type: application/vnd.api+json. Webflow supports Bearer token authentication or OAuth 2.0 depending on your authorization needs and implementation scope.

Sync job listings to Webflow CMS

Retrieve job data from GET /v1/jobs in Team Tailor's JSON:API format with required headers. Transform it to match your Webflow Collection schema and post to the Webflow CMS Collections endpoints.

Use the List Collection Items endpoint to check existing items before creating duplicates. This pattern works for scheduled bulk imports or real-time updates triggered by Team Tailor webhooks.

When building job sync workflows, consider these technical requirements:

• Implement pagination handling for both APIs because Team Tailor uses page parameters, and Webflow caps at 100 items per request
• Use webhook events like job.create, job.update, and job.destroy for real-time sync
• Review the multi-channel content delivery guide for advanced CMS publishing options

Handle application submissions from Webflow forms

Webflow native forms support file uploads only on Business, Advanced, or Ecommerce plans. Uploads are limited to 10MB per file with 10GB total storage. For plans without file upload support, you have two options to collect resumes.

The first option is to embed Team Tailor's application forms via iframe on your Webflow page. This directs candidates to Team Tailor's native application experience while keeping them on your site visually.

The second option involves capturing basic candidate information through Webflow form submissions while directing candidates to complete their full application with resume upload on Team Tailor's career site.

Configure webhook-based real-time updates

Team Tailor webhooks push real-time notifications when recruitment events occur. Subscribe to events like job.create, job.update, job.destroy, or job_application.create to trigger immediate Webflow updates without polling.

Configure webhooks in Team Tailor's Settings → Integrations → Webhooks by providing your HTTPS endpoint URL and selecting relevant events. Webhooks require HTTPS endpoints with TLS 1.2 or higher for security. All webhooks follow exponential backoff with three retry attempts for failed deliveries.

Webhook signature verification requires backend development experience. The process involves parsing the TT-Signature header, computing HMAC-SHA256 hashes, performing constant-time comparisons to prevent timing attacks, and validating timestamps within a 5-minute window. Combine webhooks with the Webflow CMS API to create career pages where job listings stay current automatically.