{"id":211,"date":"2026-10-25T16:01:17","date_gmt":"2026-10-25T16:01:17","guid":{"rendered":"http:\/\/103.247.10.214\/kwosm\/how-to-order\/"},"modified":"2026-10-25T16:01:17","modified_gmt":"2026-10-25T16:01:17","slug":"how-to-order","status":"publish","type":"page","link":"http:\/\/103.247.10.214\/kwosm\/how-to-order\/","title":{"rendered":"How to Order"},"content":{"rendered":"<p><?php\n\/**\n * Template Name: KWOSM Portal - How To Order\n *\/\n\n\/\/ Logika Proses Logout\nif ( isset( $_GET['kwosm_logout'] ) &#038;&#038; $_GET['kwosm_logout'] === 'true' ) {\n    wp_logout();\n    wp_safe_redirect( home_url() );\n    exit;\n}\n\n$is_logged_in = is_user_logged_in();\n$current_user = wp_get_current_user();\n$status = $is_logged_in ? get_user_meta( $current_user->ID, &#8216;kwosm_user_status&#8217;, true ) : &#8221;;<br \/>\nif ( empty( $status ) &#038;&#038; $is_logged_in ) {<br \/>\n    $status = current_user_can( &#8216;administrator&#8217; ) ? &#8216;active&#8217; : &#8216;pending&#8217;;<br \/>\n}<br \/>\n$has_access = $is_logged_in &#038;&#038; ( $status === &#8216;active&#8217; || $status === &#8216;publish&#8217; || current_user_can(&#8216;administrator&#8217;) );<\/p>\n<p>$logout_url = add_query_arg( &#8216;kwosm_logout&#8217;, &#8216;true&#8217;, get_permalink() );<br \/>\n$member_area_url = &#8216;http:\/\/103.247.10.214\/kwosm\/member-area\/&#8217;;<br \/>\n?><br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"id\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>KWOSM &#8211; How To Order Portal<\/title><br \/>\n  <!-- Tailwind CSS CDN --><br \/>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n  <!-- Lucide Icons --><br \/>\n  <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script><br \/>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            kwosmBlue: 'rgb(0 51 102 \/ var(--tw-bg-opacity, 1))',\n            kwosmBlueHex: '#003366',\n          }\n        }\n      }\n    }\n  <\/script><\/p>\n<style>\n    .custom-scrollbar::-webkit-scrollbar {\n      height: 6px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-track {\n      background: #f1f5f9;\n      border-radius: 4px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb {\n      background: #cbd5e1;\n      border-radius: 4px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n      background: #94a3b8;\n    }\n  <\/style>\n<p><\/head><br \/>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\"><\/p>\n<p>  <!-- ==================== MAIN CONTAINER ==================== --><br \/>\n  <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 sm:py-16 space-y-12\"><\/p>\n<p>    <!-- ==================== SECTION: HOW TO ORDER ==================== --><\/p>\n<section id=\"main-section-how-to-order\" class=\"space-y-10\">\n<p>      <!-- HEADER TITLE & SHARE BUTTONS --><\/p>\n<div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 border-b border-slate-200 pb-6\">\n<div>\n<div class=\"border-l-4 border-[rgb(0,51,102)] pl-4 mb-2\">\n            <span class=\"text-xs font-bold uppercase tracking-wider text-amber-600 block mb-1\">Panduan Transaksi<\/span><\/p>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold text-slate-900 uppercase tracking-tight\">How To Order<\/h2>\n<\/p><\/div>\n<p class=\"text-slate-600 text-sm max-w-xl\">\n            Ikuti tahapan pemesanan produk baja resmi PT Krakatau Wajatama Osaka Steel Marketing dengan mudah, cepat, dan aman melalui tim pemasaran kami.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- Share Article --><\/p>\n<div class=\"flex items-center space-x-3 text-xs text-slate-500 bg-white p-3 rounded-xl border border-slate-200 shadow-sm w-max\">\n          <span class=\"font-bold text-slate-700 uppercase tracking-wider text-[11px]\">Share Article:<\/span><\/p>\n<div class=\"flex items-center space-x-2\">\n            <a href=\"https:\/\/facebook.com\/sharer\/sharer.php?u=<?php echo urlencode(get_permalink()); ?>&#8221; target=&#8221;_blank&#8221; class=&#8221;w-7 h-7 rounded-lg bg-slate-100 hover:bg-[rgb(0,51,102)] hover:text-white text-slate-700 flex items-center justify-center transition-colors&#8221;><br \/>\n              <i data-lucide=\"facebook\" class=\"w-3.5 h-3.5\"><\/i><br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/twitter.com\/intent\/tweet?url=<?php echo urlencode(get_permalink()); ?>&#8221; target=&#8221;_blank&#8221; class=&#8221;w-7 h-7 rounded-lg bg-slate-100 hover:bg-sky-500 hover:text-white text-slate-700 flex items-center justify-center transition-colors&#8221;><br \/>\n              <i data-lucide=\"twitter\" class=\"w-3.5 h-3.5\"><\/i><br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/plus.google.com\/share?url=<?php echo urlencode(get_permalink()); ?>&#8221; target=&#8221;_blank&#8221; class=&#8221;w-7 h-7 rounded-lg bg-slate-100 hover:bg-red-600 hover:text-white text-slate-700 flex items-center justify-center transition-colors&#8221;><br \/>\n              <i data-lucide=\"globe\" class=\"w-3.5 h-3.5\"><\/i><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- STEP-BY-STEP ORDER GUIDE --><\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n<p>        <!-- Step 1 --><\/p>\n<div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm relative flex flex-col justify-between group hover:border-[rgb(0,51,102)] transition-all\">\n<div>\n<div class=\"flex items-center justify-between mb-4\">\n              <span class=\"w-10 h-10 rounded-xl bg-[rgb(0,51,102)] text-white font-extrabold text-sm flex items-center justify-center shadow-xs\">01<\/span><br \/>\n              <span class=\"text-xs font-bold uppercase tracking-wider text-amber-600\">Pilih Produk<\/span>\n            <\/div>\n<h3 class=\"font-bold text-slate-900 text-base mb-2\">Tentukan Spesifikasi<\/h3>\n<p class=\"text-xs text-slate-600 leading-relaxed\">\n              Pilih jenis produk baja berkualitas (Plain Bars, Deformed Bars, I-Beam, U Channel, dll) sesuai kebutuhan proyek Anda melalui katalog resmi kami.\n            <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-4 border-t border-slate-100 text-[11px] text-slate-400 font-medium\">\n            Langkah Awal Pemesanan\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Step 2 --><\/p>\n<div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm relative flex flex-col justify-between group hover:border-[rgb(0,51,102)] transition-all\">\n<div>\n<div class=\"flex items-center justify-between mb-4\">\n              <span class=\"w-10 h-10 rounded-xl bg-[rgb(0,51,102)] text-white font-extrabold text-sm flex items-center justify-center shadow-xs\">02<\/span><br \/>\n              <span class=\"text-xs font-bold uppercase tracking-wider text-amber-600\">Hubungi Sales<\/span>\n            <\/div>\n<h3 class=\"font-bold text-slate-900 text-base mb-2\">Konsultasi &#038; Penawaran<\/h3>\n<p class=\"text-xs text-slate-600 leading-relaxed\">\n              Hubungi tim marketing resmi kami via WhatsApp atau Email untuk mendiskusikan volume pemesanan, ketersediaan stok, serta penawaran harga terbaik.\n            <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-4 border-t border-slate-100 text-[11px] text-slate-400 font-medium\">\n            Respon Cepat &#038; Ramah\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Step 3 --><\/p>\n<div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm relative flex flex-col justify-between group hover:border-[rgb(0,51,102)] transition-all\">\n<div>\n<div class=\"flex items-center justify-between mb-4\">\n              <span class=\"w-10 h-10 rounded-xl bg-[rgb(0,51,102)] text-white font-extrabold text-sm flex items-center justify-center shadow-xs\">03<\/span><br \/>\n              <span class=\"text-xs font-bold uppercase tracking-wider text-amber-600\">Konfirmasi PO<\/span>\n            <\/div>\n<h3 class=\"font-bold text-slate-900 text-base mb-2\">Penerbitan Kontrak \/ PO<\/h3>\n<p class=\"text-xs text-slate-600 leading-relaxed\">\n              Kirimkan Purchase Order (PO) resmi perusahaan Anda beserta kelengkapan administratif yang divalidasi langsung oleh sistem penjualan KWOSM.\n            <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-4 border-t border-slate-100 text-[11px] text-slate-400 font-medium\">\n            Proses Administrasi Aman\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Step 4 --><\/p>\n<div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm relative flex flex-col justify-between group hover:border-[rgb(0,51,102)] transition-all\">\n<div>\n<div class=\"flex items-center justify-between mb-4\">\n              <span class=\"w-10 h-10 rounded-xl bg-[rgb(0,51,102)] text-white font-extrabold text-sm flex items-center justify-center shadow-xs\">04<\/span><br \/>\n              <span class=\"text-xs font-bold uppercase tracking-wider text-amber-600\">Pengiriman<\/span>\n            <\/div>\n<h3 class=\"font-bold text-slate-900 text-base mb-2\">Delivery \/ Pengambilan<\/h3>\n<p class=\"text-xs text-slate-600 leading-relaxed\">\n              Barang diproses dan dikirimkan secara tepat waktu ke lokasi proyek Anda atau dijadwalkan untuk pengambilan langsung di plant resmi kami.\n            <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-4 border-t border-slate-100 text-[11px] text-slate-400 font-medium\">\n            Distribusi Andal\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- SALES CONTACT TABLE SECTION (Sesuai Referensi Gambar) --><\/p>\n<div class=\"bg-white rounded-2xl border border-slate-200 p-6 sm:p-8 shadow-sm space-y-6\">\n<div>\n          <span class=\"text-xs font-bold uppercase tracking-wider text-amber-600 block mb-1\">Layanan Pelanggan &#038; Pemesanan<\/span><\/p>\n<h3 class=\"text-xl font-bold text-slate-900\">Kontak Resmi Tim Pemasaran KWOSM<\/h3>\n<p class=\"text-xs text-slate-500 mt-1\">Silakan hubungi kontak berikut untuk pemesanan langsung:<\/p>\n<\/p><\/div>\n<div class=\"overflow-x-auto custom-scrollbar border border-slate-200 rounded-xl\">\n<table class=\"w-full text-left text-sm\">\n<thead class=\"bg-slate-50 text-slate-700 font-semibold border-b border-slate-200\">\n<tr>\n<th class=\"p-4\">Division<\/th>\n<th class=\"p-4\">Contact Person<\/th>\n<th class=\"p-4\">Email Address<\/th>\n<th class=\"p-4\">Telephone<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"divide-y divide-slate-100 text-slate-600\">\n<tr>\n<td class=\"p-4 font-medium text-slate-900\">Sales<\/td>\n<td class=\"p-4 font-semibold text-slate-800\">Ghaesani<\/td>\n<td class=\"p-4\">\n                  <a href=\"mailto:nurvianda@kwosm.co.id\" class=\"text-[#003366] font-medium hover:underline\">nurvianda@kwosm.co.id<\/a>\n                <\/td>\n<td class=\"p-4\">\n                  <!-- Tombol WhatsApp hijau persis referensi gambar --><br \/>\n                  <a href=\"https:\/\/wa.me\/6281316306792\" target=\"_blank\" class=\"inline-flex items-center gap-2 bg-[#008000] hover:bg-green-700 text-white text-xs font-bold px-4 py-2 rounded-lg shadow-sm transition-all\"><br \/>\n                    <i data-lucide=\"phone\" class=\"w-3.5 h-3.5\"><\/i><br \/>\n                    <span>+6281316306792<\/span><br \/>\n                  <\/a>\n                <\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<p>  <!-- ==================== JAVASCRIPT LOGIC ==================== --><br \/>\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      if (typeof lucide !== 'undefined') {\n        lucide.createIcons();\n      }\n    });\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>KWOSM &#8211; How To Order Portal Panduan Transaksi How To Order Ikuti tahapan pemesanan produk baja resmi PT Krakatau Wajatama Osaka Steel Marketing dengan mudah, cepat, dan aman melalui tim pemasaran kami. Share Article:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":0,"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"wp:attachment":[{"href":"http:\/\/103.247.10.214\/kwosm\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}