Sunday, August 17, 2014

Take a Premium Challenge for a Test Drive

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