Embed the apps at the wordpress?

Dian_Ashari · 11-20-2019 05:45 AM

is it possible embed the app we craeted at the wordpress?
i have followed the step by using the iframe, but still can’t.

eddie1

Hi Dian, yes it’s definitely possible. Here’s an example of an iframe I used for an AppSheet blog post:

< iframe style=“margin: 0px auto; display: block;” xml=“lang” src=“https://www.appsheet.com/samplesembed/embed?appGuidString=5c02fe87-3b36-490b-9671-9250c04b8cfa” width=“560” height=“650” frameborder=“0” data-service=“appsheet”>

Steps:

Remove the space between the initial “<” and “iframe” (if I connect it, then it automatically turns this into an embed.
Replace the appGuidString “5c02fe87-3b36-490b-9671-9250c04b8cfa” with the string for your app. Make sure your app data settings are set to public if you’re planning on displaying this in a public Wordpress.
If you want to share your data in Google Sheets, be sure to go to FIle => Publish to the Web => Publish

Dian_Ashari

i have try the step but still can’t embed in my wordpress or google site.
i’am in trial now.
did i have to choice plan first, to able embed the app at my wordpress or google site?
is the html wrong?
< iframe style=“margin: 0px auto; display: block;” xml=“lang” src=“https://www.appsheet.com/samplesembed/embed?appGuidString=9ff122c8-9dbe-4e91-8eaf-84810198b6b6” width=“560” height=“650” frameborder=“0” data-service=“appsheet”>

eddie1

Have you set your security preferences accordingly?

And have you deployed your app already?

Jerry_Lan

Jerry_Lan

It does not seem to embed anything. here is what I copied and pasted:

< iframe style=“margin: 0px auto; display: block;” xml=“lang” src=“https://www.appsheet.com/samplesembed/embed?appGuidString=c1ab6749-cd9d-41c2-a505-c64f2ea835e1” width=“560” height=“650” frameborder=“0” data-service=“appsheet”>

I have put a space in front of iframe like you.

hru

Hi @Jerry_Lan, I think for embedding in your website, you have to remove that space.

Jerry_Lan

Hi @Heru! Thanks but I did remove the space here but its blank as you can see… Any idea why its blank?

hru

If you have:

Deployed the apps
Set Required user sign-in to OFF
Make data in the app as public - ON
Authorizing to set-up insecure app - ON
Changed the “https://www.appsheet.com/samplesembed/embed?appGuidString=5c02fe87-3b36-490b-9671-9250c04b8cfa" with the browser link obtained from your User>Link in the editor.

It should work, if not, you might better to send email to support@appsheet.com for better assistance.

Jerry_Lan

hru

Hi @Jerry_Lan,

I believed that the working iframe code for you is as below, I have wrapped inside the code block to avoid misundestanding:

<iframe style=“margin: 0px auto; display: block;” xml=“lang” src="https://www.appsheet.com/preview/c1ab6749-cd9d-41c2-a505-c64f2ea835e1?refresh=1&wipe=1" width=100% height=100% frameborder=“0” data-service=“appsheet”/>

You should then get to view below snapshot, which is your app (I’ve blocked your email address):

I Hope this help.

ShakthiKotapati

@hru wrote:
<iframe style=“margin: 0px auto; display: block;” xml=“lang” src="https://www.appsheet.com/preview/c1ab6749-cd9d-41c2-a505-c64f2ea835e1?refresh=1&wipe=1" width=100% height=100% frameborder=“0” data-service=“appsheet”/>

Is this method still working with wordpress websites or any changes required

TedM

I've just used the following to embed an app in my wordpress site (this shows a phone-sized app)