5:["$","$L16",null,{"demo":{"id":"cm66c44pj02ce1xdhl0c5bjyj","createdAt":"2025-01-21T10:30:49.303Z","updatedAt":"2025-05-28T06:29:12.712Z","title":"Create Action Demo","published":true,"color":"bg-gray-200","authorId":"clvgilx1116lnolbhc6vqyno0","metadesc":"Click through a step-by-step, interactive demo walkthrough of Viasocket, powered by Supademo.","ctabtntext":"viaSocket","ctabtncolor":"#dc3545","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":"cm65zy2090015y60jyvfvfgdx","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/4160/plugin/row6dq7roqe6","brandLogo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/8j8onP0A1GjkJMJ_TBz-0","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"customFontId":null,"mobileHotspotView":true,"author":{"id":"clvgilx1116lnolbhc6vqyno0","name":"ViaSocket FAQ","image":null},"steps":[{"id":"cm66c4b4d02cz1xdh5h3rh5i7","number":"1","text":"First off, click on \"Create action\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/o0ENWIzywnfxjJCP1xoDK.jpg","video":null,"createdAt":"2025-01-21T10:30:57.614Z","updatedAt":"2025-01-22T07:35:06.668Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"327","mouseXCooridnate":"5.173611111111111","mouseYCooridnate":"95.53767373811266","editedImage":null,"widthOrg":2880,"heightOrg":1367,"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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm66c4b4e02d01xdhmxej3r4w","number":"1","createdAt":"2025-01-21T10:30:57.614Z","updatedAt":"2025-01-22T07:28:54.146Z","default":false,"text":"Click on \"Create action\".","bgcolor":"#dc3545","textcolor":"#fff","mouseXCooridnate":"5.173611111111111","mouseYCooridnate":"95.53767373811266","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm66c4b4d02cz1xdh5h3rh5i7","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":"

CREATE

Plugs viasocket

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm66c6zgj02jc1xdh05xiymcp","number":"13","text":"Following that, click on \"Dropdown with Dynamic options\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/ds0P4rYGKLUCqFTPygdNh.jpg","video":null,"createdAt":"2025-01-21T10:33:02.465Z","updatedAt":"2025-01-22T07:35:06.668Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"327","mouseXCooridnate":"52.25694444444444","mouseYCooridnate":"31.675201170446233","editedImage":null,"widthOrg":2880,"heightOrg":1367,"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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm66c6zgj02jd1xdhzjnko2te","number":"29","createdAt":"2025-01-21T10:33:02.465Z","updatedAt":"2025-01-22T07:32:48.236Z","default":false,"text":"Following that, click on \"Dropdown with Dynamic options\" to fetch data dynamically through API.","bgcolor":"#dc3545","textcolor":"#fff","mouseXCooridnate":"48.007652659741886","mouseYCooridnate":"33.31647846548862","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm66c6zgj02jc1xdh05xiymcp","tipposition":"left","nextButton":true,"textVisible":null,"htmlValue":"

Dropdown with Dynamic options

Text Input

Dropdown

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm66cbcxl02p81xdhte1zn957","number":"26","text":"No content","image":null,"video":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/videos/ShZt9-tHX-8AFo9EEOaeN.mp4","createdAt":"2025-01-21T10:36:26.553Z","updatedAt":"2025-01-22T07:35:06.871Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2688,"heightOrg":1277,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2688,"videoHeight":1276,"videoDuration":"4.012","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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"Yiv34ClIaEwA_gnwLvGQY","number":"27","text":"Upload","image":null,"video":"https://customer-xtzu9cz29fvhfxys.cloudflarestream.com/f45e862e9e384bfcb26058da1a193526/manifest/video.m3u8","createdAt":"2025-01-21T11:17:40.431Z","updatedAt":"2025-01-22T07:35:06.871Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2688,"heightOrg":1276,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2688,"videoHeight":1276,"videoDuration":"3.2","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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"CvjcxuHN93adgUy7JtHdd","number":null,"createdAt":"2025-01-21T11:18:13.091Z","updatedAt":"2025-01-21T11:18:55.525Z","default":false,"text":"You can edit your JSON from the input builder.","bgcolor":"#dc3545","textcolor":"#fff","mouseXCooridnate":"32.548510633648704","mouseYCooridnate":"57.98040241179161","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"Yiv34ClIaEwA_gnwLvGQY","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm66cbisr02ps1xdhvfdn8wyn","number":"28","text":"Next, click on \"Save\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/7TAOLDyY7q0DUXaA7nxm1.jpg","video":null,"createdAt":"2025-01-21T10:36:34.155Z","updatedAt":"2025-01-22T07:35:06.871Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"327","mouseXCooridnate":"57.84722222222223","mouseYCooridnate":"67.95903438185809","editedImage":null,"widthOrg":2880,"heightOrg":1367,"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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm66cbisr02pt1xdhn0k99jot","number":"94","createdAt":"2025-01-21T10:36:34.155Z","updatedAt":"2025-01-21T10:36:34.155Z","default":false,"text":"Next, click on \"Save\".","bgcolor":"#dc3545","textcolor":"#fff","mouseXCooridnate":"57.84722222222223","mouseYCooridnate":"67.95903438185809","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cm66cbisr02ps1xdhvfdn8wyn","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":"

Planned

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cm66cbw5l02q21xdhjeresot0","number":"31","text":"Click on \"Test\".","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/beCEvc4uIGb9WPQqKFzM2.jpg","video":null,"createdAt":"2025-01-21T10:36:51.466Z","updatedAt":"2025-01-22T07:35:06.871Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"327","mouseXCooridnate":"9.097222222222221","mouseYCooridnate":"92.97732260424286","editedImage":null,"widthOrg":2880,"heightOrg":1367,"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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cm66cbw5m02q31xdh8ie1j4lo","number":"101","createdAt":"2025-01-21T10:36:51.466Z","updatedAt":"2025-01-21T11:26:58.549Z","default":false,"text":"Click on \"Test\".","bgcolor":"#dc3545","textcolor":"#fff","mouseXCooridnate":"51.11020923520924","mouseYCooridnate":"68.89957153307554","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm66cbw5l02q21xdhjeresot0","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"TVJCTNGozzAXI8iboSd5D","number":"32","text":"Upload","image":"https://media.supademo.com/clvgilx1116lnolbhc6vqyno0/screenshots/FSe5BSfJ2q5sSlQXwKbNm.png","video":null,"createdAt":"2025-01-21T11:26:00.202Z","updatedAt":"2025-01-22T07:35:06.871Z","demoId":"cm66c44pj02ce1xdhl0c5bjyj","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1614,"heightOrg":761,"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":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"3JVT1sXxT7seEZhQYuAky","number":null,"createdAt":"2025-01-21T11:26:00.317Z","updatedAt":"2025-01-22T07:36:32.070Z","default":false,"text":"You can see the response action and your action is ready.","bgcolor":"#dc3545","textcolor":"#fff","mouseXCooridnate":"79.2981640171509","mouseYCooridnate":"62.36646482656859","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"TVJCTNGozzAXI8iboSd5D","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]}],"htmlEdits":[],"workspace":{"id":"clvgin6qs16mwolbhdjxbcs42","createdAt":"2024-04-26T10:14:32.165Z","updatedAt":"2025-06-10T20:31:56.776Z","name":"ViaSocket","color":"#dc3545","hotspottextcolor":"#fff","logo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/8j8onP0A1GjkJMJ_TBz-0","favicon":null,"owner":"clvgilx1116lnolbhc6vqyno0","madein":true,"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_1RWCkXDNBXQNFoJItSkfpwsR","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":null,"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":"Free","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":true,"monthlyStatsEmail":true,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"selectedCustomFontId":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"integrations":[],"chapter":{"id":"cly2cm8c40u0tyerr7y18cc9z","createdAt":"2024-07-01T02:16:10.420Z","updatedAt":"2025-06-10T20:31:56.776Z","stepId":null,"workspaceId":"clvgin6qs16mwolbhdjxbcs42","enabled":false,"type":"Link","password":null,"skip":false,"heading":"Enjoyed the guided demo?","description":"Learn more about us by visiting our website!","theme":"Dark","allowCompanyEmail":true,"embedCode":null,"blurIntensity":24,"headingColor":"#ffffff","descriptionColor":"#ffffff","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":[],"translations":[],"customFont":null},"variablesFromUrl":[]}]