{"id":10519,"date":"2026-01-10T22:55:05","date_gmt":"2026-01-10T14:55:05","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/"},"modified":"2026-01-10T22:55:05","modified_gmt":"2026-01-10T14:55:05","slug":"how-to-link-an-element-to-a-webpage","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/","title":{"rendered":"Como vincular um elemento a uma p\u00e1gina da web"},"content":{"rendered":"<p>No Visual Paradigm Online, voc\u00ea pode facilmente projetar diversos elementos, como textos, imagens, formas, etc., na \u00e1rea de desenho. \u00c0s vezes, voc\u00ea pode querer compartilhar um link para que os leitores cliquem e acessem sites espec\u00edficos. Ent\u00e3o, como podemos adicionar alguns links ao nosso projeto? Com a ferramenta de design no Visual Paradigm Online, voc\u00ea pode anexar qualquer link a um elemento de design. Quando as pessoas forem ler seu projeto, basta clicar no elemento e pular para o link na janela. Este \u00e9 um tutorial para ensinar voc\u00ea a adicionar um link a um elemento em poucos passos. Voc\u00ea pode assistir ao v\u00eddeo anexado ou ler o guia com as indica\u00e7\u00f5es abaixo.<\/p>\n<div class=\"epyt-video-wrapper\"><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"480\" data-origwidth=\"854\" data-skipgform_ajax_framebjll=\"\" height=\"480\" id=\"_ytid_60092\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/ECJrCI3yoAg?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"854\"><\/iframe><\/div>\n<p>1. O primeiro passo para adicionar um link \u00e9 selecionar um elemento para adicionar uma URL. Ap\u00f3s escolher um elemento para adicionar uma URL, basta clicar com o bot\u00e3o direito do mouse sobre o elemento e depois clicar em \u201d Editar link\u201d.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-15251 size-full\" decoding=\"async\" height=\"461\" loading=\"lazy\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/3-6.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/3-6.png 632w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/3-6-300x219.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/3-6-150x109.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/3-6-400x292.png 400w\" width=\"632\"\/><\/p>\n<p>2. Ap\u00f3s clicar em \u201d Editar link\u201d, uma janela para edi\u00e7\u00e3o de link ser\u00e1 exibida. Em seguida, voc\u00ea pode inserir a URL que desejar na caixa de link. Voc\u00ea tamb\u00e9m pode especificar se a URL ser\u00e1 aberta na janela atual do navegador ou em uma nova janela. Se quiser abrir o link em uma nova janela, basta marcar a caixa \u201d Abrir em nova janela\u201d no lado direito da janela de edi\u00e7\u00e3o de link. Ap\u00f3s adicionar uma URL, agora voc\u00ea pode clicar em \u201d Aplicar\u201d para confirmar o anexo ou o link a um elemento.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-15252 size-full\" decoding=\"async\" height=\"400\" loading=\"lazy\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/2-7.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/2-7.png 695w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/2-7-300x173.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/2-7-150x86.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/2-7-400x230.png 400w\" width=\"695\"\/><\/p>\n<p>3. Ap\u00f3s aplicar um link a um elemento, o link anexado aparecer\u00e1 pr\u00f3ximo ao elemento. Voc\u00ea pode tentar clicar no link para testar se o link que digitou est\u00e1 correto ou n\u00e3o. Basta clicar simplesmente no link, e voc\u00ea ser\u00e1 automaticamente redirecionado para o site que voc\u00ea anexou em uma nova janela. Por fim, o leitor poder\u00e1 visitar o link que voc\u00ea anexou clicando no elemento.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-15253 size-full\" decoding=\"async\" height=\"390\" loading=\"lazy\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png 611w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7-300x191.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7-150x96.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7-400x255.png 400w\" width=\"611\"\/><\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-15254 size-full\" decoding=\"async\" height=\"459\" loading=\"lazy\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/4-6.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/4-6.png 753w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/4-6-300x183.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/4-6-150x91.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/4-6-400x244.png 400w\" width=\"753\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No Visual Paradigm Online, voc\u00ea pode facilmente projetar diversos elementos, como textos, imagens, formas, etc., na \u00e1rea de desenho. \u00c0s vezes, voc\u00ea pode querer compartilhar um link para que os leitores cliquem e acessem sites espec\u00edficos. Ent\u00e3o, como podemos adicionar alguns links ao nosso projeto? Com a ferramenta de design no Visual Paradigm Online, voc\u00ea [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":10520,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[43,42],"tags":[],"class_list":["post-10519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","category-online-diagram","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como vincular um elemento a uma p\u00e1gina da web - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"With the design tool in Visual Paradigm Online, you are available to attach any link to the design element. When people read through your design, they can just click on the element and jump to the link in the window.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como vincular um elemento a uma p\u00e1gina da web - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"With the design tool in Visual Paradigm Online, you are available to attach any link to the design element. When people read through your design, they can just click on the element and jump to the link in the window.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:55:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png\" \/>\n\t<meta property=\"og:image:width\" content=\"611\" \/>\n\t<meta property=\"og:image:height\" content=\"390\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpleanda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpleanda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/\",\"name\":\"Como vincular um elemento a uma p\u00e1gina da web - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/1-7.png\",\"datePublished\":\"2026-01-10T14:55:05+00:00\",\"dateModified\":\"2026-01-10T14:55:05+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039\"},\"description\":\"With the design tool in Visual Paradigm Online, you are available to attach any link to the design element. When people read through your design, they can just click on the element and jump to the link in the window.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/1-7.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/1-7.png\",\"width\":611,\"height\":390},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como vincular um elemento a uma p\u00e1gina da web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039\",\"name\":\"vpleanda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g\",\"caption\":\"vpleanda\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/author\/vpleanda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como vincular um elemento a uma p\u00e1gina da web - Visual Paradigm Blog","description":"With the design tool in Visual Paradigm Online, you are available to attach any link to the design element. When people read through your design, they can just click on the element and jump to the link in the window.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/","og_locale":"pt_PT","og_type":"article","og_title":"Como vincular um elemento a uma p\u00e1gina da web - Visual Paradigm Blog","og_description":"With the design tool in Visual Paradigm Online, you are available to attach any link to the design element. When people read through your design, they can just click on the element and jump to the link in the window.","og_url":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:55:05+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png","type":"","width":"","height":""},{"width":611,"height":390,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png","type":"image\/png"}],"author":"vpleanda","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/1-7.png","twitter_misc":{"Escrito por":"vpleanda","Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/","url":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/","name":"Como vincular um elemento a uma p\u00e1gina da web - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/1-7.png","datePublished":"2026-01-10T14:55:05+00:00","dateModified":"2026-01-10T14:55:05+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039"},"description":"With the design tool in Visual Paradigm Online, you are available to attach any link to the design element. When people read through your design, they can just click on the element and jump to the link in the window.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/1-7.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/1-7.png","width":611,"height":390},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-link-an-element-to-a-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Como vincular um elemento a uma p\u00e1gina da web"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website","url":"https:\/\/blog.visual-paradigm.com\/pt\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039","name":"vpleanda","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4413a1c67e930f1a1dc6be9f25558fbf?s=96&d=mm&r=g","caption":"vpleanda"},"url":"https:\/\/blog.visual-paradigm.com\/pt\/author\/vpleanda\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=10519"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10519\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/10520"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=10519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/categories?post=10519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/tags?post=10519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}