SOLVED
Home

embed iframe size

%3CLINGO-SUB%20id%3D%22lingo-sub-187906%22%20slang%3D%22en-US%22%3Eembed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-187906%22%20slang%3D%22en-US%22%3E%3CP%3EI%20really%20wish%20you%20could%20embed%20sway%20as%20a%20larger%20size%20-%20so%20it%20would%20take%20up%20most%20of%20a%20web%20page.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-187906%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EFeatures%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESway%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188828%22%20slang%3D%22en-US%22%3ERe%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188828%22%20slang%3D%22en-US%22%3E%3CP%3EGlad%20you%20got%20it%20working!%26nbsp%3B%20Sorry%2C%20I%20didn't%20immediately%20register%20that%20you%20wanted%20to%20embed%20a%20sway%20in%20something%20else%2C%20rather%20than%20embedding%20something%20(e.g.%2C%20another%20sway)%20within%20a%20sway.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EMy%20guess%20is%20that%20regular%20embed%20codes%20would%20do%20the%20trick%20for%20you%20if%20you%20changed%20the%20width%20and%20height%20values%20to%20100%25%2C%20though%20that's%20certainly%20not%20obvious%20straight%20away.%26nbsp%3B%20We'll%20have%20to%20take%20a%20look%20and%20see%20if%20there's%20anywhere%20we%20can%20add%20that%20as%20a%20tip%20-%20and%20maybe%20we%20could%20put%20a%20task%20on%20the%20list%20to%20provide%20an%20option%20on%20the%20%22Get%20embed%20code%22%20dialog.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188782%22%20slang%3D%22en-US%22%3ERe%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188782%22%20slang%3D%22en-US%22%3E%3CP%3EI%20did%20it.%20Thanks%20to%20everybody%20and%20especially%20Amnon.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20opened%20the%20source%20page%20for%20the%20wfp%20site%2C%20copied%20the%20embed%20code%2C%20replaced%20their%20sway%20with%20my%20sway%20(%3CSPAN%3EHGQt630JM81JasVu).%26nbsp%3B%3C%2FSPAN%3E%20Now%2C%20visitors%20stay%20on%20my%20site%20and%20the%20Sway%20takes%20up%20the%20whole%20page.%26nbsp%3B%20Perfect!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHere's%20the%20embed%20code%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%3C%2FP%3E%3CDIV%3E%3CBR%20%2F%3E%3CIFRAME%20src%3D%22%26quot%3B%26lt%3BA%22%20href%3D%22https%3A%2F%2Fsway.com%2Fs%2FojuzaLE1QEjRpEKx%2Fembed%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E%26amp%3Bamp%3Blt%3Ba%20href%3D%22https%3A%2F%2Fsway.com%2Fs%2FojuzaLE1QEjRpEKx%2Fembed%26amp%3Bamp%3Bamp%3Blt%3B%2FA%26amp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bquot%22%20target%3D%22_blank%22%26amp%3Bamp%3Bgt%3Bhttps%3A%2F%2Fsway.com%2Fs%2FojuzaLE1QEjRpEKx%2Fembed%26amp%3Bamp%3Bamp%3Blt%3B%2FA%26amp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Bamp%3Bquot%26amp%3Bamp%3Blt%3B%2Fa%26amp%3Bamp%3Bgt%3B%3B%20frameborder%3D%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B0%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B%20style%3D%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3Boverflow%3Ahidden%3Boverflow-x%3Ahidden%3Boverflow-y%3Ahidden%3Bheight%3A100%25%3Bwidth%3A100%25%3Bposition%3Aabsolute%3Bleft%3A0px%3Bright%3A0px%3Bbottom%3A0px%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B%20height%3D%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B100%25%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B%20width%3D%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B100%25%26amp%3Bamp%3Bamp%3Bamp%3Bquot%3B%26amp%3Bamp%3Bamp%3Bgt%3B%3C%2FIFRAME%3E%3CBR%20%2F%3E%3C%2FDIV%3E%3CP%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20should%20officially%20be%20offered%20as%20an%20alternative%20embed%20code.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188746%22%20slang%3D%22en-US%22%3ERe%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188746%22%20slang%3D%22en-US%22%3E%3CP%3EThat%20site%20looks%20great.%20How%20do%20you%20do%20it%3F%20What's%20the%20iframe%20code%20for%20that%20size%3F%3C%2FP%3E%3CP%3EI%20should%20mention%20that%20my%20sway%20is%20a%20horizontal%20scroll.%26nbsp%3B%20But%20I'd%20change%20it%20to%20vertical%20if%20it'll%20fill%20the%26nbsp%3Bentire%20page.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188692%22%20slang%3D%22en-US%22%3ERe%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188692%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20is%20possible%20to%20embed%20a%20Sway%20as%20the%20entire%20page.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EHere's%20an%20example%20by%20the%20World%20Food%20Programme%20organization.%3C%2FP%3E%0A%3CP%3EThe%20URL%20is%26nbsp%3B%3CA%20href%3D%22http%3A%2F%2Fwww.wfp.org%2Fsweden2018%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fwww.wfp.org%2Fsweden2018%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAn%20iframe%20can%20take%20the%20entire%20page%20and%26nbsp%3BSway%20can%20display%20in%20it.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20hope%20this%20helps%2C%3C%2FP%3E%0A%3CP%3EAmnon%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188660%22%20slang%3D%22en-US%22%3ERe%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188660%22%20slang%3D%22en-US%22%3E%3CP%3EI%20simply%20want%20a%20Sway%20to%20BE%20my%20webpage.%26nbsp%3B%20It%20doesn't%20have%20to%20take%20up%20the%20complete%20page%2C%20but%20most%20of%20it.%20%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20can%20change%20the%20width%2Flength%20sizes%20in%20the%20iframe%20embed%20-%20but%20it%20never%20looks%20quite%20right%20-%20and%2C%20I'm%20guessing%2C%20doing%20this%20might%20not%20play%20well%20on%20other%20formats%20(mobile%2C%20etc.).%20%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAt%20the%20moment%20my%20webpage%20redirects%20to%20a%20Sway.%20%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20like%20Sway%20-%20it's%20simple%2C%20clean%2C%20and%20easy%20to%20configure%20(sure%2C%20I'd%20like%20more%20configuration%20-%20but%20that's%20another%20post).%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188607%22%20slang%3D%22en-US%22%3ERe%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188607%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Chuck%20-%20just%20wondering%20if%20you%20tried%20the%20%22intense%20emphasis%22%20option%20on%20the%20embed%20card%3F%26nbsp%3B%20It%20came%20up%20pretty%20big%20for%20me%20when%20I%20tried%20it%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsway.com%2Fikz5SN91qiDRidGy%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsway.com%2Fikz5SN91qiDRidGy%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe'd%20be%20interested%20to%20hear%20whether%20this%20is%20what%20you're%20after%2C%20whether%20you'd%20like%20something%20different%2C%20or%20whether%20the%20button%20is%20just%20not%20very%20discoverable%20(and%20we%20know%20it's%20not%20all%20that%20obvious%20right%20now).%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188518%22%20slang%3D%22en-US%22%3ERE%3A%20embed%20iframe%20size%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188518%22%20slang%3D%22en-US%22%3EI%20get%20around%20this%20in%20two%20ways-%201)%20force%20the%20Sway%20navigation%20as%20side%20to%20side%202)%20with%20a%20%22return%20home%22%20option%20from%20the%20Sway.%20If%20you're%20careful%20you%20can%20have%20a%20navigation%20to%20the%20Sway%20that%20does%20not%20majorly%20deter%20from%20user%20experience...%20but%20I%20agree%20this%20would%20be%20a%20great%20feature.%3C%2FLINGO-BODY%3E
Highlighted
Chuck Nyren
Occasional Contributor

