It is not possible to properly embed an application iframe on Wordpress so it works and looks well on mobile. We develop custom iframes that can be uploaded and linked to directly, which are designed to work correctly and look much better.

Here is an example of an application iframe embedded on Wordpress:

https://dl2.pushbulletusercontent.com/N49BXVkn9RvEgahO4HSBcdMPVBSNd4AA/IMG_3605.PNG

https://dl2.pushbulletusercontent.com/2xXRv9nebjZYL3g6PxUeYa45fKjtkPEM/IMG_3606.PNG

Here is an example of directly uploading the application iframe we designed:

https://dl2.pushbulletusercontent.com/1Cgq1BbalXyXMCysl44ob4TuVSIio7Vk/IMG_3607.PNG

https://dl2.pushbulletusercontent.com/twljZWVZpNcnKK8McjsHXqtkRzju7tZ6/IMG_3608.PNG

As you can see, the result is a much more attractive. You do NOT want to embed the iframe within the Wordpress theme as either a post or work, unless you create a custom page type (which is more trouble than it is worth).

So the best way is to:

1. Put the iframe we sent into a php file (file.php for example)
2. Copy the file to your server and access it as www.mysite.com/file.php

Or you can:

1. Put the file in index.php and put it in a folder ('test' for example)
2. Copy the folder to your Wordpress webserver
3. You can access it as www.mysite.com/test/

You can also create a special page type (all steps not listed):

1. Create a new page type that simply includes our iframe
2. Create a page on Wordpress with that page type
3. For more information, see the Wordpress article