{"id":11745,"date":"2026-01-10T22:55:07","date_gmt":"2026-01-10T14:55:07","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/"},"modified":"2026-01-10T22:55:07","modified_gmt":"2026-01-10T14:55:07","slug":"how-to-link-an-element-to-a-webpage","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/","title":{"rendered":"Cara Menghubungkan Elemen ke Halaman Web"},"content":{"rendered":"<p>Di Visual Paradigm Online, Anda dapat dengan mudah merancang berbagai elemen seperti teks, gambar, bentuk, dll. di kanvas desain. Terkadang Anda mungkin ingin berbagi tautan agar pembaca dapat mengkliknya untuk mengunjungi situs web tertentu. Jadi bagaimana cara menambahkan beberapa tautan ke desain Anda? Dengan alat desain di Visual Paradigm Online, Anda dapat melampirkan tautan apa pun ke elemen desain. Ketika orang membaca desain Anda, mereka hanya perlu mengklik elemen tersebut dan langsung melompat ke tautan di jendela. Ini adalah tutorial yang mengajarkan Anda cara menambahkan tautan ke elemen dalam beberapa langkah. Anda dapat menonton video yang dilampirkan atau membaca panduan dengan petunjuk di bawah ini.<\/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. Langkah pertama untuk menambahkan tautan adalah memilih elemen untuk menambahkan URL. Setelah memilih elemen untuk menambahkan URL, Anda cukup klik kanan pada elemen tersebut, lalu klik &#8220;Edit tautan&#8221;.<\/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. Setelah mengklik &#8220;Edit tautan&#8221;, jendela pengeditan tautan akan muncul. Anda kemudian dapat memasukkan URL yang Anda inginkan di kotak tautan. Anda juga dapat menentukan apakah URL akan dibuka di jendela browser saat ini atau dibuka di jendela baru. Jika Anda ingin membuka tautan di jendela baru, Anda cukup centang kotak &#8220;Buka di jendela baru&#8221; di sisi kanan jendela pengeditan tautan. Setelah menambahkan URL, Anda dapat mengklik &#8220;Terapkan&#8221; untuk mengonfirmasi lampiran atau tautan ke elemen.<\/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. Setelah menerapkan tautan ke elemen, tautan yang dilampirkan akan muncul di dekat elemen tersebut. Anda dapat mencoba mengklik tautan untuk menguji apakah tautan yang Anda masukkan benar atau tidak. Cukup klik pada tautan, dan Anda akan langsung melompat ke situs web yang Anda lampirkan di jendela baru. Akhirnya, pembaca dapat mengunjungi tautan yang Anda lampirkan dengan mengklik elemen tersebut.<\/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>Di Visual Paradigm Online, Anda dapat dengan mudah merancang berbagai elemen seperti teks, gambar, bentuk, dll. di kanvas desain. Terkadang Anda mungkin ingin berbagi tautan agar pembaca dapat mengkliknya untuk mengunjungi situs web tertentu. Jadi bagaimana cara menambahkan beberapa tautan ke desain Anda? Dengan alat desain di Visual Paradigm Online, Anda dapat melampirkan tautan apa [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":11746,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[43,42],"tags":[],"class_list":["post-11745","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>Cara Menghubungkan Elemen ke Halaman 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\/id\/how-to-link-an-element-to-a-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Menghubungkan Elemen ke Halaman 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\/id\/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:07+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=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpleanda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/\",\"name\":\"Cara Menghubungkan Elemen ke Halaman Web - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/1-7.png\",\"datePublished\":\"2026-01-10T14:55:07+00:00\",\"dateModified\":\"2026-01-10T14:55:07+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/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\/id\/how-to-link-an-element-to-a-webpage\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/1-7.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/1-7.png\",\"width\":611,\"height\":390},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Menghubungkan Elemen ke Halaman Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039\",\"name\":\"vpleanda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/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\/id\/author\/vpleanda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Menghubungkan Elemen ke Halaman 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\/id\/how-to-link-an-element-to-a-webpage\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Menghubungkan Elemen ke Halaman 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\/id\/how-to-link-an-element-to-a-webpage\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:55:07+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":{"Ditulis oleh":"vpleanda","Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/","url":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/","name":"Cara Menghubungkan Elemen ke Halaman Web - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/1-7.png","datePublished":"2026-01-10T14:55:07+00:00","dateModified":"2026-01-10T14:55:07+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/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\/id\/how-to-link-an-element-to-a-webpage\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/1-7.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/1-7.png","width":611,"height":390},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/id\/how-to-link-an-element-to-a-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Cara Menghubungkan Elemen ke Halaman Web"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/id\/#website","url":"https:\/\/blog.visual-paradigm.com\/id\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/6acd2305b60fa353e87c4c7d9eba4039","name":"vpleanda","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/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\/id\/author\/vpleanda\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/comments?post=11745"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11745\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/11746"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=11745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/categories?post=11745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/tags?post=11745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}