> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Tetapan Log Masuk Facebook di Laman Web Anda ### Dalam artikel ini: 1. Pasang aplikasi Log masuk Facebook 2. Edit halaman kebenaran (pilihan anda sendiri) ## **1. Pasang aplikasi Log masuk Facebook** **Langkah 1 :** Pergi ke Admin EasyStore> Aplikasi > cari 'Facebook Login' dan pasang aplikasi tersebut. ![](https://storage.crisp.chat/users/helpdesk/website/e7a8a243f2682000/d92a6a02-493d-47d4-9a69-2ac631_4ghtf7.png) **Langkah 2 :** Langkau **Authorization page (halaman kebenaran)** and **Customize authorization page**, kami akan kembali kemudian dalam Bahagian 2 di bawah. **Langkah 3 :** Pergi ke 'Settings' pilih tetapan paparan pilihan anda> Simpan. ![](https://storage.crisp.chat/users/helpdesk/website/a7f95a7ba9d90000/cf3687b4-3a66-4f1f-8c5c-cf9296_1yravgm.png) **💡 Tips :** Jika anda ingin butang log masuk Facebook muncul di bar atas, pastikan anda memilih 'Top bar and login page'. **Fungsi ini disokong dalam tema :** * Mini Style * Adventure Camping * The Summer * Dreams Bedding * Happy Kitchen * Flower & Tea House * Prime * Homines * Hortus * WildHeart * Mensclub * Electron * Sweet Honey * Whale Book * Pastel * Crescendo * Espresso * Monday blue * Jim & Joe * Cyclops * Breezy * Stoneware * Hikari * Evolution * Petal * Bluepups * Wooden * Inspiration * DOUX * Aperture * Sprinkle * Radiant * Gents * North **Langkah 4 :** Siap untuk Bahagian 1. ## **2. Kemaskini halaman kebenaran ( pilihan anda sendiri)** **Langkah 1 :** Langkah ini diperlukan hanya jika anda ingin menyesuaikan halaman kebenaran. ![](https://storage.crisp.chat/users/helpdesk/website/79d65a7f14a7c800/971b2340-f053-4cfa-9a1c-d82920_z57ws2.png) **Langkah 2 :** Untuk menyesuaikannya, anda perlu mencipta ID app Facebook dan sediakan Facebook Login app di Facebook for Developers. **Langkah 3 :** Pergi ke [Facebook for Developers](https://developers.facebook.com/) dan log masuk dengan akaun Facebook anda. ![](https://storage.crisp.chat/users/helpdesk/website/82046b16d292d000/f4c92c9a-83c0-405b-8423-249057_xmbdc9.png) **Langkah 4 :** Pergi ke My Apps > Add New App. ![](https://storage.crisp.chat/users/helpdesk/website/8286fa73757c3000/38be130a-2ec3-47e6-8046-feb8f3_2x9g6z.png) **Langkah 5 :** Masukkan Nama dan E-mel > Create App ID > lengkapkan pemeriksaan keselamatan. ![](https://storage.crisp.chat/users/helpdesk/website/711f1b65e9c0e800/a6ef84e2-c693-4055-854d-6a3ae1_luj82t.png) **Langkah 6 :** Pilih **Facebook Login** > **Set up**. ![](https://storage.crisp.chat/users/helpdesk/website/3dad3a52ee06d0/923ae6f0-f879-4b4b-b11e-9db7f1_p46mgh.png) **Langkah 7 :** Pilih **Web** pada pop up. ![](https://storage.crisp.chat/users/helpdesk/website/2d29f002fd3b1800/1cdf263e-13f5-42e2-abed-6215e5_ie4z34.png) **Langkah 8 :** Balik ke Admin EasyStore > Facebook Login app > Customize authorization page > Step 2 untuk salinkan**Your Site URL**. ![](https://storage.crisp.chat/users/helpdesk/website/ec5f7d7cf18dc800/e75c223d-083f-4fdd-8cb9-73b52a_16bv529.png) **Langkah 9 :** Pergi ke Facebook for Developer > tampalkan URL bawah **Site URL** > Simpan > Continue ( Butang **Continue** button hanya akan dapat diklik selepas butang Save diklik). ![](https://storage.crisp.chat/users/helpdesk/website/1bada139da004900/9a6786dd-c626-454e-8e69-e64db3_15ycklz.png) **Langkah 10 ：** Teruskan klik **Next** untuk semua tab yang akan datang (anda perlu klik selama 3 kali). ![](https://storage.crisp.chat/users/helpdesk/website/325326d566bf0c00/774192c9-2951-4d87-a56e-059021_kiloi8.png) **Langkah 11:** Pergi ke Facebook Login > Settings > pastikan elemen di bawah telah dibuka : * **Client OAuth Login** * **Web OAuth Login** * **Use Strict Mode for Redirect URIs** ![](https://storage.crisp.chat/users/helpdesk/website/655611f1738d7000/b6b1822b-1093-46d1-bec9-fe3e33_1ypag9f.png) **Langkah 12** : Pergi ke aplikasi EasyStore Facebook Login app > Customize authorization page > Step 3 untuk salin URL tersebut.  ![](https://storage.crisp.chat/users/helpdesk/website/5da156cfa3819c00/42a42b39-f1be-4092-9103-c0f23e_9dgpui.png) **Langkah 13 :** Pergi ke Facebook for Developer > Facebook Login > Settings > whitelist URL dibawah **Valid OAuth Redirect URIs** > Simpan. ![](https://storage.crisp.chat/users/helpdesk/website/134997e4c5d70600/a00fb8c3-272c-40a3-8b08-2e747b_121qwf6.png) **Langkah 14 :** Pergi ke Settings > Basic dan isikan maklumat yang diperlukan > Simpan.  1. **Display Name**:nama yang dipaparkan pada halaman Kebenaran. 2. **Namespace:** huruf kecil untuk 'Display name'  3. **App Domain:** apps.easystore.co 4. **Contact Email:** alamat e-mel utama anda 5. **Privacy Policy URL:** masukkan URL Dasar Privasi website anda 6. **Terms of  Service URL:** masukkan URL Terma & Syarat website anda 7. **App Icon:** Muatnaik logo perniagaan anda, hanya dimensi 1024 x 1024 diterima ![](https://storage.crisp.chat/users/helpdesk/website/824d5384559e5800/f316f0e1-d3c6-435f-a6ab-acf771_r55zel.png) **Langkah 15 :** Pergi ke **Website** > pastikan Site URL adalah sama dengan langkah 2.8  ![](https://storage.crisp.chat/users/helpdesk/website/3de8962118a98c00/c87ef62e-c500-486c-b08f-ba64c4_1x9rk5l.png) **Langkah 16** : Jangan lupa untuk bukakan aplikasi anda di bahagian atas halaman. ![](https://storage.crisp.chat/users/helpdesk/website/6e2d8823e5cbcc00/33908feb-8a0d-4527-8a15-25f4fe_1kgfl82.png) **Langkah 17 :** Pergi ke Settings > Basic untuk dapatkan **App ID** dan **App Secret**. ![](https://storage.crisp.chat/users/helpdesk/website/30286fc59823d800/99321996-a9a3-412e-a9f4-810bdf_fjeucl.png) **Langkah 18 :** Pergi ke aplikasi EasyStore Facebook Login > Customize authorization page > Step 5 untuk tampilkan App ID dan App Secret > Simpan.  ![](https://storage.crisp.chat/users/helpdesk/website/7a87ba5bf4fac800/278c2886-86b4-40a8-87a2-3367aa_1nm3nuc.png) **Langkah 19 :** Siap!