5:["$","$L10",null,{"demo":{"id":"qtd6EQrmubuiW270XY9L2","createdAt":"2024-03-18T22:25:22.769Z","updatedAt":"2024-04-04T23:35:23.228Z","title":"How to add animated chapter buttons","published":true,"color":"bg-gray-200","authorId":"clf7r5s6900giyy0h6trezsck","metadesc":"Click through a step-by-step, interactive demo walkthrough of how to add animations to your chapter buttons, powered by Supademo.","ctabtntext":"Create Supademo","ctabtncolor":"#0051c9","ctabtntextcolor":"#fff","ctabtnlink":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","autoplay":false,"autoplayduration":3000,"autoPlayDelay":0,"showplaypause":true,"loop":false,"progressbar":false,"font":"Default","workspaceId":"muX33bJGOFbXOjmJWCKXF","darkmode":true,"shared":true,"folderId":null,"border":true,"nextButton":true,"showSteps":true,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"70","number":null,"topBar":true,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":null,"brandLogo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/URNATSDtAePdH3Xmdpf8i","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":null,"type":"Default","fullWidth":false,"author":{"id":"clf7r5s6900giyy0h6trezsck","name":"Joseph Lee","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/7_jbZYXGfiQL5oSFVzN7K"},"steps":[{"id":"xneqNT2sV4rMaAnIq-18q","number":"1","text":"Upload","image":null,"video":null,"createdAt":"2024-03-18T22:26:16.588Z","updatedAt":"2024-03-18T22:26:19.172Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3024,"heightOrg":1714,"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":"-Zw_LNGNzQAPQeBP-fQHh","stepId":"xneqNT2sV4rMaAnIq-18q","enabled":true,"type":"Link","skip":false,"heading":"Drive Engagement with Animations","description":"Add animations to your chapters for higher demo engagement","headingColor":"#fff","descriptionColor":"#fff","theme":"Dark","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"L-AsL3EeGqjMRsMHOsgO-","createdAt":"2024-03-18T22:26:16.588Z","updatedAt":"2024-04-07T01:48:11.867Z","chapterId":"-Zw_LNGNzQAPQeBP-fQHh","content":"This is the spinner example","btnColor":"#eb144c","color":"#fff","linkTxt":null,"isLinkExternal":false,"openInNewTab":true,"animation":"Spinner","order":0},{"id":"TAdu7Abo3FHAANwEsEoto","createdAt":"2024-03-18T22:26:16.588Z","updatedAt":"2024-04-07T01:48:12.287Z","chapterId":"-Zw_LNGNzQAPQeBP-fQHh","content":"This is the pulse example","btnColor":"#007047","color":"#fff","linkTxt":null,"isLinkExternal":false,"openInNewTab":true,"animation":"Pulse","order":1},{"id":"5kDsWXyo7zSmOZGkpNbsi","createdAt":"2024-03-18T22:26:16.588Z","updatedAt":"2024-04-07T01:48:12.709Z","chapterId":"-Zw_LNGNzQAPQeBP-fQHh","content":"This is the ripple example","btnColor":"#054ab3","color":"#fff","linkTxt":"cltx6if6i3i3q10cx9ia24bcd","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":2}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]},{"id":"cltxikw4g43hx10cxqz276eog","number":"2","text":"Click here","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/ASTw5smCxU5-4f4Q9B.png","video":null,"createdAt":"2024-03-18T22:25:25.409Z","updatedAt":"2024-03-18T22:26:19.173Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"447","mouseXCooridnate":"24.928056893588828","mouseYCooridnate":"64.57063540857585","editedImage":null,"widthOrg":2224,"heightOrg":1444,"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":[{"id":"cltxikw5f43hy10cx8z7ohwec","number":"2","createdAt":"2024-03-18T22:25:25.443Z","updatedAt":"2024-03-18T22:25:25.443Z","default":false,"text":"Click on the icon.","bgcolor":"#054ab3","textcolor":"#fff","mouseXCooridnate":"24.928056893588828","mouseYCooridnate":"64.57063540857585","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cltxikw4g43hx10cxqz276eog","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cltxikzhb0qotbpprxygdn61g","number":"3","text":"No content","image":null,"video":"https://media.supademo.com/clf7r5s6900giyy0h6trezsck/videos/wCv_Wojg1KwLfBQjBejTC.mp4","createdAt":"2024-03-18T22:25:28.519Z","updatedAt":"2024-03-18T22:26:19.173Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2224,"heightOrg":1444,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2224,"videoHeight":1618,"videoDuration":"1.349","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":null,"comments":[]},{"id":"cltxiky7h43i010cxnr2dp23i","number":"4","text":"Click here","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/RcIHRTbhLOLKXikUhT.png","video":null,"createdAt":"2024-03-18T22:25:28.109Z","updatedAt":"2024-03-18T22:26:19.173Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"447","mouseXCooridnate":"23.309351900498644","mouseYCooridnate":"57.09141122997633","editedImage":null,"widthOrg":2224,"heightOrg":1444,"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":"0","zoomPositionY":"27.09141122997633","zoomWidth":"60","zoomHeight":"60","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cltxiky8f43i110cx46zvgqxs","number":"4","createdAt":"2024-03-18T22:25:28.143Z","updatedAt":"2024-03-18T22:25:28.143Z","default":false,"text":"Click on the icon.","bgcolor":"#054ab3","textcolor":"#fff","mouseXCooridnate":"23.309351900498644","mouseYCooridnate":"57.09141122997633","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cltxiky7h43i010cxnr2dp23i","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cltxil2hn43ib10cxpjncgudc","number":"5","text":"Click on \"Ripple\"","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/MK_lY3fKsM1AAQpoWZ.png","video":null,"createdAt":"2024-03-18T22:25:33.659Z","updatedAt":"2024-03-18T22:26:19.173Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"447","mouseXCooridnate":"22.095323155681008","mouseYCooridnate":"67.56232508001565","editedImage":null,"widthOrg":2224,"heightOrg":1444,"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":"0","zoomPositionY":"20","zoomWidth":"80","zoomHeight":"80","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cltxil2if43ic10cxhtdz18cm","number":"5","createdAt":"2024-03-18T22:25:33.688Z","updatedAt":"2024-03-18T22:25:33.688Z","default":false,"text":"Now, click on \"Ripple\".","bgcolor":"#054ab3","textcolor":"#fff","mouseXCooridnate":"22.095323155681008","mouseYCooridnate":"67.56232508001565","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cltxil2hn43ib10cxpjncgudc","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

Ripple

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cltxil60i43ie10cx03ko74xn","number":"6","text":"Click on \"Save chapter\"","image":"https://d2vsad3r6ug0tf.cloudfront.net/clf7r5s6900giyy0h6trezsck/sFAhZXsgDCI5jGkXBo.png","video":null,"createdAt":"2024-03-18T22:25:38.226Z","updatedAt":"2024-03-18T22:26:19.173Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"447","mouseXCooridnate":"11.249999701976776","mouseYCooridnate":"94.11357091404395","editedImage":null,"widthOrg":2224,"heightOrg":1444,"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":"0","zoomPositionY":"40","zoomWidth":"60","zoomHeight":"60","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Center","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cltxil61d43if10cx355sccuw","number":"6","createdAt":"2024-03-18T22:25:38.257Z","updatedAt":"2024-03-18T22:25:40.292Z","default":false,"text":"Last but not least, click on \"Save chapter\".","bgcolor":"#054ab3","textcolor":"#fff","mouseXCooridnate":"11.249999701976776","mouseYCooridnate":"94.11357091404395","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cltxil60i43ie10cx03ko74xn","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cltxil7nk43ih10cxw0l7ps1x","number":"7","text":"Chapter","image":null,"video":null,"createdAt":"2024-03-18T22:25:40.353Z","updatedAt":"2024-03-18T22:26:19.173Z","demoId":"qtd6EQrmubuiW270XY9L2","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2224,"heightOrg":1444,"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":"cltxil7ot43ij10cxajc4znqf","stepId":"cltxil7nk43ih10cxw0l7ps1x","enabled":true,"type":"Link","skip":false,"heading":"Create a Supademo in seconds","description":"Scale up product adoption with beautiful AI-powered interactive demos.","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"cltxil7q143il10cxwvite27t","createdAt":"2024-03-18T22:25:40.441Z","updatedAt":"2024-04-07T01:28:42.948Z","chapterId":"cltxil7ot43ij10cxajc4znqf","content":"Create a Supademo","btnColor":"#054ab3","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]}],"htmlEdits":[],"workspace":{"id":"muX33bJGOFbXOjmJWCKXF","createdAt":"2023-12-18T18:04:52.018Z","updatedAt":"2025-03-18T15:30:42.877Z","name":"Supa Marketing","color":"#054ab3","hotspottextcolor":"#fff","logo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/URNATSDtAePdH3Xmdpf8i","favicon":null,"owner":"cl9yhqkao001bw60hq3exfo04","madein":true,"watermarkLogoUrl":"/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Create Better Demos in Minutes","sharepagebtncolor":"#0051c9","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","subscriptionId":"sub_1PdZyMDNBXQNFoJIUgEx59xA","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":false,"nextButton":true,"subDomain":"doccs.supademo.com","seoIndexable":true,"seoAuthor":false,"seoDescription":false,"showSteps":false,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"70","enableCreatorsToInvite":true,"stripeId":"cus_MmacA1X1MVv641","topBar":true,"darkmode":true,"plan":"Enterprise","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":false,"monthlyStatsEmail":false,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":"cm0e1678d00004uaa10qwl59b","integrations":[],"chapter":{"id":"cly2dm2yr11vdyerrvdongjm1","createdAt":"2024-07-01T02:44:03.075Z","updatedAt":"2024-07-01T02:44:03.075Z","stepId":null,"workspaceId":"muX33bJGOFbXOjmJWCKXF","enabled":true,"type":"Link","password":null,"skip":false,"heading":"Create a Supademo in seconds","description":"Scale up product adoption with beautiful AI-powered interactive demos.","theme":"Light","allowCompanyEmail":true,"embedCode":null,"blurIntensity":24,"headingColor":"#272727","descriptionColor":"#272727","backgroundId":null,"buttons":[{"id":"cly2dm37u11vfyerrs7l06rbd","createdAt":"2024-07-01T02:44:03.403Z","updatedAt":"2024-07-01T02:44:03.403Z","chapterId":"cly2dm2yr11vdyerrvdongjm1","content":"Create a Supademo","btnColor":"#054ab3","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"background":null}},"background":null,"translatedTexts":[]},"variables":[]}]