I really wish you could embed sway as a larger size - so it would take up most of a web page.

7 Replies
Highlighted
Solution
I get around this in two ways- 1) force the Sway navigation as side to side 2) with a "return home" option from the Sway. If you're careful you can have a navigation to the Sway that does not majorly deter from user experience... but I agree this would be a great feature.
Highlighted

Hi Chuck - just wondering if you tried the "intense emphasis" option on the embed card?  It came up pretty big for me when I tried it:

https://sway.com/ikz5SN91qiDRidGy

 

We'd be interested to hear whether this is what you're after, whether you'd like something different, or whether the button is just not very discoverable (and we know it's not all that obvious right now).

 

Thanks!

Highlighted

I simply want a Sway to BE my webpage.  It doesn't have to take up the complete page, but most of it.  

 

I can change the width/length sizes in the iframe embed - but it never looks quite right - and, I'm guessing, doing this might not play well on other formats (mobile, etc.).   

 

At the moment my webpage redirects to a Sway.  

 

I like Sway - it's simple, clean, and easy to configure (sure, I'd like more configuration - but that's another post).

Highlighted

It is possible to embed a Sway as the entire page.

 

Here's an example by the World Food Programme organization.

The URL is http://www.wfp.org/sweden2018.

 

An iframe can take the entire page and Sway can display in it.

 

I hope this helps,

Amnon

Highlighted

That site looks great. How do you do it? What's the iframe code for that size?

I should mention that my sway is a horizontal scroll.  But I'd change it to vertical if it'll fill the entire page.

Highlighted

I did it. Thanks to everybody and especially Amnon.

 

I opened the source page for the wfp site, copied the embed code, replaced their sway with my sway (HGQt630JM81JasVu).  Now, visitors stay on my site and the Sway takes up the whole page.  Perfect!

 

Here's the embed code: 

<div>
<iframe src="https://sway.com/s/ojuzaLE1QEjRpEKx/embed" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
</div>

 

This should officially be offered as an alternative embed code.

Highlighted

Glad you got it working!  Sorry, I didn't immediately register that you wanted to embed a sway in something else, rather than embedding something (e.g., another sway) within a sway.

 

My guess is that regular embed codes would do the trick for you if you changed the width and height values to 100%, though that's certainly not obvious straight away.  We'll have to take a look and see if there's anywhere we can add that as a tip - and maybe we could put a task on the list to provide an option on the "Get embed code" dialog.