External Scripts
Many modern websites rely on JavaScript libraries for carousels, scroll animations, page transitions, and more. Convertex ensures these dependencies make it into your Webflow project by detecting them automatically and injecting the appropriate CDN links as embed blocks in the JSON output.
Why External Scripts Matter
Webflow's native functionality covers many use cases, but plenty of designs depend on third-party JavaScript -- a Swiper carousel, GSAP animations, AOS scroll reveals, or a Lenis smooth-scroll implementation. Without these scripts, the converted Webflow page would look correct but behave incorrectly.
Convertex bridges this gap by:
- Scanning your code for references to known JavaScript libraries.
- Suggesting the correct CDN links so you do not have to hunt for them.
- Injecting scripts as embed blocks in the Webflow JSON, ready to work as soon as you paste.
How It Works
- Detection -- When you paste code or run a conversion, Convertex analyzes your HTML, CSS, and JavaScript for patterns that match 30+ supported libraries (class names, function calls, import statements, CDN URLs).
- Review -- Detected scripts appear in the Scripts Panel (right sidebar). Each script shows the library name, version, and CDN link.
- Toggle -- You can enable or disable individual scripts before converting. Disabled scripts are excluded from the JSON output.
- Output -- Enabled scripts are injected into the Webflow JSON as
<script>and<link>embed blocks, placed in the correct order (CSS before JS, dependencies before dependents).
Plan Requirements
| Feature | Free | Starter+ |
|---|---|---|
| Manual script management | Yes | Yes |
| Auto-detection of 30+ libraries | -- | Yes |
Free-plan users can still add scripts manually via CDN URLs. Auto-detection of libraries is available on Starter plans and above.
The Scripts Panel
The Scripts Panel is accessible from the right sidebar of the editor (plug icon). It has two sections:
- Detected Scripts Starter -- Libraries identified automatically from your code. Each entry has a toggle to include or exclude it.
- Manual Scripts -- Custom CDN links you have added by hand. These are always available regardless of plan.
Both sections display the script name, URL, and a toggle switch. Scripts are processed in the order they appear -- drag to reorder if needed.
What's Next?
- Auto-Detection -- Understand how automatic library detection works.
- Supported Libraries -- Browse the full list of 30+ libraries Convertex can detect.
- Manual Scripts -- Learn how to add custom CDN links.
- FAQs -- Common questions about script handling.