How do I embed my HTML5 game into my website using Weebly?

[MrColz]

I'm quite new to Clickteam, and I have a small test game ready and I want to see if I can upload it to my website. I have looked around different forums, but found nothing. Is there a way to upload a Clickteam HTML5 game to a Weebly website?

[MrColz]

Nevermind! Guys! I found out how, and I'll tell you how here!

1st step: Have your game folder with your resouces, src, and index files are exported.

2nd step: Go to Weebly, click on "Theme," and then click "Edit Html/Css"

3rd Step: Scroll down to "assets" and click the little gear icon or three dots next to the Assets folder and click "Create Folder" and make it the name of the folder your exported files are in (resources, src, etc.).

4th step: Now that you have the folder created, go to that new folder, go to the gear icon next to that, and create 2 new folders and name them exactly how it is in the exported folder, which means you need a "resources" and "src" folder.

5th step: Now go to the resources folder, click the gear icon, click "Upload File(s)" and then navigate to the resources folder and highlight everything in it, and upload them all. Repeat this step for the "src" folder.

6th step: Now that the runtime.js is in src, and all the resource files are in the resource folder, just scroll up to the first folder you made, click the gear, and upload the index.html folder to it.

7th step: Now, all you need to do is get the URL for the html file, which should be: https://(name of site).weebly.com/files/theme/(name of game folder)/index.html

Final step: Now that you have that URL copied, just go to your page you want the game on, drag and drop "Embed Code" wherever you want it, then open the window and add in this iframe code:

<iframe src="https://(name of site).weebly.com/files/theme/(name of game folder)/index.html" width="(whatever it is)" height="(whatever is it)"</iframe>

And you're done!

EDIT PLEASE READ: You can't upload html files to weebly as of now, so just export your game as a .swf (flash file) and upload it that way. There should be plenty of 30 second tutorials on how to add a swf file to your site.

[Linky]

Originally posted by MrColz:

Nevermind! Guys! I found out how, and I'll tell you how here!

1st step: Have your game folder with your resouces, src, and index files are exported.

2nd step: Go to Weebly, click on "Theme," and then click "Edit Html/Css"

3rd Step: Scroll down to "assets" and click the little gear icon or three dots next to the Assets folder and click "Create Folder" and make it the name of the folder your exported files are in (resources, src, etc.).

4th step: Now that you have the folder created, go to that new folder, go to the gear icon next to that, and create 2 new folders and name them exactly how it is in the exported folder, which means you need a "resources" and "src" folder.

5th step: Now go to the resources folder, click the gear icon, click "Upload File(s)" and then navigate to the resources folder and highlight everything in it, and upload them all. Repeat this step for the "src" folder.

6th step: Now that the runtime.js is in src, and all the resource files are in the resource folder, just scroll up to the first folder you made, click the gear, and upload the index.html folder to it.

7th step: Now, all you need to do is get the URL for the html file, which should be: https://(name of site).weebly.com/files/theme/(name of game folder)/index.html

Final step: Now that you have that URL copied, just go to your page you want the game on, drag and drop "Embed Code" wherever you want it, then open the window and add in this iframe code:

<iframe src="https://(name of site).weebly.com/files/theme/(name of game folder)/index.html" width="(whatever it is)" height="(whatever is it)"</iframe>

And you're done!

Glad you solved it and also explaining how you did was really nice for people who didn't know how

[MrColz]

Originally posted by It's me Linky:

Originally posted by MrColz:

Nevermind! Guys! I found out how, and I'll tell you how here!

1st step: Have your game folder with your resouces, src, and index files are exported.

2nd step: Go to Weebly, click on "Theme," and then click "Edit Html/Css"

3rd Step: Scroll down to "assets" and click the little gear icon or three dots next to the Assets folder and click "Create Folder" and make it the name of the folder your exported files are in (resources, src, etc.).

4th step: Now that you have the folder created, go to that new folder, go to the gear icon next to that, and create 2 new folders and name them exactly how it is in the exported folder, which means you need a "resources" and "src" folder.

5th step: Now go to the resources folder, click the gear icon, click "Upload File(s)" and then navigate to the resources folder and highlight everything in it, and upload them all. Repeat this step for the "src" folder.

6th step: Now that the runtime.js is in src, and all the resource files are in the resource folder, just scroll up to the first folder you made, click the gear, and upload the index.html folder to it.

7th step: Now, all you need to do is get the URL for the html file, which should be: https://(name of site).weebly.com/files/theme/(name of game folder)/index.html

Final step: Now that you have that URL copied, just go to your page you want the game on, drag and drop "Embed Code" wherever you want it, then open the window and add in this iframe code:

<iframe src="https://(name of site).weebly.com/files/theme/(name of game folder)/index.html" width="(whatever it is)" height="(whatever is it)"</iframe>

And you're done!

Glad you solved it and also explaining how you did was really nice for people who didn't know how

Yes, I always hated it whenever I would find a forum post that was exactly what I was looking for, but the person would solve it themselves and never tell us how...