{"id":28945,"date":"2025-12-16T04:26:29","date_gmt":"2025-12-16T04:26:29","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=28945"},"modified":"2025-12-16T04:26:29","modified_gmt":"2025-12-16T04:26:29","slug":"cara-membuat-halaman-under-construction-di-wordpress","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress","title":{"rendered":"Panduan Lengkap Membuat Halaman Under Construction di WordPress"},"content":{"rendered":"<p data-start=\"330\" data-end=\"706\">Saat membangun website baru, sering kali kita membutuhkan halaman sementara yang menandakan bahwa website sedang dalam proses pembangunan. Halaman ini dikenal sebagai Website Under Construction atau Coming Soon Page. Halaman ini tidak hanya memberi tahu pengunjung bahwa website belum siap, tetapi juga berperan penting dalam branding, marketing, dan strategi SEO. Artikel ini membahas secara lengkap mengenai Apa itu website Under Construction, Manfaatnya, Cara membuatnya menggunakan plugin, tema, atau kode custom, Tips desain, SEO, dan optimasi email subscription. Yuk simak artikel ini sampai selesai!<\/p>\n<h3 data-start=\"924\" data-end=\"962\">Apa Itu Website Under Construction?<\/h3>\n<p data-start=\"964\" data-end=\"1168\">Website Under Construction adalah halaman sementara yang ditampilkan saat website utama sedang dalam pembangunan, maintenance, atau perbaikan. Halaman ini biasanya menampilkan pesan singkat seperti:<\/p>\n<ul>\n<li data-start=\"1171\" data-end=\"1198\">\u201cWebsite Sedang Dibangun\u201d<\/li>\n<li data-start=\"1201\" data-end=\"1216\">\u201cComing Soon\u201d<\/li>\n<li data-start=\"1219\" data-end=\"1248\">Countdown menuju peluncuran<\/li>\n<\/ul>\n<p data-start=\"1250\" data-end=\"1447\">Fungsi utama halaman ini bukan hanya memberi informasi, tetapi juga membangun ekspektasi pengunjung, menjaga citra profesional, dan mempersiapkan strategi marketing sebelum website diluncurkan.<\/p>\n<h3 data-start=\"1454\" data-end=\"1491\">Manfaat Website Under Construction<\/h3>\n<ul>\n<li data-start=\"1496\" data-end=\"1625\"><strong data-start=\"1496\" data-end=\"1533\">Memberi Informasi pada Pengunjung<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"1496\" data-end=\"1625\">Pengunjung mengetahui status website sehingga tidak bingung saat mencoba mengaksesnya.<\/p>\n<ul>\n<li data-start=\"1630\" data-end=\"1810\"><strong data-start=\"1630\" data-end=\"1674\">Membangun Antisipasi dan Brand Awareness<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"1630\" data-end=\"1810\">Halaman Coming Soon yang menarik dapat membuat pengunjung penasaran dan meningkatkan engagement sebelum website resmi diluncurkan.<\/p>\n<ul>\n<li data-start=\"1815\" data-end=\"1962\"><strong data-start=\"1815\" data-end=\"1847\">Mengumpulkan Leads dan Email<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"1815\" data-end=\"1962\">Dengan menambahkan form email atau newsletter, kamu dapat mengumpulkan data pengunjung untuk email marketing.<\/p>\n<ul>\n<li data-start=\"1967\" data-end=\"2171\"><strong data-start=\"1967\" data-end=\"1990\">Menjaga SEO Website<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"1967\" data-end=\"2171\">Dengan pengaturan noindex atau plugin SEO yang tepat, halaman ini tidak merusak peringkat mesin pencari. Bahkan bisa meningkatkan awareness website baru di mata search engine.<\/p>\n<ul>\n<li data-start=\"2176\" data-end=\"2323\"><strong data-start=\"2176\" data-end=\"2208\">Memberikan Kesan Profesional<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"2176\" data-end=\"2323\">Website dengan halaman Under Construction yang rapi menunjukkan profesionalisme dan kesiapan pemilik website.<\/p>\n<h3 data-start=\"2330\" data-end=\"2381\">Cara Membuat Tampilan Website Under Construction<\/h3>\n<p data-start=\"2383\" data-end=\"2487\">Ada beberapa metode untuk membuat halaman Under Construction di WordPress. Berikut penjelasan detailnya:<\/p>\n<p data-start=\"2489\" data-end=\"2524\"><strong>1. Menggunakan Plugin WordPress<\/strong><\/p>\n<p data-start=\"2526\" data-end=\"2601\">Plugin adalah cara termudah, terutama bagi pemula. Beberapa plugin populer:<\/p>\n<ul>\n<li data-start=\"2603\" data-end=\"2623\"><strong data-start=\"2611\" data-end=\"2623\">SeedProd<\/strong><\/li>\n<\/ul>\n<ol>\n<li data-start=\"2626\" data-end=\"2768\">Fitur utama: Drag &amp; drop builder, template Coming Soon dan Maintenance Mode, form email, integrasi dengan Mailchimp, Aweber, ConvertKit.<\/li>\n<li data-start=\"2771\" data-end=\"2791\">Langkah-langkah:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li data-start=\"2797\" data-end=\"2883\">Install SeedProd dari menu Plugins \u2192 Add New \u2192 Search SeedProd \u2192 Install \u2192 Activate.<\/li>\n<li data-start=\"2889\" data-end=\"2918\">Pilih template Coming Soon.<\/li>\n<li data-start=\"2924\" data-end=\"2979\">Sesuaikan desain, teks, warna, gambar, dan countdown.<\/li>\n<li data-start=\"2985\" data-end=\"3038\">Tambahkan form email jika ingin mengumpulkan leads.<\/li>\n<li data-start=\"3044\" data-end=\"3072\">Aktifkan mode Coming Soon.<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"3074\" data-end=\"3099\"><strong data-start=\"3082\" data-end=\"3099\">Elementor Pro<\/strong><\/li>\n<\/ul>\n<ol>\n<li data-start=\"3102\" data-end=\"3190\">Fitur utama: Template Coming Soon, drag &amp; drop editor, mobile responsive, animasi.<\/li>\n<li data-start=\"3193\" data-end=\"3213\">Langkah-langkah:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li data-start=\"3219\" data-end=\"3257\">Install Elementor dan Elementor Pro.<\/li>\n<li data-start=\"3263\" data-end=\"3312\">Buat halaman baru \u2192 Pilih template Coming Soon.<\/li>\n<li data-start=\"3318\" data-end=\"3346\">Sesuaikan desain dan teks.<\/li>\n<li data-start=\"3352\" data-end=\"3406\">Atur halaman ini sebagai Landing Page sementara.<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"3408\" data-end=\"3439\"><strong data-start=\"3416\" data-end=\"3439\">WP Maintenance Mode<\/strong><\/li>\n<\/ul>\n<ol>\n<li data-start=\"3442\" data-end=\"3523\">Fitur utama: Gratis, pilihan desain sederhana, form email, countdown timer.<\/li>\n<li data-start=\"3526\" data-end=\"3546\">Langkah-langkah:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li data-start=\"3552\" data-end=\"3582\">Install WP Maintenance Mode.<\/li>\n<li data-start=\"3588\" data-end=\"3654\">Aktifkan plugin dan pilih mode \u201cMaintenance\u201d atau \u201cComing Soon\u201d.<\/li>\n<li data-start=\"3660\" data-end=\"3708\">Sesuaikan desain, warna, teks, dan form email.<\/li>\n<li data-start=\"3714\" data-end=\"3747\">Simpan pengaturan dan aktifkan.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-start=\"3754\" data-end=\"3812\"><strong>2. Menggunakan Tema WordPress dengan Fitur Coming Soon<\/strong><\/p>\n<p data-start=\"3814\" data-end=\"3911\">Beberapa tema sudah menyediakan built-in Coming Soon page. Contohnya: Astra, OceanWP, Neve. Langkah-langkah:<\/p>\n<ol>\n<li data-start=\"3937\" data-end=\"3977\">Pilih tema yang mendukung Coming Soon.<\/li>\n<li data-start=\"3981\" data-end=\"4029\">Aktifkan fitur Coming Soon di pengaturan tema.<\/li>\n<li data-start=\"4033\" data-end=\"4083\">Sesuaikan tampilan, gambar, countdown, dan teks.<\/li>\n<li data-start=\"4087\" data-end=\"4122\">Pastikan halaman mobile-friendly.<\/li>\n<\/ol>\n<p data-start=\"4129\" data-end=\"4174\"><strong>3. Membuat Halaman Custom dengan HTML\/CSS<\/strong><\/p>\n<p data-start=\"4176\" data-end=\"4242\">Bagi yang ingin lebih fleksibel, kamu bisa membuat halaman custom:<\/p>\n<div class=\"contain-inline-size rounded-2xl corner-superellipse\/1.1 relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-meta\">&lt;!DOCTYPE <span class=\"hljs-keyword\">html<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">html<\/span><\/span> <span class=\"hljs-attr\">lang<\/span>=<span class=\"hljs-string\">\"id\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">head<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">charset<\/span>=<span class=\"hljs-string\">\"UTF-8\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">name<\/span>=<span class=\"hljs-string\">\"viewport\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"width=device-width, initial-scale=1.0\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title<\/span><\/span>&gt;Website Under Construction<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">title<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style<\/span><\/span>&gt;<br \/>\n  <span class=\"hljs-selector-tag\">body<\/span> { <span class=\"hljs-attribute\">font-family<\/span>: Arial, sans-serif; <span class=\"hljs-attribute\">text-align<\/span>: center; <span class=\"hljs-attribute\">background<\/span>: <span class=\"hljs-number\">#f9f9f9<\/span>; <span class=\"hljs-attribute\">margin<\/span>: <span class=\"hljs-number\">0<\/span>; <span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">0<\/span>; <span class=\"hljs-attribute\">display<\/span>: flex; <span class=\"hljs-attribute\">justify-content<\/span>: center; <span class=\"hljs-attribute\">align-items<\/span>: center; <span class=\"hljs-attribute\">height<\/span>: <span class=\"hljs-number\">100vh<\/span>; }<br \/>\n  <span class=\"hljs-selector-class\">.container<\/span> { <span class=\"hljs-attribute\">background<\/span>: <span class=\"hljs-number\">#fff<\/span>; <span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">50px<\/span>; <span class=\"hljs-attribute\">border-radius<\/span>: <span class=\"hljs-number\">12px<\/span>; <span class=\"hljs-attribute\">box-shadow<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">20px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">0<\/span>,<span class=\"hljs-number\">0<\/span>,<span class=\"hljs-number\">0<\/span>,<span class=\"hljs-number\">0.2<\/span>); }<br \/>\n  <span class=\"hljs-selector-tag\">h1<\/span> { <span class=\"hljs-attribute\">color<\/span>: <span class=\"hljs-number\">#333<\/span>; }<br \/>\n  <span class=\"hljs-selector-tag\">p<\/span> { <span class=\"hljs-attribute\">color<\/span>: <span class=\"hljs-number\">#555<\/span>; <span class=\"hljs-attribute\">font-size<\/span>: <span class=\"hljs-number\">18px<\/span>; }<br \/>\n  <span class=\"hljs-selector-tag\">input<\/span><span class=\"hljs-selector-attr\">[type=<span class=\"hljs-string\">\"email\"<\/span><\/span>] { <span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">10px<\/span>; <span class=\"hljs-attribute\">font-size<\/span>: <span class=\"hljs-number\">16px<\/span>; <span class=\"hljs-attribute\">width<\/span>: <span class=\"hljs-number\">70%<\/span>; <span class=\"hljs-attribute\">margin-top<\/span>: <span class=\"hljs-number\">20px<\/span>; }<br \/>\n  <span class=\"hljs-selector-tag\">button<\/span> { <span class=\"hljs-attribute\">padding<\/span>: <span class=\"hljs-number\">10px<\/span> <span class=\"hljs-number\">20px<\/span>; <span class=\"hljs-attribute\">font-size<\/span>: <span class=\"hljs-number\">16px<\/span>; <span class=\"hljs-attribute\">margin-left<\/span>: <span class=\"hljs-number\">10px<\/span>; <span class=\"hljs-attribute\">cursor<\/span>: pointer; }<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">style<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">head<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">body<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span><\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"container\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h1<\/span><\/span>&gt;Website Sedang Dibangun<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h1<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span><\/span>&gt;Mohon bersabar, kami akan segera hadir dengan tampilan baru!<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">form<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">input<\/span><\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"email\"<\/span> <span class=\"hljs-attr\">placeholder<\/span>=<span class=\"hljs-string\">\"Masukkan email untuk update\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">button<\/span><\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"submit\"<\/span>&gt;Daftar<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">button<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">form<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">body<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">html<\/span><\/span>&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<p data-start=\"5255\" data-end=\"5399\">Halaman ini bisa diunggah sebagai <code data-start=\"5289\" data-end=\"5301\">index.html<\/code> sementara atau dijadikan template di WordPress menggunakan plugin Insert Headers and Footers.<\/p>\n<h3 data-start=\"5406\" data-end=\"5447\">Tips Desain Halaman Under Construction<\/h3>\n<ul>\n<li data-start=\"5452\" data-end=\"5531\"><strong data-start=\"5452\" data-end=\"5475\">Sederhana dan Fokus<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"5452\" data-end=\"5531\">Hindari teks berlebihan, fokus pada pesan utama.<\/p>\n<ul>\n<li data-start=\"5536\" data-end=\"5650\"><strong data-start=\"5536\" data-end=\"5562\">Gunakan Visual Menarik<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"5536\" data-end=\"5650\">Ilustrasi, animasi ringan, atau background gambar bisa menambah profesionalisme.<\/p>\n<ul>\n<li data-start=\"5655\" data-end=\"5753\"><strong data-start=\"5655\" data-end=\"5679\">Countdown atau Timer<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"5655\" data-end=\"5753\">Menambahkan hitung mundur peluncuran membuat pengunjung penasaran.<\/p>\n<ul>\n<li data-start=\"5758\" data-end=\"5869\"><strong data-start=\"5758\" data-end=\"5782\">Call-to-Action (CTA)<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"5758\" data-end=\"5869\">Form email, tombol sosial media, atau link kontak bisa meningkatkan engagement.<\/p>\n<ul>\n<li data-start=\"5874\" data-end=\"5956\"><strong data-start=\"5874\" data-end=\"5893\">Mobile-Friendly<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"5874\" data-end=\"5956\">Pastikan halaman tampil rapi di smartphone atau tablet.<\/p>\n<ul>\n<li data-start=\"5961\" data-end=\"6102\"><strong data-start=\"5961\" data-end=\"5981\">SEO dan Metadata<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"5961\" data-end=\"6102\">Gunakan plugin SEO untuk menambahkan meta title, description, dan noindex agar halaman tidak memengaruhi ranking.<\/p>\n<h3 data-start=\"6109\" data-end=\"6139\">Optimasi Email Subscription<\/h3>\n<p data-start=\"6141\" data-end=\"6247\">Halaman Under Construction dapat dimanfaatkan untuk mengumpulkan leads sejak awal. Tips optimasinya:<\/p>\n<ol>\n<li data-start=\"6250\" data-end=\"6311\">Tawarkan insentif, misal ebook gratis atau diskon awal.<\/li>\n<li data-start=\"6314\" data-end=\"6377\">Gunakan CTA jelas, misal \u201cDaftar untuk Update Launching\u201d.<\/li>\n<li data-start=\"6380\" data-end=\"6466\">Integrasikan dengan platform email marketing populer: Mailchimp, ConvertKit, Aweber.<\/li>\n<li data-start=\"6469\" data-end=\"6545\">Simpan data email dengan aman dan patuhi aturan GDPR\/UU perlindungan data.<\/li>\n<\/ol>\n<h3 data-start=\"6552\" data-end=\"6565\">Kesimpulan<\/h3>\n<p data-start=\"6567\" data-end=\"6813\">Membuat halaman Website Under Construction bukan sekadar formalitas. Halaman ini memiliki peran strategis dalam membangun citra profesional, mengumpulkan leads, menjaga SEO, dan mempersiapkan marketing sebelum website resmi diluncurkan.<\/p>\n<p data-start=\"6815\" data-end=\"7027\">Dengan menggunakan plugin, tema, atau custom HTML, serta menerapkan desain menarik dan optimasi email, halaman Coming Soon dapat menjadi alat yang efektif untuk membangun antisipasi dan engagement sejak awal.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;28945&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Panduan Lengkap Membuat Halaman Under Construction di WordPress&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Saat membangun website baru, sering kali kita membutuhkan halaman sementara yang menandakan bahwa website sedang dalam proses pembangunan. Halaman ini dikenal sebagai Website Under Construction atau Coming Soon Page. Halaman ini tidak hanya memberi tahu pengunjung bahwa website belum siap, tetapi juga berperan penting dalam branding, marketing, dan strategi SEO. Artikel ini membahas secara lengkap [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":28950,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"no","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[{"account":"twitter_2392824914_2392824914","service":"twitter","timestamp":1765859204,"status":"error"}],"rop_publish_now_status":"done","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[14124,14123,14125,14122],"class_list":["post-28945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cara-membuat-tampilan-website-under-construction","tag-manfaat-website-under-construction","tag-tips-desain-halaman-under-construction","tag-website-under-construction"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png",1366,768,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Panduan Lengkap Membuat Halaman Under Construction di WordPress - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panduan Lengkap Membuat Halaman Under Construction di WordPress - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Saat membangun website baru, sering kali kita membutuhkan halaman sementara yang menandakan bahwa website sedang dalam proses pembangunan. Halaman ini dikenal sebagai Website Under Construction atau Coming Soon Page. Halaman ini tidak hanya memberi tahu pengunjung bahwa website belum siap, tetapi juga berperan penting dalam branding, marketing, dan strategi SEO. Artikel ini membahas secara lengkap [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-16T04:26:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fitri Ana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fitri Ana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\"},\"author\":{\"name\":\"Fitri Ana\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\"},\"headline\":\"Panduan Lengkap Membuat Halaman Under Construction di WordPress\",\"datePublished\":\"2025-12-16T04:26:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\"},\"wordCount\":676,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png\",\"keywords\":[\"Cara Membuat Tampilan Website Under Construction\",\"Manfaat Website Under Construction\",\"Tips Desain Halaman Under Construction\",\"website Under Construction\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\",\"url\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\",\"name\":\"Panduan Lengkap Membuat Halaman Under Construction di WordPress - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png\",\"datePublished\":\"2025-12-16T04:26:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Lengkap Membuat Halaman Under Construction di WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\",\"name\":\"Fitri Ana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"caption\":\"Fitri Ana\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Panduan Lengkap Membuat Halaman Under Construction di WordPress - Hosteko Blog","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:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress","og_locale":"en_US","og_type":"article","og_title":"Panduan Lengkap Membuat Halaman Under Construction di WordPress - Hosteko Blog","og_description":"Saat membangun website baru, sering kali kita membutuhkan halaman sementara yang menandakan bahwa website sedang dalam proses pembangunan. Halaman ini dikenal sebagai Website Under Construction atau Coming Soon Page. Halaman ini tidak hanya memberi tahu pengunjung bahwa website belum siap, tetapi juga berperan penting dalam branding, marketing, dan strategi SEO. Artikel ini membahas secara lengkap [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress","og_site_name":"Hosteko Blog","article_published_time":"2025-12-16T04:26:29+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png","type":"image\/png"}],"author":"Fitri Ana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fitri Ana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress"},"author":{"name":"Fitri Ana","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0"},"headline":"Panduan Lengkap Membuat Halaman Under Construction di WordPress","datePublished":"2025-12-16T04:26:29+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress"},"wordCount":676,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png","keywords":["Cara Membuat Tampilan Website Under Construction","Manfaat Website Under Construction","Tips Desain Halaman Under Construction","website Under Construction"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress","url":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress","name":"Panduan Lengkap Membuat Halaman Under Construction di WordPress - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png","datePublished":"2025-12-16T04:26:29+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-halaman-under-construction-di-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Panduan Lengkap Membuat Halaman Under Construction di WordPress"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0","name":"Fitri Ana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","caption":"Fitri Ana"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/12\/Desain-tanpa-judul104.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/28945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=28945"}],"version-history":[{"count":2,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/28945\/revisions"}],"predecessor-version":[{"id":28952,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/28945\/revisions\/28952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/28950"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=28945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=28945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=28945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}