EX.CO

How to integrate EX.CO with Webflow

Video content drives engagement and revenue on content-rich websites. EX.CO provides video players with monetization capabilities through ad serving and contextual recommendations. Integrating EX.CO with Webflow gives you control over where videos appear and how they scale across your site.

You can embed EX.CO players through individual page Code Embed elements, deploy site-wide scripts, or use CMS collections for scalable video libraries. For advanced implementations requiring programmatic player management or analytics retrieval, API integration connects both platforms through custom middleware.

Add EX.CO video players with code embeds

Webflow's Code Embed element accepts EX.CO's JavaScript player codes on any page. Generate embed codes through the EX.CO dashboard, then paste them into Webflow without writing additional code.

This method works for landing pages, blog posts, product pages, and any layout where you need specific player placement. The Code Embed element renders the player where you position it in your layout and maintains responsive behavior across breakpoints.

Implementation steps:

1. Generate your EX.CO embed code through the EX.CO Dashboard for your specific video or player configuration
2. Open Webflow and navigate to the page where you want the player
3. Access Add panel → Components → Embed
4. Drag the Code Embed element to your desired location in the layout
5. Paste the EX.CO JavaScript code into the code field
6. Publish your site to activate the player

Player configuration options include single video embeds with specific video IDs, playlist players that rotate through curated collections, and contextual recommendation players that adapt content based on page context.

The Code Embed element maintains styling context from surrounding Webflow elements. You control spacing, backgrounds, and responsive behavior through native Webflow properties. The character limit for Code Embed elements is 50,000 characters.

Deploy site-wide EX.CO scripts

Webflow's custom code sections in site settings enable site-wide player deployment. Load the EX.CO player library on every page, then trigger players through page-specific embed codes or JavaScript calls.

Site-wide implementation reduces code duplication when you use EX.CO players across multiple pages. The base script loads once in the site head, while individual pages contain lightweight player initialization codes.

Implementation steps:

1. Navigate to Site settings → Custom code
2. Paste the EX.CO base player script in the Head code section
3. Add page-specific player initialization codes using Code Embed elements or Page settings → Custom code
4. Publish changes to activate the integration

Use this pattern when multiple pages require EX.CO players, you want consistent player behavior across your site, or your team manages players through the EX.CO dashboard rather than code updates.

Site-wide scripts follow Webflow's custom code execution order, loading in the head before page rendering or in the footer after DOM construction.

Scale video deployment through CMS collections

Webflow CMS collections with Embed or Plain Text fields enable dynamic EX.CO player deployment. Store embed codes in collection items, then bind Code Embed elements to those fields in Collection Template pages. This pattern scales video content without manual code updates for each new item.

Content teams add new videos by creating collection items with EX.CO embed codes pasted into designated fields. The template page automatically renders players for every item while maintaining consistent layout and functionality.

Implementation steps:

1. Create or modify a Collection with a Plain Text field named "Video Embed Code"
2. Design your Collection Template page layout
3. Add a Code Embed element where you want players to appear
4. Click Get embed code from → select your Video Embed Code field
5. Publish the site

Common CMS patterns include blog posts with video content where each post contains an embedded player, product pages with demonstration videos that showcase features or usage, case study collections with customer testimonial videos, and event archives with recorded session players.

Plain Text fields work better than Rich Text fields for embed codes. Plain Text stores raw HTML and JavaScript without modification, while Rich Text fields may alter code through editor formatting.

Work with EX.CO and Webflow APIs

EX.CO provides API access for advanced integrations requiring programmatic player management, analytics retrieval, or content synchronization between platforms. Contact your EX.CO account manager to request API documentation and credentials.

The API integration pattern connects Webflow's Data API with EX.CO's content management endpoints. Build middleware that syncs content between platforms, updates player configurations based on CMS changes, or retrieves engagement analytics for display in Webflow pages.

Technical considerations:

• Webflow enforces rate limits of 60 requests per minute for Starter and Basic plans, 120 requests per minute for CMS, Business, and Enterprise plans
• Site publishing through the API limits to 1 successful publish per minute
• HTTPS endpoints required for API calls from Webflow-hosted pages
• CORS restrictions may require backend proxy services for client-side API calls

Potential integration patterns include automated content sync that publishes new Webflow blog posts as EX.CO video collection items, analytics dashboards that fetch EX.CO engagement metrics and display them in Webflow admin pages, and dynamic player configuration that adjusts EX.CO player settings based on Webflow CMS data.

What you can build

Integrating EX.CO with Webflow enables video experiences that drive engagement and revenue across content-rich websites.

• Monetized content hubs: Embed contextual video players in editorial content to generate ad revenue through programmatic partnerships while maintaining site design control
• Engagement-optimized landing pages: Deploy recommendation engines that serve contextually relevant video content based on visitor behavior and page context
• Scalable video libraries: Build CMS-powered video archives where content teams publish new videos by creating collection items with embedded players, maintaining consistent player styling and functionality across archived videos