{"id":37,"date":"2025-06-29T03:23:40","date_gmt":"2025-06-29T03:23:40","guid":{"rendered":"https:\/\/dev.fakultas.stiami.ac.id\/?page_id=37"},"modified":"2025-06-29T03:23:40","modified_gmt":"2025-06-29T03:23:40","slug":"live-chat","status":"publish","type":"page","link":"https:\/\/dev.fakultas.stiami.ac.id\/?page_id=37","title":{"rendered":"LIVE CHAT"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Live Chat FISMA Institut STIAMI - Layanan konsultasi real-time untuk informasi pendaftaran, program studi, dan beasiswa\">\n    <title>Live Chat FISMA STIAMI &#8211; Konsultasi Langsung dengan Tim Kami<\/title>\n    <style>\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            margin: 0;\n            padding: 20px;\n            max-width: 100%;\n        }\n        .content-container {\n            max-width: 100%;\n            margin: 0 auto;\n        }\n        h2 {\n            color: #2c3e50;\n            border-bottom: 2px solid #3498db;\n            padding-bottom: 8px;\n            margin-top: 30px;\n        }\n        .chat-container {\n            background-color: #f8f9fa;\n            border-radius: 8px;\n            padding: 20px;\n            margin: 20px 0;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n        }\n        .chat-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n        .chat-avatar {\n            width: 60px;\n            height: 60px;\n            background-color: #3498db;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 15px;\n            color: white;\n            font-size: 1.5em;\n            font-weight: bold;\n        }\n        .chat-info h3 {\n            margin: 0;\n            color: #2c3e50;\n        }\n        .chat-status {\n            display: inline-block;\n            background-color: #27ae60;\n            color: white;\n            padding: 3px 10px;\n            border-radius: 15px;\n            font-size: 0.8em;\n            margin-top: 5px;\n        }\n        .chat-messages {\n            height: 300px;\n            overflow-y: auto;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            padding: 15px;\n            margin-bottom: 15px;\n            background-color: white;\n        }\n        .message {\n            margin-bottom: 15px;\n            max-width: 80%;\n        }\n        .bot-message {\n            background-color: #e3f2fd;\n            padding: 10px 15px;\n            border-radius: 15px 15px 15px 0;\n            align-self: flex-start;\n        }\n        .user-message {\n            background-color: #3498db;\n            color: white;\n            padding: 10px 15px;\n            border-radius: 15px 15px 0 15px;\n            margin-left: auto;\n        }\n        .chat-input {\n            display: flex;\n            gap: 10px;\n        }\n        .chat-input input {\n            flex: 1;\n            padding: 12px 15px;\n            border: 1px solid #ddd;\n            border-radius: 25px;\n            font-size: 1em;\n        }\n        .chat-input button {\n            background-color: #3498db;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 50px;\n            height: 50px;\n            cursor: pointer;\n            font-size: 1.2em;\n        }\n        .quick-questions {\n            margin: 20px 0;\n        }\n        .quick-question {\n            display: inline-block;\n            background-color: #e3f2fd;\n            color: #1976d2;\n            padding: 8px 15px;\n            border-radius: 20px;\n            margin: 5px;\n            cursor: pointer;\n            font-size: 0.9em;\n        }\n        .quick-question:hover {\n            background-color: #bbdefb;\n        }\n        .contact-options {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 15px;\n            margin: 25px 0;\n        }\n        .contact-option {\n            background-color: #f8f9fa;\n            border-radius: 8px;\n            padding: 15px;\n            text-align: center;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n        }\n        .contact-icon {\n            font-size: 2em;\n            color: #3498db;\n            margin-bottom: 10px;\n        }\n        .highlight-box {\n            background-color: #e8f4fc;\n            padding: 15px;\n            border-radius: 5px;\n            margin: 25px 0;\n        }\n        .cta-container {\n            text-align: center;\n            margin: 40px 0 20px;\n        }\n        .cta-button {\n            display: inline-block;\n            background-color: #3498db;\n            color: white;\n            padding: 12px 25px;\n            text-decoration: none;\n            border-radius: 5px;\n            font-weight: bold;\n            transition: background-color 0.3s;\n        }\n        .cta-button:hover {\n            background-color: #2980b9;\n        }\n        .footer {\n            font-size: 0.9em;\n            color: #7f8c8d;\n            margin-top: 40px;\n            padding-top: 15px;\n            border-top: 1px solid #eee;\n        }\n        @media (max-width: 768px) {\n            .contact-options {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<\/head>\n<body>\n    <div class=\"content-container\">\n        <p>Layanan Live Chat FISMA Institut STIAMI memberikan kemudahan bagi calon mahasiswa untuk mendapatkan informasi real-time tentang pendaftaran, program studi, dan beasiswa langsung dari tim kami.<\/p>\n\n        <div class=\"highlight-box\">\n            <p><strong>Keunggulan Live Chat:<\/strong> Respon Cepat (dalam 3 menit) | Bimbingan Langsung | Informasi Terupdate | Solusi Personal | Buka Setiap Hari<\/p>\n        <\/div>\n\n        <h2>Chat Langsung dengan Tim PMB<\/h2>\n        <div class=\"chat-container\">\n            <div class=\"chat-header\">\n                <div class=\"chat-avatar\">ST<\/div>\n                <div class=\"chat-info\">\n                    <h3>Tim PMB STIAMI<\/h3>\n                    <span class=\"chat-status\">Online<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"chat-messages\" id=\"chatMessages\">\n                <div class=\"message bot-message\">\n                    Halo! Saya Virtual Assistant STIAMI. Ada yang bisa saya bantu? Silakan pilih pertanyaan cepat di bawah atau ketik pertanyaan Anda.\n                <\/div>\n            <\/div>\n            \n            <div class=\"quick-questions\">\n                <div class=\"quick-question\" onclick=\"addQuickQuestion('Berapa biaya kuliah di STIAMI?')\">Biaya kuliah<\/div>\n                <div class=\"quick-question\" onclick=\"addQuickQuestion('Apa saja program studi yang tersedia?')\">Program studi<\/div>\n                <div class=\"quick-question\" onclick=\"addQuickQuestion('Bagaimana cara daftar beasiswa?')\">Beasiswa<\/div>\n                <div class=\"quick-question\" onclick=\"addQuickQuestion('Apakah ada kelas karyawan?')\">Kelas karyawan<\/div>\n            <\/div>\n            \n            <div class=\"chat-input\">\n                <input type=\"text\" id=\"userInput\" placeholder=\"Ketik pesan Anda...\" onkeypress=\"handleKeyPress(event)\">\n                <button onclick=\"sendMessage()\"><i class=\"fas fa-paper-plane\"><\/i><\/button>\n            <\/div>\n        <\/div>\n\n        <h2>Alternatif Layanan Lainnya<\/h2>\n        <div class=\"contact-options\">\n            <div class=\"contact-option\">\n                <div class=\"contact-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\n                <h3>WhatsApp<\/h3>\n                <p>Respon lebih personal melalui WhatsApp<\/p>\n                <a href=\"https:\/\/wa.me\/6281292200100\" class=\"cta-button\" style=\"padding: 8px 15px; font-size: 0.9em;\">Chat via WhatsApp<\/a>\n            <\/div>\n            <div class=\"contact-option\">\n                <div class=\"contact-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n                <h3>Telepon<\/h3>\n                <p>Hubungi kami langsung di jam kerja<\/p>\n                <a href=\"tel:+62214213380\" class=\"cta-button\" style=\"padding: 8px 15px; font-size: 0.9em;\">(021) 421-3380<\/a>\n            <\/div>\n            <div class=\"contact-option\">\n                <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                <h3>Email<\/h3>\n                <p>Untuk pertanyaan lebih detail<\/p>\n                <a href=\"mailto:info@stiami.ac.id\" class=\"cta-button\" style=\"padding: 8px 15px; font-size: 0.9em;\">info@stiami.ac.id<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"highlight-box\">\n            <p>&#8220;Live Chat STIAMI sangat membantu! Saya mendapat jawaban lengkap tentang program Manajemen Komunikasi dalam waktu 5 menit saja.&#8221; &#8211; <em>Andika Pratama, Calon Mahasiswa<\/em><\/p>\n        <\/div>\n\n        <h2>Jam Operasional Layanan<\/h2>\n        <ul>\n            <li><strong>Senin-Jumat:<\/strong> 08.00-21.00 WIB<\/li>\n            <li><strong>Sabtu-Minggu:<\/strong> 09.00-17.00 WIB<\/li>\n            <li><strong>Hari Libur:<\/strong> Tetap buka dengan jam terbatas<\/li>\n        <\/ul>\n        <p>Di luar jam operasional, Anda dapat meninggalkan pesan dan kami akan membalas di jam kerja berikutnya.<\/p>\n\n        <div class=\"cta-container\">\n            <a href=\"https:\/\/pmb.stiami.ac.id\" class=\"cta-button\">Daftar Sekarang<\/a>\n            <a href=\"https:\/\/www.stiami.ac.id\/kunjungan\" class=\"cta-button\" style=\"background-color: #27ae60; margin-left: 10px;\">Jadwalkan Kunjungan<\/a>\n        <\/div>\n\n        <div class=\"footer\">\n            <p><strong>Penulis:<\/strong> Suyaka Rendhy<br>\n            <strong>Editor:<\/strong> Humas Institut STIAMI<br>\n            Terakhir diperbarui: Juni 2025<\/p>\n            <p>Informasi lebih lanjut: <a href=\"https:\/\/www.stiami.ac.id\">www.stiami.ac.id<\/a><\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Fungsi untuk simulasi live chat\n        function sendMessage() {\n            const userInput = document.getElementById('userInput');\n            const chatMessages = document.getElementById('chatMessages');\n            \n            if (userInput.value.trim() !== '') {\n                \/\/ Tambahkan pesan user\n                const userMessage = document.createElement('div');\n                userMessage.className = 'message user-message';\n                userMessage.textContent = userInput.value;\n                chatMessages.appendChild(userMessage);\n                \n                \/\/ Scroll ke bawah\n                chatMessages.scrollTop = chatMessages.scrollHeight;\n                \n                \/\/ Simpan pertanyaan\n                const question = userInput.value;\n                userInput.value = '';\n                \n                \/\/ Beri waktu sebelum bot merespon\n                setTimeout(() => {\n                    \/\/ Tambahkan pesan bot\n                    const botMessage = document.createElement('div');\n                    botMessage.className = 'message bot-message';\n                    \n                    \/\/ Respon berdasarkan pertanyaan\n                    if (question.includes('biaya') || question.includes('harga') || question.includes('uang')) {\n                        botMessage.textContent = 'Biaya kuliah di FISMA bervariasi tergantung program studi, mulai dari Rp3,8 juta\/semester (D3) hingga Rp6 juta\/semester (S1 Kelas Karyawan). Ada banyak beasiswa yang bisa Anda manfaatkan. Mau info lebih detail?';\n                    } else if (question.includes('program studi') || question.includes('jurusan')) {\n                        botMessage.textContent = 'FISMA menawarkan 3 program studi unggulan: Manajemen Komunikasi, Manajemen Logistik, dan Hospitaliti & Pariwisata. Juga ada program D3 Administrasi Bisnis. Program mana yang ingin Anda ketahui lebih lanjut?';\n                    } else if (question.includes('beasiswa') || question.includes('bantuan')) {\n                        botMessage.textContent = 'STIAMI menyediakan berbagai beasiswa: Prestasi (30-100%), KIP Kuliah (Rp2,4-8 juta), Hafiz Quran (50-100%), dan lainnya. Apakah Anda ingin mengetahui syarat khusus suatu beasiswa?';\n                    } else if (question.includes('karyawan') || question.includes('kerja')) {\n                        botMessage.textContent = 'Kelas karyawan tersedia dengan jadwal fleksibel (malam\/weekend). Biaya sedikit lebih tinggi namun bisa dicicil. Mau saya jelaskan lebih rinci?';\n                    } else {\n                        botMessage.textContent = 'Terima kasih atas pertanyaan Anda. Tim kami akan segera menghubungi Anda untuk informasi lebih lengkap. Apakah ada hal lain yang bisa saya bantu?';\n                    }\n                    \n                    chatMessages.appendChild(botMessage);\n                    chatMessages.scrollTop = chatMessages.scrollHeight;\n                }, 1000);\n            }\n        }\n        \n        \/\/ Fungsi untuk pertanyaan cepat\n        function addQuickQuestion(question) {\n            document.getElementById('userInput').value = question;\n            sendMessage();\n        }\n        \n        \/\/ Fungsi untuk tekan enter\n        function handleKeyPress(e) {\n            if (e.key === 'Enter') {\n                sendMessage();\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Live Chat FISMA STIAMI &#8211; Konsultasi Langsung dengan Tim Kami Layanan Live Chat FISMA Institut STIAMI memberikan kemudahan bagi calon mahasiswa untuk mendapatkan informasi real-time tentang pendaftaran, program studi, dan&hellip;<a href=\"https:\/\/dev.fakultas.stiami.ac.id\/?page_id=37\" class=\"more-link\"><span class=\"more-button\">Continue reading<span class=\"screen-reader-text\">LIVE CHAT<\/span><\/span><\/a><\/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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":1,"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/dev.fakultas.stiami.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}