{"id":2231,"date":"2021-12-21T02:10:43","date_gmt":"2021-12-21T02:10:43","guid":{"rendered":"https:\/\/www.qiscus.com\/id\/?p=2231"},"modified":"2025-08-29T11:17:41","modified_gmt":"2025-08-29T04:17:41","slug":"integrasi-react-native-in-app-widget-pada-mobile-application-anda","status":"publish","type":"post","link":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/","title":{"rendered":"Integrasi React Native In-App Widget pada Mobile Application Anda"},"content":{"rendered":"\n<p>Selain menyediakan <em>In-App Widget<\/em> untuk Android dan <a href=\"https:\/\/www.qiscus.com\/id\/blog\/integrasi-widget-ios-cepat-dan-mudah-pada-aplikasi-bisnis-anda\/\">iOS<\/a>, Qiscus juga menyediakan <em>In-App Widget<\/em> untuk <strong>React Native<\/strong> bagi Anda yang mempunyain <em>mobile application<\/em> berbasis React Native. Untuk mengetahui lebih lanjut mengenati apa saja keuntungan dari <em>In-App Widget <\/em>Anda dapat mengunjungi artikel sebelumnya di <a href=\"https:\/\/www.qiscus.com\/en\/blog\/android-widgets-integration-easing-customers-reaching-out-to-brands\/\">halaman ini<\/a>. Proses integrasi React Native In-App Widget ini pun juga tidak kalah mudah dengan Android maupun iOS In-App Widget.<\/p>\n\n\n\n<p>Berikut merupakan langkah-langkah dalam melakukan integrasi Qiscus Widget pada sistem React Native:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Anda harus memiliki <strong>akun Qiscus Multichannel Chat<\/strong> terlebih dahulu. Untuk mendapatkannya, Anda dapat melakukan registrasi dengan menggunakan email.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-1024x551.png\" alt=\"Group 421.png\" class=\"wp-image-2232\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-30.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Login ke Qiscus Multichannel Chat dengan menggunakan <strong>email<\/strong> dan <strong>password<\/strong> yang sudah terdaftar<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-1024x551.png\" alt=\"Group 422.png\" class=\"wp-image-2234\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-32.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3. Kunjungi halaman \u2018<strong>Setting<\/strong>\u2019<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-1024x551.png\" alt=\"Group 419.png\" class=\"wp-image-2233\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-31.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>4. Klik menu \u2018<strong>App Information<\/strong>\u2019<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-1024x551.png\" alt=\"Group 420.png\" class=\"wp-image-2236\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-34.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. <strong>App ID<\/strong> dapat ditemukan pada kolom \u2018App Information\u2019<\/p>\n\n\n\n<p>6. Kunjungi halaman \u2018<strong>Integration<\/strong>\u2019<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-1024x551.png\" alt=\"Group 423.png\" class=\"wp-image-2235\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-33.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>7. Pilih \u2018<strong>Qiscus Widget<\/strong>\u2019<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-1024x551.png\" alt=\"Group 424.png\" class=\"wp-image-2237\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-36.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>8. Aktifkan <strong>toggle<\/strong> Qiscus Widget<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-1024x551.png\" alt=\"Group 425.png\" class=\"wp-image-2238\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-35.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>9. Jika Anda ingin mengintegrasikan dengan channel Qiscus Widget secara spesifik, Anda membutuhkan <strong>channel_id<\/strong> dari Qiscus Widget tersebut yang dapat diperoleh dari bagian dibawah ini:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-1024x623.png\" alt=\"yfaz7vcbbuazjkjbl2aa.png\" class=\"wp-image-2239\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-1024x623.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-300x182.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-768x467.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-380x231.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-800x487.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37-1160x705.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-37.png 1526w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>10. Tambahkan library Qiscus ke aplikasi Anda dengan menjalankan <strong><code>yarn<\/code><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"># Qiscus Multichannel main package<br>yarn add @qiscus-community\/react-native-multichannel-widget@2.0.1-beta.0<br><br># Dependencies required for qiscus multichannel<br>yarn add @react-native-async-storage\/async-storage react-native-document-picker<\/pre>\n\n\n\n<p>11. Buka <code>example\/src\/App.tsx<\/code><\/p>\n\n\n\n<p>12. Ganti bagian <code>YOUR_APP_ID<\/code> menjadi <code>appId<\/code> yang telah Anda peroleh pada <strong>langkah 5<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><MultichannelWidgetProvider appId={APP_ID}><br><App \/><br><\/MultichannelWidgetProvider><\/pre>\n\n\n\n<p>13. Anda dapat mengintegrasikan spesifik Qiscus Widget dengan mengimplementasikan kode dibawah ini. <strong>channelId<\/strong> diperoleh dari langkah 9.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">widget.setChannelId(channel_id);<\/pre>\n\n\n\n<p>14. Integrasi sudah selesai, pelanggan dapat berkomunikasi melalui <em>mobile application<\/em> React Native Anda<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"461\" height=\"1024\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-461x1024.png\" alt=\"Screenshot_2021-12-15-13-13-53-114_com.example.reactnativemultichannelwidget.jpg\" class=\"wp-image-2241\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-461x1024.png 461w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-135x300.png 135w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-768x1707.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-691x1536.png 691w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-922x2048.png 922w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-380x844.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39-800x1778.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-39.png 1080w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/figure>\n\n\n\n<p>15. Anda dapat merespon pelanggan melalui dashboard Qiscus Multichannel Chat.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-1024x551.png\" alt=\"Group 4.png\" class=\"wp-image-2240\" srcset=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-1024x551.png 1024w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-300x162.png 300w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-768x413.png 768w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-380x205.png 380w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-800x431.png 800w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38-1160x625.png 1160w, https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/image-38.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sangat mudah bukan? Jika Anda membutuhkan tutorial yang lebih mendalam, Anda dapat mengunjungi halaman dokumentasi berikut <a href=\"https:\/\/documentation.qiscus.com\/omnichannel-chat\">ini<\/a>. Selain itu Anda juga dapat menghubungi tim kami di <a href=\"https:\/\/support.qiscus.com\/hc\/en-us\">sini<\/a> jika menemukan kendala saat melakukan proses integrasi Qiscus Widget ke dalam sistem React Native.<\/p>\n","protected":false},"excerpt":{"rendered":"Selain menyediakan In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda&hellip;\n","protected":false},"author":14,"featured_media":2242,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2],"tags":[14,630,778,48],"class_list":{"0":"post-2231","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorial","8":"tag-qiscus-multichannel-chat","9":"tag-qiscus-widget","10":"tag-react-native","11":"tag-tutorial"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Integrasi React Native In-App Widget pada Mobile Application Anda<\/title>\n<meta name=\"description\" content=\"Selain In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda yang mempunyain mobile application berbasis React Native.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrasi React Native In-App Widget pada Mobile Application Anda\" \/>\n<meta property=\"og:description\" content=\"Selain In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda yang mempunyain mobile application berbasis React Native.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/\" \/>\n<meta property=\"og:site_name\" content=\"Omnichannel Conversational Platform\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Qiscus\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-21T02:10:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-29T04:17:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"risna\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@qiscus_io\" \/>\n<meta name=\"twitter:site\" content=\"@qiscus_io\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"risna\" \/>\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:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/\"},\"author\":{\"name\":\"risna\",\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/#\\\/schema\\\/person\\\/eb5f00564321faad42fdb862cf114e1b\"},\"headline\":\"Integrasi React Native In-App Widget pada Mobile Application Anda\",\"datePublished\":\"2021-12-21T02:10:43+00:00\",\"dateModified\":\"2025-08-29T04:17:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/\"},\"wordCount\":259,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2021\\\/12\\\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png\",\"keywords\":[\"Qiscus Multichannel Chat\",\"Qiscus Widget\",\"React Native\",\"Tutorial\"],\"articleSection\":[\"Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/\",\"url\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/\",\"name\":\"Integrasi React Native In-App Widget pada Mobile Application Anda\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2021\\\/12\\\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png\",\"datePublished\":\"2021-12-21T02:10:43+00:00\",\"dateModified\":\"2025-08-29T04:17:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/#\\\/schema\\\/person\\\/eb5f00564321faad42fdb862cf114e1b\"},\"description\":\"Selain In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda yang mempunyain mobile application berbasis React Native.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2021\\\/12\\\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png\",\"contentUrl\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2021\\\/12\\\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tutorial\",\"item\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/category\\\/tutorial\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrasi React Native In-App Widget pada Mobile Application Anda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/\",\"name\":\"Omnichannel Conversational Platform\",\"description\":\"Artikel bagi Perusahaan untuk memajukan Customer Experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/#\\\/schema\\\/person\\\/eb5f00564321faad42fdb862cf114e1b\",\"name\":\"risna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4f49d6f5135a5ecba43e39934dd99b3ff224ad75abcfade3964fdbcb053255ad?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4f49d6f5135a5ecba43e39934dd99b3ff224ad75abcfade3964fdbcb053255ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4f49d6f5135a5ecba43e39934dd99b3ff224ad75abcfade3964fdbcb053255ad?s=96&d=mm&r=g\",\"caption\":\"risna\"},\"url\":\"https:\\\/\\\/www.qiscus.com\\\/id\\\/blog\\\/author\\\/risna\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrasi React Native In-App Widget pada Mobile Application Anda","description":"Selain In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda yang mempunyain mobile application berbasis React Native.","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:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/","og_locale":"en_US","og_type":"article","og_title":"Integrasi React Native In-App Widget pada Mobile Application Anda","og_description":"Selain In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda yang mempunyain mobile application berbasis React Native.","og_url":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/","og_site_name":"Omnichannel Conversational Platform","article_publisher":"https:\/\/www.facebook.com\/Qiscus","article_published_time":"2021-12-21T02:10:43+00:00","article_modified_time":"2025-08-29T04:17:41+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png","type":"image\/png"}],"author":"risna","twitter_card":"summary_large_image","twitter_creator":"@qiscus_io","twitter_site":"@qiscus_io","twitter_misc":{"Written by":"risna","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#article","isPartOf":{"@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/"},"author":{"name":"risna","@id":"https:\/\/www.qiscus.com\/id\/#\/schema\/person\/eb5f00564321faad42fdb862cf114e1b"},"headline":"Integrasi React Native In-App Widget pada Mobile Application Anda","datePublished":"2021-12-21T02:10:43+00:00","dateModified":"2025-08-29T04:17:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/"},"wordCount":259,"commentCount":0,"image":{"@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#primaryimage"},"thumbnailUrl":"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png","keywords":["Qiscus Multichannel Chat","Qiscus Widget","React Native","Tutorial"],"articleSection":["Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/","url":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/","name":"Integrasi React Native In-App Widget pada Mobile Application Anda","isPartOf":{"@id":"https:\/\/www.qiscus.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#primaryimage"},"image":{"@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#primaryimage"},"thumbnailUrl":"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png","datePublished":"2021-12-21T02:10:43+00:00","dateModified":"2025-08-29T04:17:41+00:00","author":{"@id":"https:\/\/www.qiscus.com\/id\/#\/schema\/person\/eb5f00564321faad42fdb862cf114e1b"},"description":"Selain In-App Widget untuk Android dan iOS, Qiscus juga menyediakan In-App Widget untuk React Native bagi Anda yang mempunyain mobile application berbasis React Native.","breadcrumb":{"@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#primaryimage","url":"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png","contentUrl":"https:\/\/www.qiscus.com\/id\/wp-content\/uploads\/sites\/2\/2021\/12\/Blog_Tech_Article_-_Integrasi_Qiscus_Widget_di_RN-1.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-react-native-in-app-widget-pada-mobile-application-anda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Tutorial","item":"https:\/\/www.qiscus.com\/id\/blog\/category\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Integrasi React Native In-App Widget pada Mobile Application Anda"}]},{"@type":"WebSite","@id":"https:\/\/www.qiscus.com\/id\/#website","url":"https:\/\/www.qiscus.com\/id\/","name":"Omnichannel Conversational Platform","description":"Artikel bagi Perusahaan untuk memajukan Customer Experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.qiscus.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.qiscus.com\/id\/#\/schema\/person\/eb5f00564321faad42fdb862cf114e1b","name":"risna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4f49d6f5135a5ecba43e39934dd99b3ff224ad75abcfade3964fdbcb053255ad?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f49d6f5135a5ecba43e39934dd99b3ff224ad75abcfade3964fdbcb053255ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4f49d6f5135a5ecba43e39934dd99b3ff224ad75abcfade3964fdbcb053255ad?s=96&d=mm&r=g","caption":"risna"},"url":"https:\/\/www.qiscus.com\/id\/blog\/author\/risna\/"}]}},"_links":{"self":[{"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/posts\/2231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/comments?post=2231"}],"version-history":[{"count":3,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/posts\/2231\/revisions"}],"predecessor-version":[{"id":9470,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/posts\/2231\/revisions\/9470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/media\/2242"}],"wp:attachment":[{"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/media?parent=2231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/categories?post=2231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.qiscus.com\/id\/wp-json\/wp\/v2\/tags?post=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}