[vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ min_height=”220″][vc_column width=”1/2″][vc_empty_space height=”30px”][vc_column_text css=”.vc_custom_1447682650450{margin-bottom: -10px !important;}”]
Embed
[/vc_column_text][vc_column_text letter_spacing=”” css=”.vc_custom_1474980907260{margin-right: 5% !important;}”]
With the “Embed” tool you can display an external Web page on your project.
[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_empty_space height=”50px”][vc_column_text css=”.vc_custom_1447682704256{margin-left: 5% !important;}”]
Here are the different options proposed by Racontr that we will approach:
[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=””][vc_column width=”5/6″][vc_single_image image=”123″ img_size=”full” alignment=”center”][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]
First step: Add and configure an embed
[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]You can “embed” Web pages inside your projects. That is to say that you can display a web content in the heart of your page.
- To do so, select “embed” in the add an element section,
- This will create an embed on your page.
[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5781″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751910163{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]
- Now, you have to click on setting of the element. Like other media, you can change many settings.
- Click on “parameters”
- Insert a link then click on “update”.
[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5784″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751930166{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]
Tips: Create embed from a text block
[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]With the HTML editor of the text block, you will be able to integrate an image, video or an Iframe. This is an alternative to embed if the plugins doesn’t work
- First, create a text block and in its properties,
- click “source” (the block HTML editor).
[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5772″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751957425{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]Copy and paste the full link of your image, for example http://www.lonelyplanet.fr/_img/lp_maps/fr/
indonesia/indonesia.gif
You will have to add HTML tags
You need to add HTML tags at the beginning of an image link on this form:
<img src="">
The result will be:
<img src="http://www.lonelyplanet.fr/_img/lp_maps/fr/indonesia/indonesia.gif">
[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5775″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751977159{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]You just use the text block to create an embed with a Web image ![/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5778″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751992127{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_empty_space height=”50px”][vc_widget_sidebar sidebar_id=”sidebar-1″][/vc_column][/vc_row][vc_row padding_top=”0″ padding_bottom=”0″][vc_column][vc_empty_space][vc_single_image image=”132″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]
More
tutorials:
[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]
[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]
[/vc_column_text][/vc_column][/vc_row]