5:["$","$L14",null,{"demo":{"id":"cm55gbup40nzqpelrmtarn3bo","createdAt":"2024-12-26T15:01:19.529Z","updatedAt":"2025-08-01T06:42:28.245Z","title":"FOR WEBSITE - Web Chat Mockup Demo(Copy)","published":true,"color":"bg-gray-200","authorId":"cm4bizs3q0bpv11jp7x3vplek","metadesc":"Click through a step-by-step, interactive demo walkthrough of Botmockups, powered by Supademo.","customMetadataImage":null,"ctabtntext":"Create demo","ctabtncolor":"#1a84ed","ctabtntextcolor":"#fff","ctabtnlink":"https://supademo.com","autoplay":true,"autoplayduration":3000,"autoPlayDelay":0,"customizePerStep":false,"showplaypause":true,"loop":false,"progressbar":true,"font":"Default","workspaceId":"cm3q9td5p0e6ldhzsv9fejo7t","darkmode":false,"shared":true,"folderId":"cm4mgc2ec0gie142bmlazwow4","border":true,"nextButton":false,"showSteps":false,"globalSettings":true,"hotspotTextVisible":false,"hotspotOpacity":"80","number":null,"topBar":false,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://app.botmockups.com/dashboard?view=dashboard","brandLogo":"https://media.supademo.com/workspacelogos/vPghXIHld_m4BWis7BN2O","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Duplicate","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"customFontId":null,"mobileHotspotView":true,"config":null,"showWatermark":null,"watermarkLogoUrl":null,"watermarkText":null,"watermarkLink":null,"author":{"id":"cm4bizs3q0bpv11jp7x3vplek","name":"Kelsey ","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/mfg9Au3aFXYFUCc56rVdd"},"steps":[{"id":"cm55gbv060o00pelrk1ff2mlj","number":"1","text":"Chapter","image":null,"video":null,"createdAt":"2024-12-26T15:01:19.585Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1667,"heightOrg":820,"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","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[],"chapter":{"id":"cm55gbv2m0o2gpelr3ls2cv88","stepId":"cm55gbv060o00pelrk1ff2mlj","enabled":true,"type":"Link","skip":false,"heading":"Still Explaining Your Bot?","description":"You’re losing deals. Fix that in 2 minutes.","headingColor":"#ffffff","descriptionColor":"#ffffff","theme":"Dark","blurIntensity":3,"allowCompanyEmail":false,"embedCode":null,"buttons":[{"id":"cm55gbv5a0o4zpelrcivgoogc","createdAt":"2024-12-23T10:39:13.525Z","updatedAt":"2024-12-26T15:01:20.149Z","chapterId":"cm55gbv2m0o2gpelr3ls2cv88","content":"🎥 Watch Now. Build your first demo in minutes.","btnColor":"#1986ef","color":"#fff","linkTxt":null,"isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0,"isBold":true,"isItalic":false}],"backgroundId":null,"background":null,"formFields":[{"id":"cm8ia7i8v00b78cavhvd6xkb9","createdAt":"2025-03-21T04:30:06.364Z","updatedAt":"2025-03-21T04:30:06.364Z","chapterId":"cm55gbv2m0o2gpelr3ls2cv88","label":"Enter your email*","fieldType":"SingleLineText","businessFieldType":"Email","required":true,"order":0,"options":[]}]},"comments":[]},{"id":"cm55gbuqp0nzspelr8093qzr7","number":"2","text":"First, click on the element.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/oTvAQc4GqY4fXrhkIys6q.jpg","video":null,"createdAt":"2024-12-26T15:01:19.585Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"58.81944444444444","mouseYCooridnate":"54.09026798307476","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/dRh0uopXk4PNfFnINxKLd.mp3","audioText":"Hello my name’s Kelsey! your AI assistant from botmockups. In this demo, I’ll walk you through how to create a live web chat in just minutes. Let’s dive in!","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"9.508571428571429","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[],"chapter":null,"comments":[]},{"id":"cm55gbv030nzwpelr9sxm4xa6","number":"3","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/oTvAQc4GqY4fXrhkIys6q.jpg","video":null,"createdAt":"2024-12-26T15:01:19.593Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/oHjvXWubMHD__6_E6X0x1.mp3","audioText":"First, click on \"New Mockup\".","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"1.906938775510204","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv270o23pelrn2hoo2xj","number":"14","createdAt":"2024-12-26T15:01:19.941Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"58.81944444444444","mouseYCooridnate":"54.09026798307476","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv030nzwpelr9sxm4xa6","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv070o04pelriyzjfhl3","number":"4","text":"After, click here.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/-oBfzQd9d166MKcHkAvJP.jpg","video":null,"createdAt":"2024-12-26T15:01:19.586Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"63.81944444444444","mouseYCooridnate":"19.1114245416079","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/x9rD1StXp-sY3PutibqLB.mp3","audioText":"For this scenario, we are going to get started from scratch so you get an idea of how personalized you can really get with botmockups.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"7.235918367346938","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv2q0o2ipelr410m1qky","number":"15","createdAt":"2024-12-26T15:01:19.947Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"63.81944444444444","mouseYCooridnate":"19.1114245416079","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv070o04pelriyzjfhl3","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0o0o0kpelr4mxdqqln","number":"5","text":"Click on \"Next\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/IRwLMgB3U6VOj8IIblae1.jpg","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"62.326388888888886","mouseYCooridnate":"49.15373765867419","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/67EMdJRnekjEq10KurhOq.mp3","audioText":"After selecting \"From Blank,\" click \"Next.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"2.873469387755102","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv340o2wpelracwvkcsr","number":"16","createdAt":"2024-12-26T15:01:19.960Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"62.326388888888886","mouseYCooridnate":"49.15373765867419","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0o0o0kpelr4mxdqqln","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0y0o0spelrbqc23ag4","number":"6","text":"Click on the element.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/G8DiW6wVZqWNX24hIVNVO.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"49.30555555555556","mouseYCooridnate":"22.496473906911145","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/uM8LifbHtV753EOIkLfws.mp3","audioText":"First, we're going to give your mockup a name. Let's say we're creating a mockup for a medspa brand. For this example, we'll use 'Bella Aesthetic Artistry.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"8.594285714285714","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3d0o38pelre9bpk8yl","number":"17","createdAt":"2024-12-26T15:01:19.970Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"49.30555555555556","mouseYCooridnate":"22.496473906911145","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0y0o0spelrbqc23ag4","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv160o14pelr98dki16p","number":"7","text":"Click here.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/9TlhlBmxet6yOIgKnsqNm.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"49.96527777777778","mouseYCooridnate":"31.241184767277858","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/iIAdZU8BTMhXZ6TjCz5OU.mp3","audioText":"Now give your mockup a brief description. For example, This mockup is to show prospects how they can create leads from adding an AI chatbot to their website.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"8.907755102040817","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3s0o3jpelr30q20z1o","number":"18","createdAt":"2024-12-26T15:01:19.980Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"49.96527777777778","mouseYCooridnate":"31.241184767277858","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv160o14pelr98dki16p","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1n0o1jpelrf9r8hztl","number":"8","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/-05vSx3MbxxN3kH6YHH_u.png","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1919,"heightOrg":940,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/xMNA67oHmQGI1gBkzCOpb.mp3","audioText":"Next up, Select the channel you want to create your mockup on. We currently have many channels to choose from including Facebook Messenger Ads, Instagram Ads, Instagram organic, web chat, and also SMS. In this case, let's choose the Live web chat channel.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"17.58040816326531","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv4a0o42pelrlgzzmjcm","number":"19","createdAt":"2024-12-26T15:01:20.000Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"56.95702298290997","mouseYCooridnate":"43.05684978311791","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv1n0o1jpelrf9r8hztl","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv4a0o44pelrlfm26oea","number":"19","createdAt":"2024-12-26T15:01:20.000Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"50.068363682982266","mouseYCooridnate":"51.94382410804521","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"16.81695530444247","boxHeight":"13.32906761281372","prevslide":null,"nextslide":null,"stepId":"cm55gbv1n0o1jpelrf9r8hztl","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1q0o1opelrx6n2crgz","number":"9","text":"Click on \"Upload\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/VdTb7RTyZAHURfgOZme_4.jpg","video":null,"createdAt":"2024-12-26T15:01:19.599Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"50.38194444444445","mouseYCooridnate":"57.40479548660085","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/t5fwkLyCHquC6glw55BRw.mp3","audioText":"Now we need to upload an image that can help identify your mockup in the dashboard. We suggest uploading a profile picture or logo.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"7.96734693877551","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv4g0o46pelrhfhzva6r","number":"20","createdAt":"2024-12-26T15:01:20.000Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"50.38194444444445","mouseYCooridnate":"57.40479548660085","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv1q0o1opelrx6n2crgz","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv000nzupelr4knc9jng","number":"10","text":"Click on \"Save\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/YNnDMvj1snk9RiVev3bvO.jpg","video":null,"createdAt":"2024-12-26T15:01:19.585Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"54.861111111111114","mouseYCooridnate":"61.706629055007056","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/l8XOxddMtqMbkHeF4pKY3.mp3","audioText":"Once you've uploaded the profile picture or logo, click \"Save\".","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"3.84","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv270o24pelrn52h0sbq","number":"21","createdAt":"2024-12-26T15:01:19.939Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"54.861111111111114","mouseYCooridnate":"61.706629055007056","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv000nzupelr4knc9jng","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

Save

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1u0o1qpelrcsj2f6g9","number":"11","text":"After, click on \"Upload\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Us1NQd9W4BgRC7lfhO-_o.jpg","video":null,"createdAt":"2024-12-26T15:01:19.599Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"45.34722222222222","mouseYCooridnate":"53.244005641748934","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/JEzgrcmpO7hnl318tiC4Z.mp3","audioText":"great! now let's dive into creating the actual mockup. To start, you can simply paste in your prospects website URL or upload a screenshot of their website. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"9.874285714285714","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv4o0o4epelr7dhr054e","number":"22","createdAt":"2024-12-26T15:01:20.004Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"48.16177520812325","mouseYCooridnate":"33.33502328342755","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv1u0o1qpelrcsj2f6g9","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv270o26pelrwxwlps2b","number":"27","createdAt":"2024-12-26T15:01:19.942Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"7.034735815565236","mouseYCooridnate":"19.035959847454205","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.998306819971648","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv060nzzpelr8q8u9bhj","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0o0o0jpelrtd73sdvu","number":"17","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/T3zI0uHsQFBT9zAxuKeMI.png","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1919,"heightOrg":942,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/OOEjNLHlmv6u8PBCtSu1l.mp3","audioText":"Now let's click the chat icon to open up the chat!","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"2.768979591836735","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv380o30pelrhxty7iph","number":"28","createdAt":"2024-12-26T15:01:19.960Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"6.932190291091842","mouseYCooridnate":"22.78649299517583","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"8.066666747739246","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv0o0o0jpelrtd73sdvu","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv3a0o33pelrlj2zqqng","number":"28","createdAt":"2024-12-26T15:01:19.960Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"70.87106894872991","mouseYCooridnate":"68.39325759209115","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0o0o0jpelrtd73sdvu","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv130o0zpelrihtzbm2q","number":"18","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/RhQkmab3kJ2TRyK4IgZPY.png","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1919,"heightOrg":942,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/O7I-otdGai9b7vgBp0eXn.mp3","audioText":"Here we can further customize the chat window. Starting with the web chat title.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"4.963265306122449","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3s0o3kpelr6ktp8bv4","number":"29","createdAt":"2024-12-26T15:01:19.981Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"6.932194046306506","mouseYCooridnate":"22.786489181699725","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.929946892204049","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv130o0zpelrihtzbm2q","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv3s0o3mpelrlopfid0e","number":"29","createdAt":"2024-12-26T15:01:19.981Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"50.719692032714825","mouseYCooridnate":"33.31207754889744","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv130o0zpelrihtzbm2q","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv180o16pelrke0d6iaf","number":"19","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/0ZppzaU6S85VT3iO9N1lx.png","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1919,"heightOrg":942,"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","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3y0o3ppelrfx8kjd3d","number":"30","createdAt":"2024-12-26T15:01:19.982Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"6.898012204815375","mouseYCooridnate":"22.78649299517583","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"8.135034185936178","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv180o16pelrke0d6iaf","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv3y0o3qpelr3tmjf03d","number":"30","createdAt":"2024-12-26T15:01:19.983Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"65.55226659902458","mouseYCooridnate":"30.00640048751748","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"13.6039560846427","boxHeight":"6.942223509481334","prevslide":null,"nextslide":null,"stepId":"cm55gbv180o16pelrke0d6iaf","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1n0o1kpelrczzxz080","number":"20","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Nx0XSDb-9ktEQ8NdfXEQk.png","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.441Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1918,"heightOrg":940,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/bgE3h_86NXofidCWYG6Y3.mp3","audioText":"Next, select the color for your chat bar using the color picker or by entering a color code. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"5.198367346938776","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv4h0o48pelr97xbhdam","number":"31","createdAt":"2024-12-26T15:01:20.001Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"55.515173386851046","mouseYCooridnate":"61.59350887533631","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"9.481574051909918","boxHeight":"9.857957764811102","prevslide":null,"nextslide":null,"stepId":"cm55gbv1n0o1kpelrczzxz080","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv4n0o4cpelrqc8ctmnm","number":"31","createdAt":"2024-12-26T15:01:20.001Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"51.538135926917626","mouseYCooridnate":"43.12720082302534","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv1n0o1kpelrczzxz080","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv4n0o4bpelrz97nzr5g","number":"31","createdAt":"2024-12-26T15:01:20.001Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"7.000552096466772","mouseYCooridnate":"22.925337846713067","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.929943136989384","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv1n0o1kpelrczzxz080","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1o0o1mpelrf6icuor1","number":"21","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/eDEL0SzCnA5bb7FShz3DN.png","video":null,"createdAt":"2024-12-26T15:01:19.599Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1919,"heightOrg":942,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/qXDIDdNq5__t-2F_eA6N5.mp3","audioText":"Now, choose the color for your chat bar text.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"2.533877551020408","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv450o3ypelrja036zq7","number":"32","createdAt":"2024-12-26T15:01:20.000Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"51.19948672119138","mouseYCooridnate":"53.04524132319389","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv1o0o1mpelrf6icuor1","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv4a0o43pelroa1yfywd","number":"32","createdAt":"2024-12-26T15:01:20.000Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"6.966375887797637","mouseYCooridnate":"22.78649299517583","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.998306819971648","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv1o0o1mpelrf6icuor1","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1z0o1spelr38koxmbm","number":"22","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/eDEL0SzCnA5bb7FShz3DN.png","video":null,"createdAt":"2024-12-26T15:01:19.599Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1919,"heightOrg":942,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/05VppvmVJpHyMeIOlzPZc.mp3","audioText":"After selecting the colors, click on \"Next\" to continue.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"3.343673469387755","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv4s0o4mpelrxkdmuhvr","number":"33","createdAt":"2024-12-26T15:01:20.012Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"46.1616424921876","mouseYCooridnate":"62.79001355741437","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cm55gbv1z0o1spelr38koxmbm","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv4w0o4opelry48g1j9l","number":"33","createdAt":"2024-12-26T15:01:20.012Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"6.966375887797637","mouseYCooridnate":"22.786489181699725","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.861583209221785","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv1z0o1spelr38koxmbm","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1e0o1apelrvj8z784y","number":"23","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/FsFYkBsgZQFKzcdTnG2XB.jpg","video":null,"createdAt":"2024-12-26T15:01:19.592Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":3024,"heightOrg":1489,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/ymYS5mBmi9_VDJclL-bHb.mp3","audioText":"On the final steps, create an intro message. The intro message is the first thing your bot will say to the user—think of it as your bot’s opening line. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"9.456326530612245","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv430o3vpelreb5rhrgs","number":"34","createdAt":"2024-12-26T15:01:19.992Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"7.03473769317257","mouseYCooridnate":"22.786489181699725","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.861586964436452","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv1e0o1apelrvj8z784y","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv080o06pelrecy77dwj","number":"24","text":"Next, click on the element.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/o8a05aqFmDfrxvjdhp2GR.jpg","video":null,"createdAt":"2024-12-26T15:01:19.594Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"41.49305555555556","mouseYCooridnate":"47.461212976022566","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/gE257q892HGWR8zZRPvx3.mp3","audioText":"Now that we set the intro message, Next up is setting up a prompt. This will power the AI chatbot within botmockups. We have made this part super simple. No need to be a prompting expert. You simply just say what you would like the bot to do. No crazy formatting or prior experience needed to get things working!","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"19.06938775510204","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv2s0o2lpelr3gor6az7","number":"35","createdAt":"2024-12-26T15:01:19.947Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"7.10309762094017","mouseYCooridnate":"22.786489181699725","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.724859598471923","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv080o06pelrecy77dwj","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"},{"id":"cm55gbv2t0o2opelrd4zdfupq","number":"35","createdAt":"2024-12-26T15:01:19.947Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"41.49305555555556","mouseYCooridnate":"47.461212976022566","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cm55gbv080o06pelrecy77dwj","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0a0o08pelr4n933bk8","number":"25","text":"After that, click on \"Next\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Vw3OCs9BwTiVJMak9toqb.jpg","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"50.97222222222222","mouseYCooridnate":"82.65162200282089","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/e7A12ks78qW72U2hDQRKU.mp3","audioText":"Once you've completed the intro message and prompt, click on \"Next\".","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"4.41469387755102","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv2b0o28pelrgpixvjre","number":"36","createdAt":"2024-12-26T15:01:19.944Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"50.97222222222222","mouseYCooridnate":"82.65162200282089","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0a0o08pelr4n933bk8","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0i0o0apelrmoipbrbz","number":"27","text":"Now, click on \"Inactive\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/fgaMmin3Oeld9vam0qJKu.jpg","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"78.99305555555556","mouseYCooridnate":"38.645980253878705","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/tHhkaNTkfbH82ks4mBSxJ.mp3","audioText":"Tap on this to toggle the mockup from 'Inactive' to 'Active'. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"3.761632653061224","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv2s0o2mpelr5dbjxhpw","number":"38","createdAt":"2024-12-26T15:01:19.951Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"78.99305555555556","mouseYCooridnate":"38.645980253878705","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0i0o0apelrmoipbrbz","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

Inactive

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0p0o0mpelry4ta3w6o","number":"28","text":"Afterwards, click on the element.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/C68VuylLn509cAaMDlwID.jpg","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"95.06944444444444","mouseYCooridnate":"38.787023977433","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/1a-sLnMbI83Lwr_sQ2r3E.mp3","audioText":"Next, Click on the 3 dots for more options.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"2.742857142857143","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv320o2upelr0sijanbx","number":"39","createdAt":"2024-12-26T15:01:19.959Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"95.06944444444444","mouseYCooridnate":"38.787023977433","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0p0o0mpelry4ta3w6o","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv130o10pelrur7hpmpa","number":"29","text":"Click on \"Share\".","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Q-shRezY5fGW5oGoSlWrW.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"91.70138888888889","mouseYCooridnate":"43.653032440056414","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/OW1d-kKXobi5DDMj4ZDFK.mp3","audioText":"Let’s go over the options you can choose from! First, you’ve got the Edit button to go back and make changes to your mockups anytime. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"7.418775510204082","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3j0o3epelrazcgtcxo","number":"40","createdAt":"2024-12-26T15:01:19.980Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"91.25649318073205","mouseYCooridnate":"40.41973193826337","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.041778540419751","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv130o10pelrur7hpmpa","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1i0o1epelrbp17a5dg","number":"30","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Q-shRezY5fGW5oGoSlWrW.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/PP2WNYEZhHTPE2M5zxmKv.mp3","audioText":"There’s also Share, which we will get to in a minute. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"3.474285714285714","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv430o3upelrqllrjqzt","number":"41","createdAt":"2024-12-26T15:01:19.992Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"91.18813700817911","mouseYCooridnate":"43.47431485860648","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.178505906384279","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv1i0o1epelrbp17a5dg","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1n0o1hpelrc6amxrqo","number":"31","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Q-shRezY5fGW5oGoSlWrW.jpg","video":null,"createdAt":"2024-12-26T15:01:19.599Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/sCVJY347MA0-Aivc1EHpZ.mp3","audioText":"To make a copy of an existing mockup, simply click 'Duplicate' to clone it.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"4.780408163265306","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv430o3wpelr3q3c9afq","number":"42","createdAt":"2024-12-26T15:01:19.996Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"91.25622280527614","mouseYCooridnate":"46.390041486984046","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.041237789507944","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv1n0o1hpelrc6amxrqo","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0n0o0gpelrogpzotw7","number":"32","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Q-shRezY5fGW5oGoSlWrW.jpg","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/3SsS1xsNmJMJZ59T93uc6.mp3","audioText":"And if you want to save your mockup as a template, click \"Save As\".","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"4.179591836734694","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv380o2ypelr5cly47x6","number":"43","createdAt":"2024-12-26T15:01:19.960Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"91.3245864882584","mouseYCooridnate":"49.16693089077658","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.041245299937275","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv0n0o0gpelrogpzotw7","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0l0o0epelr98q5sios","number":"33","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Q-shRezY5fGW5oGoSlWrW.jpg","video":null,"createdAt":"2024-12-26T15:01:19.597Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/fK9KRobFHzM8QBLt7WB2Y.mp3","audioText":"And lastly, if you no longer need a mockup, you can simply tap delete to get rid of any mockups you no longer need. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"6.713469387755102","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv320o2spelroh8ra3f7","number":"44","createdAt":"2024-12-26T15:01:19.957Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"91.15367915841009","mouseYCooridnate":"52.36035866265693","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"7.109605227704874","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv0l0o0epelr98q5sios","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0q0o0opelrw8clog5t","number":"34","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/Q-shRezY5fGW5oGoSlWrW.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/_RuZycPlisS5JHaU9cURC.mp3","audioText":"Now let's go back up and tap on the 'Share\" button","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"2.690612244897959","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3a0o35pelrpetsdrpg","number":"45","createdAt":"2024-12-26T15:01:19.966Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"89.13017798078438","mouseYCooridnate":"43.37712079309715","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv0q0o0opelrw8clog5t","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv0v0o0qpelr6l8dm05t","number":"35","text":"Click here.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/wPo85MpaLOUaQ--EeguuO.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"46.18055555555556","mouseYCooridnate":"18.758815232722146","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/6pFphxO92zZBT8FKosivE.mp3","audioText":"The share function is an amazing feature, it allows you to generate a shareable link with the mockup already embedded on the page.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"7.235918367346938","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3a0o36pelrjfeu5vf8","number":"46","createdAt":"2024-12-26T15:01:19.967Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"45.77064758833255","mouseYCooridnate":"17.23152567928864","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"8.750814286756373","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv0v0o0qpelr6l8dm05t","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv100o0upelr7m55kqkl","number":"36","text":"Now, click here.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/WeG_y2MeQiw7YiAlj81Ek.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"47.43055555555556","mouseYCooridnate":"18.54724964739069","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/yVfBwgqs5-BDI3ON_jv_L.mp3","audioText":"The other option we have is the embed. If you want to embed your mockup on custom landing pages, presentations, or even your website, you can use our embed feature. It allows you to generate a code to display your mockups!","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"13.37469387755102","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3i0o3apelr306xg891","number":"47","createdAt":"2024-12-26T15:01:19.972Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"54.312875058498754","mouseYCooridnate":"17.36453782412407","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"8.750288556703227","boxHeight":"4.998399401436118","prevslide":null,"nextslide":null,"stepId":"cm55gbv100o0upelr7m55kqkl","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv130o0wpelrfn0bubrh","number":"37","text":"Upload","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/WeG_y2MeQiw7YiAlj81Ek.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/BaQBoTfqJKqr6OKqVBfI-.mp3","audioText":"In this scenario, we are just going to use the share link. So let's click back on the Share button.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"5.381224489795918","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3j0o3dpelryhj2ex7j","number":"48","createdAt":"2024-12-26T15:01:19.975Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"48.25601216609229","mouseYCooridnate":"17.185111539918445","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cm55gbv130o0wpelrfn0bubrh","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv140o12pelr4nazsulr","number":"38","text":"Afterwards, click on the element.","image":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/HQf1V3h_pQdExH-QR2fc5.jpg","video":null,"createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"339","mouseXCooridnate":"56.52777777777778","mouseYCooridnate":"37.72919605077574","editedImage":null,"widthOrg":2880,"heightOrg":1418,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/B9rHZXx8yBsTATF4QYwP0.mp3","audioText":"Now click on \"Copy Link.","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"1.750204081632653","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cm55gbv3o0o3gpelr7s5kq758","number":"49","createdAt":"2024-12-26T15:01:19.980Z","updatedAt":"2025-08-01T06:29:35.982Z","default":false,"text":"","bgcolor":"#1a84ed","textcolor":"#fff","mouseXCooridnate":"56.52777777777778","mouseYCooridnate":"37.72919605077574","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm55gbv140o12pelr4nazsulr","tipposition":"autostart","nextButton":false,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center"}],"chapter":null,"comments":[]},{"id":"cm55gbv1d0o18pelrpy44y3x8","number":"39","text":"Upload","image":null,"video":"https://customer-xtzu9cz29fvhfxys.cloudflarestream.com/e05799a29ec24c2d997f77b71d7b9290/manifest/video.m3u8","createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1920,"heightOrg":1032,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"18.18046164709713","trimEnd":"77.12299517000312","videoWidth":1920,"videoHeight":1032,"videoDuration":"12.4","audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/3djMyj7wSZvtGrKXVZZxw.mp3","audioText":"Next, open a new browser tab and paste the link. ","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"2.768979591836735","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"2","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[],"chapter":null,"comments":[]},{"id":"cm55gbv1f0o1cpelrtw0zk6nc","number":"40","text":"Upload","image":null,"video":"https://customer-xtzu9cz29fvhfxys.cloudflarestream.com/0de4f9a883ff4059890629f6cc6b333c/manifest/video.m3u8","createdAt":"2024-12-26T15:01:19.598Z","updatedAt":"2025-08-01T06:42:01.719Z","demoId":"cm55gbup40nzqpelrmtarn3bo","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2194,"heightOrg":1080,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"12.02340718992733","trimEnd":"57.97605752880437","videoWidth":2194,"videoHeight":1080,"videoDuration":"47.1","audio":"https://media.supademo.com/cm4bizs3q0bpv11jp7x3vplek/audio/PA-cTl0gaPWcYCxjnImhl.mp3","audioText":"The share link auto generates a page that is ready to show your prospect the personalize AI Chatbot demo you created for them. They will think you spent hours on it when it really only took you a couple minutes and this is how personalized AI chatbot demos work using botmockups. If you enjoyed this video, let us know! And if you have any questions about botmockups, feel free to hit us up anytime!","voice":"bUQJo2tcvSl29hZshcnJ","audioLanguage":null,"audioDuration":"24.08489795918367","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"duration":null,"transition":null,"customDescription":null,"hotspots":[],"chapter":null,"comments":[]}],"htmlEdits":[],"workspace":{"id":"cm3q9td5p0e6ldhzsv9fejo7t","createdAt":"2024-11-20T19:22:44.317Z","updatedAt":"2024-12-05T18:46:35.399Z","name":"botmockups","color":"#1a84ed","hotspottextcolor":"#fff","logo":"https://media.supademo.com/workspacelogos/vPghXIHld_m4BWis7BN2O","favicon":"https://media.supademo.com/workspacefavicons/pUKLXxp1qKoPd3Gukg23-","owner":"cm3q9stgb0e6idhzsfcot3ie3","madein":false,"watermarkLogoUrl":"https://cdn.supademo.com/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Create demo","sharepagebtncolor":"#1a84ed","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://supademo.com","subscriptionId":"sub_1QShgmDNBXQNFoJIeq1zVNyo","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":"guides.botmockups.com","seoIndexable":true,"seoAuthor":true,"seoDescription":true,"showSteps":true,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"100","enableCreatorsToInvite":true,"stripeId":"cus_RFp7qXYr98kWcM","topBar":true,"darkmode":false,"plan":"Scale","tourSetup":false,"inTrial":false,"customDomainEnabled":true,"trackingEnabled":true,"autoJoinTeam":false,"linkViewNotifications":false,"monthlyStatsEmail":false,"invoiceEmail":true,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"selectedCustomFontId":null,"backgroundMusicUrl":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"integrations":[],"chapter":{"id":"cm3q9td6y0e6ndhzs4ql9grqw","createdAt":"2024-11-20T19:22:44.363Z","updatedAt":"2024-12-04T19:23:03.380Z","stepId":null,"workspaceId":"cm3q9td5p0e6ldhzsv9fejo7t","enabled":false,"type":"Link","password":null,"skip":false,"heading":"Enjoyed the guided demo?","description":"Learn more about our features and benefits on our website!","theme":"Dark","allowCompanyEmail":true,"emailValidationMode":"CompanyEmail","emailDomainList":null,"embedCode":null,"blurIntensity":24,"headingColor":"#fff","descriptionColor":"#fff","backgroundId":null,"buttons":[{"id":"cm3q9td7e0e6pdhzsf39utkxy","createdAt":"2024-11-20T19:22:44.378Z","updatedAt":"2024-11-20T19:22:44.378Z","chapterId":"cm3q9td6y0e6ndhzs4ql9grqw","content":"Learn More","btnColor":"#4f46e5","color":"#fff","linkTxt":"https://supademo.com","isLinkExternal":true,"openInNewTab":true,"animation":"Ripple","order":0,"isBold":true,"isItalic":false}],"background":null}},"background":null,"translatedTexts":[],"translations":[],"customFont":null},"variablesFromUrl":[]}]