{"id":6217,"date":"2022-05-25T13:24:03","date_gmt":"2022-05-25T07:54:03","guid":{"rendered":"https:\/\/razorpay.com\/learn\/?p=6217"},"modified":"2022-05-25T16:58:45","modified_gmt":"2022-05-25T11:28:45","slug":"integrations-made-easy-with-step-by-step-walkthrough-videos","status":"publish","type":"post","link":"https:\/\/razorpay.com\/learn\/integrations-made-easy-with-step-by-step-walkthrough-videos\/","title":{"rendered":"Integrations Made Easy with Step-by-Step Walkthrough Videos"},"content":{"rendered":"<p><span style=\"font-weight: 400;\"><strong>Integrations?<\/strong> Complex and time-consuming. Ask a developer. Yes, integrations can be frustrating.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Nobody Wants to Read<\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-medium\" src=\"https:\/\/media.giphy.com\/media\/NFA61GS9qKZ68\/giphy.gif\" width=\"500\" height=\"281\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">We cracked it using Integration Videos<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We wanted to help the developers have seamless integration without raising support tickets, waiting for the integration teams to connect back to them, and solving their queries over long calls. We also wanted to reduce the vast volume of integration tickets that were increasingly challenging with more and more merchants signing up for Razorpay.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We realised that although we have integrations documented, they are long, complex, and tedious.\u00a0<\/span><\/p>\n<p><strong>What could we do to keep the developers engaged and interested in the complex integration processes?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">We interviewed a few developers from the merchants\u2019 side and understood what information they look for while doing integrations and can make it engaging. Most of the developers wanted videos, which explained the process end-to-end. <\/span><i><span style=\"font-weight: 400;\">We said, \u201c<\/span><\/i><b><i>Yes, Boss!<\/i><\/b><i><span style=\"font-weight: 400;\">\u201d.<\/span><\/i><\/p>\n<h2><span style=\"font-weight: 400;\">Creating integration videos<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Creating the integration videos was quite complex. It involved participation and involvement with multiple teams, identifying the best video creation tool, multi-step video creation process, and rigorous review cycles.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Collaboration and planning: <\/b><span style=\"font-weight: 400;\">The Integrations team collaborated with the Razorpay Technical Writing team and came up with a plan to create integration videos. We identified SMEs and reviewers who would support the Technical Writing team in making these videos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Identifying the best tool: <\/b><span style=\"font-weight: 400;\">The Technical Writing team then evaluated a few video creation tools such as Adobe Captivate, Filmora,\u00a0 Final Cut Pro, Animaker, and finalised Techsmith Camtasia as the best fit for our use case.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Video creation process:<\/b><span style=\"font-weight: 400;\"> This is a multi-step process.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Setting up the environment for simulation:<\/b><span style=\"font-weight: 400;\"> Installing all the required applications, tools, and packages to simulate the integration process. This was different for each video<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Storyboarding: <\/b><span style=\"font-weight: 400;\">Creating a story for presenting the video<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Screen Recording:<\/b><span style=\"font-weight: 400;\"> Recording the process step-by-step<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Adding Captions: <\/b><span style=\"font-weight: 400;\">Adding captions and text slides<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Writing Script: <\/b><span style=\"font-weight: 400;\">Writing the script for the voice-over<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Voice Recording<\/b><span style=\"font-weight: 400;\">: Voice recording of the script required multiple takes and fine-tuning to eliminate the background noise<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Reviews: <\/b><span style=\"font-weight: 400;\">Multiple reviews by the integration engineer, SME, and editor ensured content accuracy. <\/span>After rigorous technical reviews, video quality checks, multiple iterations, blockers, and a few hiccups, we published 3 videos in 6 weeks!<\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Improved developer experience and reduced tickets<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The results were <strong>overwhelming<\/strong>. The integrations team reported a reduction in integration tickets by more than 50%!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With our first 3 integration videos, we recorded a decrease in integration tickets by more than 50%! We created more videos and received similar results. We were elated to hear that the developers super-liked our efforts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Example:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Integrating Razorpay with React Native Android App\u00a0<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=TCRHqz4Hh5Q\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/www.youtube.com\/watch?v=TCRHqz4Hh5Q<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Published on 16 December 2020, received more than 8K views, and developers love it!<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6219 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.29.40-AM.png\" alt=\"\" width=\"1246\" height=\"198\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.29.40-AM.png 1246w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.29.40-AM-300x48.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.29.40-AM-1024x163.png 1024w\" sizes=\"(max-width: 1246px) 100vw, 1246px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Integrating Razorpay on Flutter App<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=pakLL37M6KI\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/www.youtube.com\/watch?v=pakLL37M6KI<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Published on 16 December 2020, this received around 14K\u00a0 views, and developers are finding it helpful.<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-6220 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.31.25-AM.png\" alt=\"......\" width=\"1244\" height=\"168\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.31.25-AM.png 1244w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.31.25-AM-300x41.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.31.25-AM-1024x138.png 1024w\" sizes=\"(max-width: 1244px) 100vw, 1244px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Integrating Razorpay on HTML and JS Websites<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/youtu.be\/SFHbcs-lSio\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/youtu.be\/SFHbcs-lSio<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Published on 11 June 2021, received more than 33K views.<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-6221 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.34.45-AM.png\" alt=\".....\" width=\"1244\" height=\"168\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.34.45-AM.png 1244w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.34.45-AM-300x41.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2022\/05\/Screenshot-2022-05-25-at-11.34.45-AM-1024x138.png 1024w\" sizes=\"(max-width: 1244px) 100vw, 1244px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">We started publishing videos faster with improved processes, techniques, and better expertise. We posted the set of entire integration videos &#8211; 29 of them by December 2022. It was a year-long project where the team had to, at times, shift focus to other important tasks and put video creation on hold, but we did not stop!<\/span><\/p>\n<p><a href=\"http:\/\/https:\/\/giphy.com\/gifs\/snl-saturday-night-live-season-46-Sculsk7YRnRpvMZrR3\">http:\/\/https:\/\/giphy.com\/gifs\/snl-saturday-night-live-season-46-Sculsk7YRnRpvMZrR3<\/a><\/p>\n<h2><span style=\"font-weight: 400;\">What next?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We found impressive results with the integration videos. But now, we also must ensure that the videos are up-to-date. With the pace at which technologies and products change, we should be up on our toes. We are ready to bring the next version of the videos, crisper, better coverage of the process, and more engaging.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Our Learnings<\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">When in doubt, talk to the users and find out what they want.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Never shy away from taking up complex tasks.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Collaboration and planning make complex tasks easy.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Take smaller steps, measure, and spread your wings.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Track, be up-to-date.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Check our integration videos today!<\/span><\/p>\n<p><strong>Integration Videos Playlist: <\/strong><a href=\"https:\/\/www.youtube.com\/playlist?list=PLQWuy5G1gIOoSr5Lo1Y12dXB8JbPOvfVR\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/www.youtube.com\/playlist?list=PLQWuy5G1gIOoSr5Lo1Y12dXB8JbPOvfVR<\/span><\/a><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528FF0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/razorpay.com\/docs\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Razorpay Docs<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Integration videos have been beneficial for the developers in simplifying the integrations and improving the overall developer experience. The Integrations tickets were reduced by almost 50%, decreasing the overall operational expenses! Read more here.  <\/p>\n","protected":false},"author":151156526,"featured_media":6226,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1384],"tags":[3583,3582],"class_list":{"0":"post-6217","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tech","8":"tag-integration-videos","9":"tag-videos"},"_links":{"self":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/6217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/users\/151156526"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/comments?post=6217"}],"version-history":[{"count":4,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/6217\/revisions"}],"predecessor-version":[{"id":6256,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/6217\/revisions\/6256"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media\/6226"}],"wp:attachment":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media?parent=6217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/categories?post=6217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/tags?post=6217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}