5:["$","$L10",null,{"demo":{"id":"clxzy0ysl0d72149zqdm5o4ml","createdAt":"2024-06-29T09:52:11.301Z","updatedAt":"2024-07-05T04:34:08.503Z","title":"JSON Dropdown","published":true,"color":"bg-gray-200","authorId":"clvgilx1116lnolbhc6vqyno0","metadesc":"Click through a step-by-step, interactive demo walkthrough of Viasocket.","ctabtntext":"viaSocket","ctabtncolor":"#2c443b","ctabtntextcolor":"#fff","ctabtnlink":"https://supademo.com","autoplay":false,"autoplayduration":3000,"autoPlayDelay":0,"showplaypause":true,"loop":false,"progressbar":true,"font":"Default","workspaceId":"clvgin6qs16mwolbhdjxbcs42","darkmode":false,"shared":true,"folderId":"clxzuf6jc00alwl60vsloql2q","border":true,"nextButton":true,"showSteps":true,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"50","number":null,"topBar":true,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://flow.viasocket.com/developer/4425/plugin/rowhfdp28l6s/action/row29rjyxtek?versionId=rowyeh08umr2","brandLogo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/8j8onP0A1GjkJMJ_TBz-0","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":null,"type":"Default","fullWidth":false,"author":{"id":"clvgilx1116lnolbhc6vqyno0","name":"ViaSocket FAQ","image":null},"steps":[{"id":"0sfVr0V8ntixfHRsjjH9U","number":"1","text":"Chapter","image":null,"video":null,"createdAt":"2024-06-29T09:57:17.242Z","updatedAt":"2024-06-29T10:06:39.941Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"al5fTEh5Nsn-OOZFLT4Xu","stepId":"0sfVr0V8ntixfHRsjjH9U","enabled":true,"type":"Link","skip":false,"heading":"Static dropdown","description":"Click below for a step-by-step walkthrough on how to create static dropdown input field using JSON in viaSocket","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"LP63OAoeRQpZxbPcEzUJt","createdAt":"2024-06-29T09:57:17.325Z","updatedAt":"2024-06-29T10:00:35.394Z","chapterId":"al5fTEh5Nsn-OOZFLT4Xu","content":"Get Started","btnColor":"#2c443b","color":"#fff","linkTxt":"clxzy1ib40d7q149zpt2c9tw3","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]},{"id":"clxzy1ib40d7q149zpt2c9tw3","number":"2","text":"Click on the element.","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/5kFUb7dWeT3rWzMdy2WWC.jpg","video":null,"createdAt":"2024-06-29T09:52:36.593Z","updatedAt":"2024-06-29T10:19:35.300Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"322","mouseXCooridnate":"35.3125","mouseYCooridnate":"75.63150074294205","editedImage":null,"widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/audio/svwnd0mOr85GFNJPYpWlL.mp3","audioText":"Paste this sample JSON code for static dropdown here.\n\nCustomize the code according to your needs.","voice":"29vD33N1CtxCmqQRPOHJ","audioLanguage":null,"audioDuration":"6.4","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxzy1ib50d7r149zdifh9mee","number":"9","createdAt":"2024-06-29T09:52:36.593Z","updatedAt":"2024-06-29T10:19:43.411Z","default":false,"text":"Paste this sample JSON code for static dropdown here.\n\nCustomize the code according to your needs.","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"50.76863481479804","mouseYCooridnate":"56.77878756464748","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"clxzy1ib40d7q149zpt2c9tw3","tipposition":"right","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":"Paste your JSON code for a static dropdown and customize it.","aiTextVisible":true,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxzy1l2d0d7v149z6tu5jpn6","number":"3","text":"Click on \"Save Input Fields\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/gVlowj9B7cJMKUNvBHEv7.jpg","video":null,"createdAt":"2024-06-29T09:52:40.165Z","updatedAt":"2024-06-29T10:19:35.300Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"322","mouseXCooridnate":"32.048611111111114","mouseYCooridnate":"93.83358098068351","editedImage":null,"widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/audio/P6RAmzd1v_qV2b8JHJGD_.mp3","audioText":"Click on \"Save Input Fields\".","voice":"29vD33N1CtxCmqQRPOHJ","audioLanguage":null,"audioDuration":"2.220408163265306","captionsUrl":null,"zoomPositionX":"20.05479424586676","zoomPositionY":"38.8442986503516","zoomWidth":"60","zoomHeight":"60","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxzy1l2e0d7w149zg656tn9r","number":"11","createdAt":"2024-06-29T09:52:40.165Z","updatedAt":"2024-06-29T10:19:43.434Z","default":false,"text":"Click on \"Save Input Fields\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"32.048611111111114","mouseYCooridnate":"93.83358098068351","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"clxzy1l2d0d7v149z6tu5jpn6","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":"Next, save your input fields by clicking the appropriate button.","aiTextVisible":true,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxzy1njs0d80149z2rpa85bz","number":"4","text":"Click on \"Select an Authorization\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/nnOzE0M6d7zYF2ygFSeeO.jpg","video":null,"createdAt":"2024-06-29T09:52:43.384Z","updatedAt":"2024-06-29T10:19:35.300Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"322","mouseXCooridnate":"76.63194444444444","mouseYCooridnate":"30.832095096582467","editedImage":null,"widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/audio/RkZhtwo1goPh64HUA3x47.mp3","audioText":"Click on \"Select an Authorization\".","voice":"29vD33N1CtxCmqQRPOHJ","audioLanguage":null,"audioDuration":"1.98530612244898","captionsUrl":null,"zoomPositionX":"40","zoomPositionY":"18.49797228037629","zoomWidth":"60","zoomHeight":"60","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxzy1njs0d81149zr6j41qik","number":"13","createdAt":"2024-06-29T09:52:43.384Z","updatedAt":"2024-06-29T10:19:43.450Z","default":false,"text":"Click on \"Select an Authorization\".","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"76.63194444444444","mouseYCooridnate":"30.832095096582467","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"clxzy1njs0d80149z2rpa85bz","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

Select an Authorization

","aiText":"Now, choose an authorization option from the dropdown menu.","aiTextVisible":true,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxzy1p750d83149zd109xsjl","number":"5","text":"Afterwards, click on \"2024-06-13 by Abhijeet Singh\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/kYyLnFHSs5lOML9qngaif.jpg","video":null,"createdAt":"2024-06-29T09:52:45.521Z","updatedAt":"2024-06-29T10:19:35.300Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"322","mouseXCooridnate":"75.06944444444444","mouseYCooridnate":"39.22734026745914","editedImage":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/vPvxhKpbdaRwoQ1qluGqC.jpeg","widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":2880,\"height\":1346},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"redaction\":[{\"x\":1977.3359683794465,\"y\":479.7009493258631,\"width\":375.957947501081,\"height\":44.334623796666506,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"jb1rihkle\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}],\"annotation\":[],\"decoration\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/audio/LM0Z6m-Oj8nnUV_UG-ITg.mp3","audioText":"Select one of your authorizations.","voice":"29vD33N1CtxCmqQRPOHJ","audioLanguage":null,"audioDuration":"1.98530612244898","captionsUrl":null,"zoomPositionX":"20","zoomPositionY":"0","zoomWidth":"80","zoomHeight":"80","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxzy1p750d84149zfv9zsduo","number":"14","createdAt":"2024-06-29T09:52:45.521Z","updatedAt":"2024-06-29T10:19:43.467Z","default":false,"text":"Select one of your authorizations.","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"75.06944444444444","mouseYCooridnate":"39.22734026745914","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"clxzy1p750d83149zd109xsjl","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

2024-06-13 by Abhijeet Singh

","aiText":"Then, pick a specific authorization from the list provided.","aiTextVisible":true,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxzy1rah0d86149zqwzmxa75","number":"6","text":"After, click here.","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/t4GhC7aTw0EZRmWb4Wf-M.jpg","video":null,"createdAt":"2024-06-29T09:52:48.233Z","updatedAt":"2024-06-29T10:19:35.300Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"322","mouseXCooridnate":"75.27777777777777","mouseYCooridnate":"38.11292719167905","editedImage":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/gVndjWwiYbODDz-aMm53Q.jpeg","widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":2880,\"height\":1346},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"redaction\":[{\"x\":2019.897233201581,\"y\":353.79051383399207,\"width\":262.46118718927573,\"height\":26.600790513834,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"p3t8kc3dq\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":false,\"isEditing\":false}],\"annotation\":[],\"decoration\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/audio/ptSoUcFeQ4GBeGn0pXC25.mp3","audioText":"Your static dropdown will look like this.","voice":"29vD33N1CtxCmqQRPOHJ","audioLanguage":null,"audioDuration":"2.324897959183673","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"clxzy1rah0d87149zi5x9azml","number":"15","createdAt":"2024-06-29T09:52:48.233Z","updatedAt":"2024-06-29T10:19:43.483Z","default":false,"text":"Your static dropdown will look like this.","bgcolor":"#4f46e5","textcolor":"#fff","mouseXCooridnate":"85.55610428112861","mouseYCooridnate":"51.34289630505114","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"clxzy1rah0d86149zqwzmxa75","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":"Finally, review how your configured static dropdown appears.","aiTextVisible":true,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"clxzy1wmd0d89149zaq4i6nua","number":"7","text":"Chapter","image":null,"video":null,"createdAt":"2024-06-29T09:52:55.141Z","updatedAt":"2024-06-29T10:06:39.941Z","demoId":"clxzy0ysl0d72149zqdm5o4ml","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1346,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"clxzy1wmu0d8b149zm88u549f","stepId":"clxzy1wmd0d89149zaq4i6nua","enabled":true,"type":"Link","skip":false,"heading":"Enjoyed the guided demo?","description":"Learn more about us by visiting our website!","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"clxzy1wnd0d8d149zyc9x2ubs","createdAt":"2024-06-29T09:52:55.178Z","updatedAt":"2024-06-29T09:52:55.178Z","chapterId":"clxzy1wmu0d8b149zm88u549f","content":"Visit viaSocket","btnColor":"#2c443b","color":"#fff","linkTxt":"https://viasocket.com","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]}],"htmlEdits":[],"workspace":{"id":"clvgin6qs16mwolbhdjxbcs42","createdAt":"2024-04-26T10:14:32.165Z","updatedAt":"2025-02-17T11:44:39.873Z","name":"ViaSocket","color":"#dc3545","hotspottextcolor":"#fff","logo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/8j8onP0A1GjkJMJ_TBz-0","favicon":null,"owner":"clvgilx1116lnolbhc6vqyno0","madein":false,"watermarkLogoUrl":"/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"viaSocket","sharepagebtncolor":"#dc3545","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://supademo.com","subscriptionId":"sub_1P9lnXDNBXQNFoJIV9IYFNki","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":"video-faq.viasocket.com","seoIndexable":true,"seoAuthor":true,"seoDescription":true,"showSteps":true,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"50","enableCreatorsToInvite":true,"stripeId":"cus_PzlJhcUuvPA5ds","topBar":true,"darkmode":false,"plan":"Scale","tourSetup":false,"inTrial":false,"customDomainEnabled":true,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":true,"monthlyStatsEmail":true,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"integrations":[],"chapter":{"id":"cly2cm8c40u0tyerr7y18cc9z","createdAt":"2024-07-01T02:16:10.420Z","updatedAt":"2024-11-25T07:07:20.789Z","stepId":null,"workspaceId":"clvgin6qs16mwolbhdjxbcs42","enabled":true,"type":"Link","password":null,"skip":false,"heading":"Enjoyed the guided demo?","description":"Learn more about us by visiting our website!","theme":"Light","allowCompanyEmail":true,"embedCode":null,"blurIntensity":24,"headingColor":"#272727","descriptionColor":"#272727","backgroundId":null,"buttons":[{"id":"cly2cm8m40u0vyerrse3u9weh","createdAt":"2024-07-01T02:16:10.780Z","updatedAt":"2024-07-01T02:16:10.780Z","chapterId":"cly2cm8c40u0tyerr7y18cc9z","content":"Visit viaSocket","btnColor":"#dc3545","color":"#fff","linkTxt":"https://viasocket.com","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"background":null}},"background":null,"translatedTexts":[]},"variables":[]}]