{"title":"Our recommendation","category":"default","creationDate":1776961627,"content":"<p><a href=\"\/online-payments\/interactive-guide\/question-4\" class=\"adl-button adl-button--secondary\">Back to question<\/a><\/p>\n<h2>Drop-in<\/h2>\n<p>Drop-in allows you to integrate quickly, and without extensive front end development work.<\/p>\n<p>You can customize the Drop-in user interface, allowing you to match the styling to your brand, and the language to your customer.<\/p>\n<p>To add a payment method to a Drop-in integration you only need to enable it in the Adyen Customer Area.<\/p>\n<p>Drop-in renders as a pre-built checkout in your website or app:<\/p>\n<div  class=\"dropin dropin-default\"><\/div>\n<script src=\"https:\/\/checkoutshopper-test.adyen.com\/checkoutshopper\/sdk\/3.11.0\/adyen.js\" integrity=\"sha384-sR3tFyFWM09aya\/mpkzB0fV4t+g6b4i64izXXy+lSSTmrgL\/9\/cdNFURV5T9gUbI\" crossorigin=\"anonymous\"><\/script>\n<script src=\"\/online-payments\/interactive-guide\/drop-in\/ui-config.js\"><\/script>\n<script src=\"\/online-payments\/interactive-guide\/drop-in\/custom-ui-drop-in.js\"><\/script>\n<link href=\"\/online-payments\/interactive-guide\/drop-in\/custom-dropin-default.css\" rel=\"stylesheet\">\n<h3>Integrate Drop-in<\/h3>\n<style>\n    .fingerpost__link img.icon {\n        padding: 24px 18px 0 0;\n        margin-bottom: 12px;\n        margin-top: -24px;\n    }\n    .fingerpost {\n      margin-top: 24px;\n    }\n<\/style>\n<p>Ready to integrate <strong>Drop-in<\/strong>? Select a platform below to start building your integration.<\/p>\n<div class=\"fingerpost output-inline\">\n<a href=\"\/online-payments\/build-your-integration\/sessions-flow\/?platform=Web&amp;integration=Drop-in\" class=\"fingerpost__link fingerpost__link--small\" style=\"overflow:hidden;\" target=\"_self\"><div class=\"fingerpost__body\"><p><img alt=\"\" class=\"icon\" src=\"\/user\/pages\/docs\/02.online-payments\/01.interactive-guide\/drop-in\/global.svg?decoding=auto&amp;fetchpriority=auto\" \/><span style=\"font-size: 18px;\"><strong>Web<\/strong><\/span><br \/>\nIntegrate Drop-in into your website.<\/p><\/div><\/a><a href=\"\/online-payments\/build-your-integration\/sessions-flow?platform=iOS&amp;integration=Drop-in\" class=\"fingerpost__link fingerpost__link--small\" style=\"overflow:hidden;\" target=\"_self\"><div class=\"fingerpost__body\"><p><img alt=\"\" class=\"icon\" src=\"\/user\/pages\/docs\/02.online-payments\/01.interactive-guide\/drop-in\/apple-logo.svg?decoding=auto&amp;fetchpriority=auto\" \/><span style=\"font-size: 18px;\"><strong>iOS<\/strong><\/span><br \/>\nIntegrate Drop-in into your iOS app.<\/p><\/div><\/a><a href=\"\/online-payments\/build-your-integration\/sessions-flow\/?platform=Android&amp;integration=Drop-in\" class=\"fingerpost__link fingerpost__link--small\" style=\"overflow:hidden;\" target=\"_self\"><div class=\"fingerpost__body\"><p><img alt=\"\" class=\"icon\" src=\"\/user\/pages\/docs\/02.online-payments\/01.interactive-guide\/drop-in\/android-logo.svg?decoding=auto&amp;fetchpriority=auto\" \/><span style=\"font-size: 18px;\"><strong>Android<\/strong><\/span><br \/>\nIntegrate Drop-in into your Android app.<\/p><\/div><\/a><\/div>\n","url":"https:\/\/docs.adyen.com\/online-payments\/interactive-guide\/drop-in","articleFields":{"description":"Based on your answers, this is the integration type we recommend.","robots":"noindex,nofollow","process":{"markdown":true,"twig":true},"twig_first":true},"algolia":{"url":"https:\/\/docs.adyen.com\/online-payments\/interactive-guide\/drop-in","title":"Our recommendation","content":"Back to question\nDrop-in\nDrop-in allows you to integrate quickly, and without extensive front end development work.\nYou can customize the Drop-in user interface, allowing you to match the styling to your brand, and the language to your customer.\nTo add a payment method to a Drop-in integration you only need to enable it in the Adyen Customer Area.\nDrop-in renders as a pre-built checkout in your website or app:\n\n\n\n\n\nIntegrate Drop-in\n\n    .fingerpost__link img.icon {\n        padding: 24px 18px 0 0;\n        margin-bottom: 12px;\n        margin-top: -24px;\n    }\n    .fingerpost {\n      margin-top: 24px;\n    }\n\nReady to integrate Drop-in? Select a platform below to start building your integration.\n\nWeb\nIntegrate Drop-in into your website.iOS\nIntegrate Drop-in into your iOS app.Android\nIntegrate Drop-in into your Android app.\n","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Online payments","lvl2":"Which integration should I use?","lvl3":"Our recommendation"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/online-payments","lvl2":"https:\/\/docs.adyen.com\/online-payments\/interactive-guide","lvl3":"\/online-payments\/interactive-guide\/drop-in"},"levels":4,"category":"Online Payments","category_color":"green","tags":["recommendation"]},"articleFiles":{"android-logo.svg":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/02.online-payments\/01.interactive-guide\/drop-in\/android-logo.svg?decoding=auto&amp;fetchpriority=auto\" \/>","apple-logo.svg":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/02.online-payments\/01.interactive-guide\/drop-in\/apple-logo.svg?decoding=auto&amp;fetchpriority=auto\" \/>","custom-dropin-default.css":"<p alt=\"\">custom-dropin-default.css<\/p>","custom-ui-drop-in.js":"<p alt=\"\">custom-ui-drop-in.js<\/p>","global.svg":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/02.online-payments\/01.interactive-guide\/drop-in\/global.svg?decoding=auto&amp;fetchpriority=auto\" \/>","ui-config.js":"<p alt=\"\">ui-config.js<\/p>"}}