{"id":138,"date":"2023-05-22T09:33:58","date_gmt":"2023-05-22T09:33:58","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/05\/22\/6435964-hostinger-website-builder-cara-menambahkan-tombol\/"},"modified":"2025-08-26T19:59:23","modified_gmt":"2025-08-26T19:59:23","slug":"6435964-hostinger-website-builder-cara-menambahkan-tombol","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6435964-hostinger-website-builder-cara-menambahkan-tombol\/","title":{"rendered":"Hostinger Website Builder: Cara Menambahkan Tombol"},"content":{"rendered":"<p class=\"no-margin\">Gunakan <b>elemen tombol <\/b>untuk menambahkan berbagai tombol di halaman website Anda<b>.<\/b><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Di bagian editor, klik <b>Tambahkan Elemen,<\/b> lalu <b>klik elemen tombol<\/b>, dan letakkan di bagian yang telah dipilih.<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/4aa7b0fd-ab9e-4b61-aa8d-41c123cd6ae9.jpg\"><\/div><p class=\"no-margin\">Klik <b>Edit tombol <\/b>untuk melihat opsi lainnya (edit, duplikasikan, hide, hapus, resize).<br>&#8203;<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/f5b25708-87b2-40cc-891b-fa74b16ecaa1.jpg\"><\/div><p class=\"no-margin\">Klik<b> Edit tombol <\/b>untuk membuka pengaturan tombol:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"width: 277px\">\n<p class=\"intercom-align-center no-margin\"><b>Umum<\/b><\/p>\n<\/td>\n<td>\n<p class=\"intercom-align-center no-margin\"><b>Style<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 277px\">\n<p class=\"no-margin\">Mengganti nama tombol<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Ubah style tombol, seperti:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Warna tombol<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Warna\/font\/ukuran teks<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Corner radius (bentuk tombol)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 277px\">\n<p class=\"no-margin\">Anda bida <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6454367-website-builder-how-to-add-links#h_603b64867e\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">menambahkan hyperlink<\/a> <\/b>di tombol, seperti:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">URL<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Halaman website Anda<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Nomor telepon<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Alamat email<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">File<br>&#8203;<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<td>\n<p class=\"no-margin\">\n<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\"><b>Catatan<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Anda juga bisa menambahkan tombol dengan klik <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463152-website-builder-how-to-embed-a-custom-code\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">elemen sematkan kode<\/a><\/b>. Dengan cara ini, Anda dapat menambahkan tombol <b><a href=\"https:\/\/www.paypal.com\/buttons\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">PayPal<\/a><\/b><a href=\"https:\/\/www.paypal.com\/buttons\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">,<\/a> <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/share-button\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Bagikan,<\/a><\/b> <b><a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/tweet-button\/overview\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tweeter,<\/a><\/b> dan tombol lainnya<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Lihat juga <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6570087-website-builder-add-to-bag-buttons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">cara menambahkan tombol &ldquo;Tambahkan ke tas<\/a>&ldquo;<\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Cara menambahkan tombol dengan Website Builder Hostinger<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-138","post","type-post","status-publish","format-standard","hentry","category-elemen-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435964-hostinger-website-builder-how-to-add-buttons\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435964-hostinger-creador-de-sitios-web-como-agregar-botones\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435964-hostinger-createur-de-sites-web-comment-ajouter-des-boutons\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435964-hostinger-website-builder-cara-menambahkan-tombol\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435964-hostinger-svetainiu-kurimo-irankis-mygtuko-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435964-hostinger-criador-de-sites-como-adicionar-botoes\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6435964-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/138\/revisions"}],"predecessor-version":[{"id":1311,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/138\/revisions\/1311"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}