Frontify

How to integrate Frontify with Webflow

There are two ways to integrate Frontify with Webflow.

To integrate it directly, use the Frontify app from the Webflow marketplace. For quick one-off insertions or embedding entire brand guideline pages, embed Frontify content with code using iframe-based delivery. Both these methods keep your brand materials synchronized and accessible, ensuring your team always works with the latest approved assets.

Use the Frontify app

The Frontify marketplace app connects your digital asset library directly to Webflow. Install the app to browse your complete folder structure, search assets by metadata, and embed brand-approved materials without leaving your workspace. Assets embed using Frontify's CDN URLs, so updates made in your Frontify library automatically appear in your Webflow sites once caches expire.

The app requires Workspace Administrator privileges in Webflow and Viewer access or higher to your Frontify Projects and Libraries. After installing from the Webflow Apps Marketplace, connect your Frontify account by entering your Frontify domain URL and authorizing the connection. Access Frontify through the Apps section in the Webflow side navigation.

The Frontify app supports the following capabilities:

• Browse asset structure: Navigate Brands, Libraries, and Projects using Frontify's folder organization within Webflow  
• Search and filter assets: Find materials using titles, descriptions, tags, or custom metadata directly in Webflow  
• View asset details: Check licensing information and specifications before embedding  
• Embed via CDN or copy to assets: Link directly to Frontify's CDN for automatic updates, or copy files to the Webflow asset manager (4MB limit for images when copying)  
• Supported formats: jpeg, jpg, png, gif, svg, bmp, webp, avif

This integration works well for agencies managing multiple client brands, enterprise marketing teams maintaining distributed web properties, and design teams who need access to current brand materials.

Embed Frontify content with code

Frontify provides embed codes for individual assets and public link sharing for quick insertions. Generate embed codes directly from any asset in Frontify, then paste the iframe into a custom code embed element in Webflow.

To embed an individual asset, access the asset in Frontify, click the action menu (three dots), select Share → Embed tab, and copy the provided iframe code. Paste this into a custom code embed element in Webflow. Each asset embed includes optional password protection and expiration dates for controlled access.

For sharing entire collections or folders, use Frontify's public link sharing to generate shareable URLs with configurable security settings. Embed these using standard HTML iframe tags in the Webflow custom code embed element:

<iframe src="https://your-frontify-public-link-url" 
        width="800" 
        height="600" 
        frameborder="0" 
        allowfullscreen>
</iframe>

Note the following technical requirements for embedding Frontify content:

• Content must be delivered via HTTPS  
• Content cannot contain headers prohibiting embedding (X-Frame-Options)  
• Content must allow public sharing without login requirements  
• Custom code embed elements have a 50,000-character limit per instance

What you can build

Integrating Frontify with Webflow helps teams maintain brand consistency across web properties while reducing coordination overhead between brand managers, designers, and web teams.

• Multi-brand product pages: Store brand identifiers in Webflow CMS collections as metadata (color codes, logos, font specifications) while linking to corresponding Frontify asset URLs.  
• Localized regional sites: Deploy region-specific websites that share core brand assets while accessing localized content.    
• Dynamic brand guidelines: Embed brand guidelines as interactive Webflow sites using CDN-hosted content from Frontify.  
• Campaign asset libraries with versioning control: Build Webflow portfolio or case study pages that pull campaign assets directly from Frontify's versioned library.