You can embed a Project as an iFrame in any section of your existing webpages. Players can access the Project and its content on the webpage directly.
Example: Embedding a Project on a WordPress page
To embed a Project on a webpage:
From the Admin Dashboard, select the Project you want to embed.
You will be directed to the Project Manager.
At the top section of the page, click "Share".
In the pop-up window, locate Embed your Project.
Copy the iframe embed code by clicking the Copy to Clipboard icon. (Learn more on how to adjust the size)
Go to the webpage where you want the Project to appear and paste the embed code into the page’s HTML.
If the webpage supports iframe embeds, the Project will be displayed successfully.
More about the embed size...
In the embed code provided, the size of the iFrame is 1024px in width and 562px in height. You can adjust the size according to your liking:
- Copy the embed code as described in Steps 1 to 5 above.
- Paste the code on a text editor.
- Edit the value for the width and the height in the iframe embed code.
- Do take note not to edit any other parts of the embed code.
NOTE: In the process of embedding a Project, you may encounter permissions issues whereby the Project does not embed as intended. Feel free to contact us at support@gametize.com for help. |
Comments
2 comments
Lovely! The latest update to embedding on iframe: https://support.gametize.com/hc/en-gb/community/posts/360068536331--Web-App-Suggestion-to-replace-Top-Left-Back-function?mobile_site=true&sort_by=votes
Add https://app.gametize.com/project/XXX?embedded_project=true where XXX= your project's ID to disable the back button on top left screen.
cc Gametize Support.,
There is a sample embed cope snippet to embed within your HTML page:
<iframe src='https://app.gametize.com/project/1?embedded_project=true' width='1024' height='562' allowfullscreen='allowfullscreen' mozallowfullscreen='mozallowfullscreen' msallowfullscreen='msallowfullscreen' oallowfullscreen='oallowfullscreen' webkitallowfullscreen='webkitallowfullscreen'> </iframe>
Please sign in to leave a comment.