{"id":4426,"date":"2018-04-25T16:27:25","date_gmt":"2018-04-25T19:27:25","guid":{"rendered":"https:\/\/blog.clusterweb.com.br\/?p=4426"},"modified":"2018-04-24T16:31:24","modified_gmt":"2018-04-24T19:31:24","slug":"como-abrir-um-site-externo-dentro-de-uma-pagina-html-dicas-wordpress","status":"publish","type":"post","link":"https:\/\/blog.clusterweb.com.br\/?p=4426","title":{"rendered":"Como Abrir um Site Externo dentro de uma p\u00e1gina HTML dicas wordpress"},"content":{"rendered":"

Hoje vou est\u00e1 compartilhando com voc\u00ea\u00a0como abrir um website externo<\/strong>\u00a0atrav\u00e9s da configura\u00e7\u00e3o do\u00a0iframe<\/em>\u00a0dentro do HTML do seu site.<\/p>\n

Funciona tamb\u00e9m em WordPress!<\/strong><\/em><\/p>\n

Foi atrav\u00e9s desse c\u00f3digo que conseguimos realizar\u00a0um\u00a0trabalho de\u00a0personaliza\u00e7\u00e3o<\/strong>\u00a0no site de um cliente.<\/p>\n

A solicita\u00e7\u00e3o do cliente era exibir uma\u00a0vitrine de vendas de apostilas<\/strong>\u00a0dentro de uma p\u00e1gina do site em WordPress.<\/p>\n

Essas informa\u00e7\u00f5es seriam puxadas atrav\u00e9s de um site de afiliados e exibida dentro do seu site.<\/p>\n

A solu\u00e7\u00e3o ideal para esta configura\u00e7\u00e3o seria\u00a0criar um link<\/em>\u00a0apontando para o site de afiliados ou ent\u00e3o utilizando o\u00a0iframe\u00a0<\/em>dentro da p\u00e1gina do site.<\/p>\n

Foi ent\u00e3o, que atrav\u00e9s do\u00a0iframe<\/strong>\u00a0configurado no site, conseguimos exibir a vitrine de afiliados n\u00e3o sendo necess\u00e1rio o visitante sair do site para ir at\u00e9 o site das apostilas.<\/p>\n

Tudo isso de uma maneira bem simples e f\u00e1cil de ser feita.<\/p>\n

<\/p>\n

Se voc\u00ea acha que algum dia esse c\u00f3digo possa ser \u00fatil pra voc\u00ea, ent\u00e3o guarde o c\u00f3digo em algum arquivo para utiliz\u00e1-lo quando precisar.<\/p>\n

Exemplo para utiliza\u00e7\u00e3o:<\/strong>\u00a0chamar um website externo, r\u00e1dio, calend\u00e1rio, pesquisa, etc<\/em>\u2026<\/p>\n

O trabalho foi realizado no site do cliente desenvolvido em\u00a0WordPress<\/a>. Fizemos a chamada atrav\u00e9s do iframe e funcionou de acordo com o que ele estava precisando!<\/p>\n

Lembrando que voc\u00ea pode inserir o iframe em qualquer site que voc\u00ea consiga inserir c\u00f3digo HTML atrav\u00e9s do c\u00f3digo fonte do site.<\/p>\n

Para\u00a0que o processo seja\u00a0poss\u00edvel, basta colocar o seguinte c\u00f3digo no seu site:<\/h3>\n

Copie o c\u00f3digo e cole dentro da \u00e1rea que gostaria de colocar no site<\/em>.<\/p>\n

<iframe style=\"border: 0;\" src=\"WEB Site\" width=\"400px\" height=\"600px\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/code><\/p>\n

Lembrando que voc\u00ea tamb\u00e9m pode utilizar o c\u00f3digo dentro de sites criado em WordPress como foi no nosso caso. O processo para ser realizado \u00e9 bem simples.<\/p>\n

Acesse a p\u00e1gina do WordPress que voc\u00ea quer colocar o c\u00f3digo.<\/em><\/p>\n

Basta\u00a0colocar o c\u00f3digo clicando na aba \u201cTexto<\/strong><\/em>\u201d ao lado da aba \u201cVisual<\/strong><\/em>\u201d do site WordPress.<\/p>\n

\"wordpress\"<\/p>\n

>> Informa\u00e7\u00f5es sobre o c\u00f3digo:<\/strong><\/p>\n

Onde aparece \u201cWEB\u00a0Site<\/strong><\/em>\u201d no c\u00f3digo do\u00a0iframe<\/em>\u00a0substituir pelo endere\u00e7o do\u00a0Web Site<\/strong>que voc\u00ea gostaria de chamar dentro da sua p\u00e1gina.<\/p>\n

Ex: http:\/\/www.google.com<\/p>\n

Width<\/strong>\u00a0\u2013 Essa op\u00e7\u00e3o voc\u00ea define a largura do iframe dentro do seu site.<\/p>\n

Height<\/strong>\u00a0\u2013 Essa op\u00e7\u00e3o voc\u00ea define a altura do iframe.<\/p>\n

Agora \u00e9 s\u00f3 voc\u00ea\u00a0configurar dentro do seu site e publicar. Qualquer d\u00favida \u00e9 s\u00f3 comentar!<\/p>\n","protected":false},"excerpt":{"rendered":"

Hoje vou est\u00e1 compartilhando com voc\u00ea\u00a0como abrir um website externo\u00a0atrav\u00e9s da configura\u00e7\u00e3o do\u00a0iframe\u00a0dentro do HTML do seu site. Funciona tamb\u00e9m em WordPress! Foi atrav\u00e9s desse c\u00f3digo que conseguimos realizar\u00a0um\u00a0trabalho de\u00a0personaliza\u00e7\u00e3o\u00a0no site de um cliente. A solicita\u00e7\u00e3o do cliente era exibir uma\u00a0vitrine de vendas de apostilas\u00a0dentro de uma p\u00e1gina do site em WordPress. Essas informa\u00e7\u00f5es seriam […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[455,730,1,725,42,51,495],"tags":[1151,378,353,769,813,1152,1153,878,856,370,807,435],"class_list":["post-4426","post","type-post","status-publish","format-standard","hentry","category-apache2","category-clusterweb","category-viazap","category-hospedagem","category-leitura-recomendada","category-linux-linuxrs","category-profissional-de-ti","tag-abrir","tag-como","tag-de","tag-dentro","tag-dicas","tag-externo","tag-html","tag-pagina","tag-site","tag-um","tag-uma","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=\/wp\/v2\/posts\/4426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4426"}],"version-history":[{"count":1,"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=\/wp\/v2\/posts\/4426\/revisions"}],"predecessor-version":[{"id":4427,"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=\/wp\/v2\/posts\/4426\/revisions\/4427"}],"wp:attachment":[{"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.clusterweb.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}