How do I link to an external HTML file? (10k custom code limit workaround)

Design help Custom code
1

I’m using an interactive map plugin (MapSVG jquery) on my site, but it exceeds the 10k custom code character limit. I’ve dropped the code into an HTML file that is hosted elsewhere, but I’m getting errors when I try to call it.

Here’s my Read-Only link: https://preview.webflow.com/preview/technoserve-2018-annual-report?utm_source=technoserve-2018-annual-report&preview=d9fa70200b60772c83e5f3f47f11ae3c

And here’s the published link:

I’ve pulled this code from a different forum post, but I’m just blindly copying and pasting.

This is the error: Access to XMLHttpRequest at ‘https://technoserve.org/_2018test/mapsvg/tns-map.html’ from origin ‘https://www.technoserve.org’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Is there something wrong with what I’ve done? Or is this a non-Webflow error?

I truly adore Webflow, but the lack of hosting for .js and .css files paired with the 10k limit is seriously turning my hair gray.

Any help is hugely appreciated.

2

Correct. Contact the webmaster at https://www.technoserve.org

3

Hi @madewithrelish,

What type of file would you like tho externally host ? Javascript ?
I usually create a repository on Github with a free account. I then use jsDelivr as CDN for free as well.

EDIT:
You should have the right to share that type of script. If you had to licence it, you might not be allowed to share it on a public CDN. Thanks @webdev for letting us know.

Bellow are some step by step process, maybe it helps ?

1
11920×1080 129 KB
2
21920×1080 143 KB
3
31920×1080 131 KB
4
41920×1080 124 KB
5
51920×1080 133 KB
6
61920×1080 260 KB

1 Like
4

@anthonysalamin, THANK YOU SO MUCH. This worked, and I am so appreciative.

1 Like
5

Glad I could help !
Good luck with your project :slight_smile:

6

Is not a free product. It is licensed. Placing in on a CDN where you can’t control access (public) may be a violation of the products licensing and could expose you to liability. The developer does not share the project via a CDN. You should contact the MAPSVG developer for clarification.

The webmaster at your other site, could have easily opened access from your organizational site.

1 Like
7

I had the same issue and the workaround of @anthonysalamin worked for me as well.
But it seems to me like a disproportionate effort.

Why not keep it simple and just allow unlimited embeded code and keep everything on one place?