Can't open iframe from CRM extension card action

Developer Support APIs & Integrations
, , ,
1

I created a Card in CRM extension and I am able to see this card in the dashboard. In the payload from fetch data uri, I speicfy the a iframe in the action and link a external URI “www.google.com”. But when I click the action to open the iframe, it shows an error: “www.google.com refused to connect.”. I have tired a few different URI but always get this “refused to connect” error. How can I specify a valid url in the iframe?

{
results: [
{
objectId: 1,
title: `Transaction History`,
key1: ‘value1’,
key2: ‘value2’,
key3: ‘value3’,
actions: [
{
type: ‘IFRAME’,
width: 890,
height: 748,
uri: ‘https://www.google.com’,
label: ‘Query transaction history’,
},
],
},
{
objectId: 2,
title: `Deposit History`,
actions: [
{
type: ‘IFRAME’,
width: 890,
height: 748,
uri: ‘https://www.google.com’,
label: ‘Query transaction history’,
},
],
},
],
};

2

Can I get any help on this issue? thanks.

3

I’m betting it’s because Google doesn’t want you to iframe their website. Try it with a website that you have control over i.e. where the X-Frame-Options header is not set to SAMEORIGIN.
Hope that helps.

4

This is funny because I came back across my reply from a Google search trying to figure something else out with Custom CRM Cards.

For anyone Googling this, my reply from last year is accurate. Google prevents iframes from embedding their site.

tominal_0-1664145847941.png
tominal_0-1664145847941.png1101×199 74.6 KB

Embedding a site that allows cross origin embeds works fine i.e. example.com.