Embed
Embedding an 8th Wall project in an iFrame
-
Open your Studio project.
-
Click Publish. Under the Publish section in the top left, select Embed.
-
Customize your embed:
- Embed Type: Select the type of embed you want to create - you can choose either a simple iFrame or a full HTML page.
-
Click Copy to copy the embed code to your clipboard.
-
Paste the embed code into your website source code. You can also customize the embed code to your needs.
Publishing your 8th Wall project to gaming platforms
8th Wall iFrames are compatible with and can be published to many gaming platforms.
Itch.io
- Download the Full HTML embed code.
- Log in to Itch.io and create a new project.
- Fill in the project details:
- Under Kind of project, select HTML.
- Under Uploads, select Upload files. Upload the
index.htmlfile that you downloaded in Step 1. Check the This file will be played in the browser checkbox. - Under Embed options, choose the appropriate sizing for your project.
- Finish configuring your game and publish it.
Viverse
- Download the Full HTML embed code. Make a
.zipfile of thisindex.htmlfile. - Sign in to Viverse and go to Viverse Studio.
- Under Upload Your Own Build, click Upload.
- Click Create New World.
- Enter the Name and Description for your project, then click Create.
- Click Content Versions.
- Under New Version, click Select File. Upload the
.zipfile you created in Step 1, then click Upload. - Under iframe Support for Preview, click Apply iframe Settings and enable all permissions that your project requires.
- Note that Viverse will put the iFrame that you downloaded from 8th Wall in it's own iFrame, and both the Viverse and 8th Wall iFrames will need to grant a permission which your project requires.
- Finish configuring your game and publish it.
Game Jolt
- Download the Full HTML embed code. Make a
.zipfile of thisindex.htmlfile. - Sign in to Game Jolt and go to Game Jolt Store.
- Click Add Your Game.
- Enter the project details and click Save & Next.
- On your game dashboard, under Packages, click Add Package.
- Under Edit package, click New Release.
- Click Upload Browser Build. Upload the
.zipfile you created in Step 1. - Configure your game dimensions, or select Fit to screen? if you want the game to fit the screen.
- Finish configuring your game and publish it.
GamePix
Important
GamePix does not allow games with external links. This means to publish your game there, you must purchase a White Label Subscription to remove the 8th Wall branding and Default Splash Screen.
- Download the Full HTML embed code. Make a
.zipfile of thisindex.htmlfile. - Sign up for a GamePix Developer Account and go to the GamePix Dashboard.
- Click Create New Game.
- Enter the game details and click Create.
- Under Info, select HTML5-JS under Game Engine.
- Under Build, click Browse File. Upload the
.zipfile you created in Step 1. - Finish configuring your game and publish it.
Newgrounds
- Download the Full HTML embed code. Make a
.zipfile of thisindex.htmlfile. - Sign up for a Newgrounds account.
- Click the arrow in the top right corner and select Game (swf, HTML5)
- Under Submission File(s), click Upload File. Upload the
.zipfile you created in Step 1. - Configure your game dimensions and check Touchscreen friendly
- Finish configuring your game and publish it.
Y8
- Download the Full HTML embed code. Make a
.zipfile of thisindex.htmlfile. - Log into Y8.
- Make sure you have verified your email, then create a free Y8 Storage Account.
- Under Game, choose Zip and then HTML5.
- Click Choose File. Upload the
.zipfile you created in Step 1. If you have not created a Storage Account it will fail. If that happens, click Create Storage Account to create one, then refresh the Upload Your Content to Y8 page and try again. - Finish configuring your game and publish it.
Poki
- Go to the Poki Developer Portal.
- Fill in your project details, using the link to your 8th Wall experience (e.g. https://8w.8thwall.app/my-project) under Link to your game.
- Click Share your game.
Kongregate
- Email the Kongregate team at bd@kongregate.com. Include the link to your 8th Wall experience (e.g. https://8w.8thwall.app/my-project) in your email.
Armor Games
- Email the Armor Games team at mygame@armorgames.com. Include the link to your 8th Wall experience (e.g. https://8w.8thwall.app/my-project) in your email.
Addicting Games
- Download the Full HTML embed code. Make a
.zipfile of thisindex.htmlfile. - Email the Addicting Games team at games@addictinggames.com. Include the
.zipfile you created in Step 1 in your email, as well as all of the other information they request in the Addicting Games Developer Center.
Lagged
- Email the Lagged team at contact@lagged.com. Include the link to your 8th Wall experience (e.g. https://8w.8thwall.app/my-project) in your email.
- Once you are approved, you can sign up for a Lagged account using the Invite Code they provide you and upload your game.