{"id":59503,"date":"2025-12-05T16:50:27","date_gmt":"2025-12-05T09:50:27","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=59503"},"modified":"2026-02-13T17:20:22","modified_gmt":"2026-02-13T10:20:22","slug":"cara-menggunakan-custom-html-di-sitepro","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menggunakan-custom-html-di-sitepro\/","title":{"rendered":"Cara Menggunakan Custom HTML di SitePro"},"content":{"rendered":"\n

Ingin menambahkan fitur khusus atau elemen unik di website Anda? Dengan Custom HTML di SitePro, Anda bisa memperluas kemampuan editor visual bawaan dan memasukkan kode sesuai kebutuhan, seperti widget tools<\/em>, formulir pihak ketiga, hingga script <\/em>analitik. Banyak pengguna pemula hingga profesional membutuhkan fleksibilitas ini untuk meningkatkan fungsi dan tampilan pada website mereka.<\/p>\n\n\n\n

Kabar baiknya, proses menambahkan custom HTML di SitePro sangat mudah dan dapat dilakukan langsung melalui editor, tanpa harus mengubah struktur inti website. Yuk, pelajari langkah-langkahnya pada panduan berikut!<\/p>\n\n\n\n

Fitur Custom HTML SitePro<\/h2>\n\n\n\n

SitePro adalah web builder<\/em> yang memudahkan siapa pun membuat website melalui fitur drag and drop<\/em>. Dengan platform ini, Anda dapat membangun website sederhana namun tetap profesional, seperti company profile<\/em>, landing page<\/em>, atau portofolio pribadi.<\/p>\n\n\n\n

Salah satu fitur yang cukup penting dalam SitePro adalah Custom HTML. Fitur ini memungkinkan Anda untuk memasukkan embed<\/em> atau skrip tambahan ke dalam website, misalnya video dari media sosial, Google Maps, Google Form, dan berbagai elemen interaktif lainnya. Namun perlu diperhatikan, fitur ini hanya mendukung kode berbasis HTML.<\/p>\n\n\n\n

\n

Catatan!<\/p>\n\n\n\n

Fitur Custom HTML hanya tersedia di versi berbayar seperti paket Basic, Pro, dan Business. Cara upgrade lisensi SitePro bisa Anda pelajari di sini<\/a>.<\/p>\n<\/blockquote>\n\n\n\n

Contoh Penggunaan Custom HTML<\/h2>\n\n\n\n

Dalam tutorial ini, kami akan menggunakan fitur Custom HTML untuk menambahkan elemen-elemen umum seperti embed<\/em> video dari media sosial, kode iklan Google (Google AdSense<\/em>), Google Maps, hingga Google Form. Sebenarnya, fitur ini juga bisa digunakan untuk embed<\/em> video YouTube. Namun, khusus YouTube terdapat langkah tersendiri yang sudah kami bahas pada panduan berikut<\/a>.<\/p>\n\n\n\n

Berikut ini beberapa contoh penggunaan custom <\/em>HTML di SitePro:<\/p>\n\n\n\n

Video Instagram<\/h3>\n\n\n\n

Fitur ini bisa digunakan untuk melakukan embed <\/em>video dari postingan akun Instagram Anda.<\/p>\n\n\n\n

    \n
  1. Pilihlah video instagram yang akan ditampilkan ke dalam website, kemudian klik bagian titik tiga.<\/li>\n<\/ol>\n\n\n
    \n
    \"custom<\/a><\/figure>\n<\/div>\n\n\n
      \n
    1. Kemudian akan muncul tampilan seperti berikut, pilih yang Embed<\/strong>.<\/li>\n<\/ol>\n\n\n
      \n
      \"custom<\/a><\/figure>\n<\/div>\n\n\n
        \n
      1. Kemudian akan tampil block yang berisikan script<\/em>, klik tombol copy embed code<\/strong>.<\/li>\n<\/ol>\n\n\n
        \n
        \"custom<\/a><\/figure>\n<\/div>\n\n\n
          \n
        1. Masukkan script <\/em>tersebut ke dalam fitur custom HTML di SitePro dengan klik icon pensil. Kemudian klik apply <\/strong>untuk menyimpan.<\/li>\n<\/ol>\n\n\n
          \n
          \"custom<\/a><\/figure>\n<\/div>\n\n\n
            \n
          1. Hasil akan seperti berikut. Anda dapat menyesuaikan ukuran pada bagian Size atau modifikasi di script embed <\/em>di bagian width <\/em>dan height<\/em>.<\/li>\n<\/ol>\n\n\n
            \n
            \"Custom<\/figure>\n<\/div>\n\n\n
              \n
            1. Tampilan preview <\/em>akan seperti berikut:<\/li>\n<\/ol>\n\n\n
              \n
              \"custom<\/figure>\n<\/div>\n\n\n

              Video Tiktok<\/h3>\n\n\n\n

              Fitur ini bisa digunakan jika ingin menampilkan hasil video yang sudah diunggah di akun Tiktok Anda.<\/p>\n\n\n\n

                \n
              1. Pilih video yang akan digunakan, lalu klik icon <> untuk melakukan generate code<\/em> embednya.<\/li>\n<\/ol>\n\n\n
                \n
                \"custom<\/a><\/figure>\n<\/div>\n\n\n
                  \n
                1. Setelah itu akan ada informasi script<\/em>, klik tombol copy code<\/strong>.<\/li>\n<\/ol>\n\n\n
                  \n
                  \"<\/a><\/figure>\n<\/div>\n\n\n
                    \n
                  1. Pasangkan script <\/em>embed ke dalam Custom HTML dan klik apply untuk menyimpan.<\/li>\n<\/ol>\n\n\n
                    \n
                    \"custom<\/a><\/figure>\n<\/div>\n\n\n
                      \n
                    1. Anda dapat menyesuaikan ukuran sesuai keinginan di bagian Size (mirip seperti contoh video instagram. Hasil preview<\/em> video akan seperti berikut:<\/li>\n<\/ol>\n\n\n
                      \n
                      \"custom<\/a><\/figure>\n<\/div>\n\n\n

                      Video Facebook<\/h3>\n\n\n\n

                      Fitur ini bisa digunakan untuk melakukan embed video dari postingan akun Faacebook Anda. <\/p>\n\n\n\n

                        \n
                      1. Pilih video yang akan digunakan lalu klik titik tiga dan pilih embed.<\/li>\n<\/ol>\n\n\n
                        \n
                        \"custom<\/a><\/figure>\n<\/div>\n\n\n
                          \n
                        1. Kemudian klik copy code. Anda bisa centang Include full post <\/strong>jika memerlukannya.<\/li>\n<\/ol>\n\n\n
                          \n
                          \"custom<\/a><\/figure>\n<\/div>\n\n\n
                            \n
                          1. Memasukkan kodenya ke dalam Custom HTML dan klik Apply.<\/li>\n<\/ol>\n\n\n
                            \n
                            \"custom<\/a><\/figure>\n<\/div>\n\n\n
                              \n
                            1. Anda dapat menyesuaikan size di bagian kanan atau melalui script embed <\/em>pada area width <\/em>dan height <\/em>sesuai keinginan.<\/li>\n<\/ol>\n\n\n
                              \n
                              \"custom<\/a><\/figure>\n<\/div>\n\n\n
                                \n
                              1. Hasil preview <\/em>akan menjadi seperti berikut:<\/li>\n<\/ol>\n\n\n
                                \n
                                \"custom<\/a>
                                gambar kiri tidak “full post”, gambar kanan “full post” terlihat ada deskripsi video<\/figcaption><\/figure>\n<\/div>\n\n\n

                                File video di hosting<\/h3>\n\n\n\n

                                Apabila Anda punya video sendiri yang belum diupload ke aplikasi sosial media maupun Youtube. Pada SitePro bisa langsung upload file video menggunakan fitur Media. Namun, file video hanya dibatasi maksimal 1 MB saja.<\/p>\n\n\n\n

                                Jika video yang akan Anda gunakan lebih dari 1 MB, maka bisa Anda upload dahulu ke hosting pada file manager > public_html. Kemudian membuat folder untuk meletakkan video yang akan dipakai. Nantinya untuk pemanggilan link video akan menjadi http:\/\/namadomain.com\/folder\/nama-file.<\/p>\n\n\n\n