[TS-VCSC-Spacer height=”20″]

EMBED IFRAME

EASILY EMBED NON-BLOCKING EXTERNAL WEBSITES

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”40″][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”critical” panel_icon=”fa fa-info-circle” font_title_family=”Default:regular” font_content_family=”Default:regular”]

Please be aware that more and more websites are now using restrictive “X-Frame-Options”, which prevents iFrames from loading websites from different domains. That is not an error/problem of this plugin, but a security setting put in place by the respective website you are attempting to embed.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″ el_file=””]

“Composium – Visual Composer Extensions” provides you with an easy way to embed iFrames in to your page. You can show the iFrame as a lightbox from a variety of triggers, or embed it directly.

[TS_VCSC_Fancy_List list_type=”image” marker_image=”http://www.mfdsgn.com/mf/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_check_blue.png”]
  • Open iFrame in lightbox or embed directly into page
  • Have iFrame automatically set its width, manually set responsive width in % or a fixed set in px
  • Have iFrame automatically set it height (via 16:9 ratio) or set a fixed height in px
  • Define lightbox height and width in percent of viewport, define fixed dimensions or use auto-size
  • Show IFrame in full width when embedded directly
  • Add Border to iFrame when embedded directly
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height=”20″ el_file=””]
our-client4
[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”20″]

IFRAME IN LIGHTBOX

EASILY EMBED NON-BLOCKING EXTERNAL WEBSITES

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”20″]

iFrame via Lightbox

[TS-VCSC-Divider divider_border_thick=”2″]

Default Thumbnail

[TS-VCSC-Divider][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_title=”This contains an iframe element” content_tooltip_content=”Click the image to open the iframe in a lightbox.”]

Custom Image

[TS-VCSC-Divider][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”image” content_iframe_image=”22435″ content_iframe_title=”This contains an iframe element” lightbox_width=”widthpercent” lightbox_width_percent=”50″ lightbox_height=”heightpercent” lightbox_height_percent=”75″ content_tooltip_content=”Click the image to open the iframe in a lightbox.”][TS-VCSC-Spacer height=”20″ el_file=””]

Text

[TS-VCSC-Divider][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”text” content_iframe_text=”View Page” content_tooltip_content=”Click the text to open the iframe in a lightbox.”]

Font Icon

[TS-VCSC-Divider][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”icon” content_iframe_icon=”fa fa-book” content_iframe_iconsize=”120″ content_iframe_iconcolor=”#dd8500″ lightbox_width=”widthpercent” lightbox_width_percent=”90″ lightbox_height=”heightpercent” lightbox_height_percent=”90″ content_tooltip_content=”Click the icon to open the iframe in a lightbox.”][TS-VCSC-Spacer height=”20″]

Custom

[TS-VCSC-Divider][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”custom” content_raw=”JTNDYnV0dG9uJTIwY2xhc3MlM0QlMjJidXR0b24lMjIlMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIwJTIzMDAwMDAwJTNCJTIyJTNFVmlldyUyMFBhZ2UlM0MlMkZidXR0b24lM0U=” lightbox_group_name=”nachogroup” content_tooltip_content=”Click the text to open the iframe in a lightbox.”]

Buttons

[TS-VCSC-Divider][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”winged” content_iframe_buttontext=”View Page” content_iframe_title=”This contains an iframe element” content_iframe_subtitle=”Click image to open iframe” content_tooltip_content=”Click the image to open the iframe in a lightbox.”][TS-VCSC-Spacer height=”20″ el_file=””][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”simple” content_iframe_buttontext=”View Page” content_tooltip_content=”Click the button to open the iframe in a lightbox.”][TS-VCSC-Spacer][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”flaticon” content_iframe_icon=”fa fa-wikipedia-w” content_iframe_buttonstyle=”ts-dual-buttons-color-turquoise-flat” content_iframe_buttonhover=”ts-dual-buttons-preview-green-sea-flat ts-dual-buttons-hover-green-sea-flat” content_iframe_buttontext=”View Page” content_iframe_title=”This contains an iframe element” content_tooltip_content=”Click the button to open the iframe in a lightbox.”][TS-VCSC-Spacer height=”20″ el_file=””][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” content_lightbox=”true” content_iframe_trigger=”flat” content_iframe_buttonstyle=”ts-dual-buttons-color-peter-river-flat” content_iframe_buttonhover=”ts-dual-buttons-preview-belize-hole-flat ts-dual-buttons-hover-belize-hole-flat” content_iframe_buttontext=”View Page” content_iframe_title=”This contains an iframe element” content_tooltip_content=”Click the button to open the iframe in a lightbox.”]
[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”20″]

DIRECT EMBED IFRAME

EASILY EMBED NON-BLOCKING EXTERNAL WEBSITES

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”40″ el_file=””][TS-VCSC-IFrame content_iframe=”http://wikipedia.org” iframe_height=”heightpixel” iframe_height_pixel=”500″ border_type=”double” border_thick=”3″ border_color=”#ededed”][TS-VCSC-Spacer height=”40″ el_file=””]