Embedding Preview Your App on Your Site

Last Updated: May 10, 2017 04:50PM PDT
Follow these instructions to embed Preview Your App on your site. This will serve as a general preview tool that allows users to plug in whichever app code they'd like to view. 

How-To Embed Preview Your App:

1. Copy this embed code:

<iframe style="background-color: transparent;" src="https://www.cdnstabletransit.com/preview/index.php" frameborder="0" allowtransparency="true" scrolling="no" width="320" height="568"></iframe>

2. Add it to your front-end site. You can adjust the height and width by replacing the values inside the single quotation marks. Just make sure you maintain the same width:height ratio for optimum appearance.

3. Save your changes and view your updated site. You should now be able to plug an app code into the email address field (leaving the password field blank) to preview an app.





 How-To Embed App-Specific Previewer:

Follow these instructions to embed an app-specific previewer on your site. This will load one specific app, allowing you to showcase your best work.


1. Take the code below and replace the red “APPCODEHERE” with your app code:

<iframe style="background-color: transparent;" src="https://www.cdnstabletransit.com/preview/index.php?external=true&appCode=APPCODEHERE" frameborder="0" allowtransparency="true" scrolling="no" width="320" height="568"></iframe>
 

2. Copy the embed code with your new app code in it and add it to your website!