Do you have your own website, and you're wondering how to embed a challenge and what it would look like on your site? Go ahead and take one for a test drive - just follow the steps below to embed this sample challenge on a page on your own site.
Once you've created your own custom challenge on Challenge Builder, we provide you with a single line of code that you can use to embed that challenge on your own site. For our example - here is the challenge we created. And here is the code to embed it on your site:
<iframe src="http://www.challengebuilder.com/show_iframe.jsp?id=553&access_key=1463023a953136294ac5f1d4b82b092a" style="height: 1560px; width: 100%;"></iframe>
Here's what the result looks like:
If the challenge doesn't fit great on your site, you can adjust the dimensions yourself by changing the height/width numbers highlighted in that code. For example, here's the result for the following modified dimensions:
<iframe src="http://www.challengebuilder.com/show_iframe.jsp?id=553&access_key=1463023a953136294ac5f1d4b82b092a" style="height: 600px; width: 600px;"></iframe>
Note: If your site is built on WordPress, you may need one extra step if you haven't used iframes before. Here is an iframe plugin for WordPress, and here is a video with instructions on how to install it. The format for this is slightly different: [iframe src="http://www.challengebuilder.com/show_iframe.jsp?id=553&access_key=1463023a953136294ac5f1d4b82b092a" width="100%" height="1560"]
That's all there is to it! If you want to get started, or have any questions, just contact us at info@challengebuilder.com.
- The Challenge Builder Team
No comments:
Post a Comment