20:I[80532,["https://cdn.supademo.com/v3.23.11/_next/static/chunks/24stx39yhy628.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3yzw5ppdwbj_i.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3tx_xazp3u-2q.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0hzj1iarczqxl.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/42kn4vcvqwd0b.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2zkto24w7vzsl.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3w3cai3yrh_id.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1cet8p2f0hsir.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2v79iduet6cya.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/40kmbwh64ff0s.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2bf1mgjjp5m5j.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0432ieyiaznb-.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0dh-gcuzjb-s5.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3rw7f9ridxfq6.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2fe1l03v624_j.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2utjyouv-rab-.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2e5qp_gf2-b83.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0sv0jcjpt775f.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3z5mkq-bvq209.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/18xnnhyurnry9.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/23hx4cc8sjvue.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1-lu_jbj0fd_w.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1eb02uy0fyqye.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0fer5cp2vkpjp.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/321r4k6rk-eqp.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3yq6ouns987wx.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1xdfp-skcemub.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2nge16vr23pw8.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1zsklqhlqkjc9.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2xm5ig2gpmxc8.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0nrb-dbzfo_r1.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0igv0ap7o0j6k.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/15-i4bwtrpofk.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1v91i6igrlsqt.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1hfmiwu-qplg6.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0zftf0ocppdaf.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1zl2c2-l7d36y.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0bulvsfes8w9p.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3zi_blqoha4gb.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1-lqw6rr-3veq.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/18ooocj2he5a9.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2eov_w8-jcozs.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1m4gr5gar-m4k.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/40460ya2bvpc8.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2sh2d4s7g7dj0.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/095bf44zuyjd-.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0g57jvn7-t4fa.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/39-x9iy1iwmv4.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/02i1uthd4dm2m.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2xzyim25orr41.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1pvryc76htbar.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3gwyq80hndkmt.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/3ka5s_f-zxz9v.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/40rw27xviqo2y.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0n7nrsfllxntn.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/2v4hy9kb1bmk-.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0q032x9-hvlof.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/12ytt05ct1dhk.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/0wgtl5y88eq_j.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/04cdzn07zm6py.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1jrv3z6k8h0gq.js","https://cdn.supademo.com/v3.23.11/_next/static/chunks/1p5_v0ahgna_r.js"],"EmbedViewPage",1] 21:T14bf,

General Settings

AI Accessibility

PageSpeed and editor audit

General accessibility settings, Google PageSpeed API key, and Live Audit for CKEditor.

22:T1067,

23:T60c2,24:T2ba4,25:Tb60,

26:T438,

Exact Positioning (5px - 500px)

27:T42c,

Exact Position Mobile Options

28:Te94,

Widget Mode

Light

Displays dark text on a light background, which can be easier to read for most users in bright environments.

Select

Dark

Uses light text on a dark background to reduce eye strain and glare, especially helpful in low-light settings.

Select

System

Automatically adjusts colors based on the user's system settings, providing a consistent and comfortable experience.

Select

29:Ta85,

2a:T62c,

2b:Tb3c,

10:["$","$L20",null,{"demo":{"id":"cmspx6nk71m45qm339sebmr9a","createdAt":"2026-08-12T10:01:47.719Z","updatedAt":"2026-09-15T06:24:49.135Z","title":"T3AA - AI Accessibility Widgets","published":true,"color":"bg-gray-200","authorId":"cm1gb4i6b0004pargeds1h34a","metadesc":"Learn how to configure AI accessibility widgets by customizing colors, layout options, positioning across devices, widget branding, and language settings to match your interface preferences.","customMetadataImage":null,"ctabtntext":"Schedule a Demo","ctabtncolor":"#3a85e6","ctabtntextcolor":"#fff","ctabtnlink":"https://calendly.com/t3planet_de","autoplay":false,"autoplayduration":2000,"autoPlayDelay":1000,"customizePerStep":false,"showplaypause":true,"loop":false,"progressbar":true,"showPlayBar":true,"font":"Roboto","workspaceId":"cm0xs9qhk03fsn9xpdjotfkkb","darkmode":false,"shared":true,"folderId":"cmr93pqqt0835vr0jmifo2jbw","border":true,"nextButton":true,"showSteps":false,"globalSettings":true,"hotspotTextVisible":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"number":null,"topBar":true,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":false,"showReplayButton":true,"showFullscreenButton":true,"showCCButton":true,"disableKeyboardNavigation":false,"captionsPosition":"Bottom","archived":false,"archivedAt":null,"domainURL":"https://typo14.ddev.site/typo3/module/web/layout?id=1","brandLogo":"https://media.supademo.com/workspaces/cm0xs9qhk03fsn9xpdjotfkkb/xzdK5-XMmZpFfP9n2ppcA.png","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"sourceLanguage":"English","customFontId":null,"mobileHotspotView":false,"config":null,"showWatermark":null,"watermarkLogoUrl":null,"watermarkText":null,"watermarkLink":null,"sendNotification":true,"allowExternalComments":false,"currentPublishedVersion":null,"hasUnpublishedChanges":false,"author":{"id":"cm1gb4i6b0004pargeds1h34a","name":"Product Demo","image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/screenshots/LNWre0ZsEEewGfotoWtPX.png"},"steps":[{"id":"cmspx93wl1mlcqm33exhelx3x","number":1,"text":null,"image":null,"video":null,"createdAt":"2026-08-12T10:03:42.213Z","updatedAt":"2026-08-12T10:03:42.213Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":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,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[],"chapter":{"id":"cmspx93ws1mleqm33q3978aay","stepId":"cmspx93wl1mlcqm33exhelx3x","enabled":true,"type":"Link","skip":false,"heading":"Configure and Customize AI Accessibility Widgets","description":"Learn how to configure AI accessibility widgets by customizing colors, layout options, positioning across devices, widget branding, and language settings to match your interface preferences.","headingColor":"#fff","descriptionColor":"#fff","theme":"Dark","blurIntensity":24,"embedCode":null,"layout":"Left","coverImageType":"STEP","coverImageSource":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/workspaces/cm0xs9qhk03fsn9xpdjotfkkb/xzdK5-XMmZpFfP9n2ppcA.png","logoAltText":null,"emailValidationMode":"CompanyEmail","phoneValidationEnabled":false,"labelledFormEnabled":false,"buttons":[{"id":"cmspx93x21mlhqm33mvnhls2u","createdAt":"2026-08-12T10:03:42.230Z","updatedAt":"2026-08-12T10:03:42.230Z","chapterId":"cmspx93ws1mleqm33q3978aay","content":"Get Started","btnColor":"#4f46e5","color":"#fff","linkTxt":"cmspx6t3k1m5jqm33nrsn5ty5","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0,"isBold":true,"isItalic":false}],"backgroundId":null,"background":null,"formFields":[]},"videoProject":null},{"id":"iJZaL8iMiKS_TrO7Vyz6x","number":2,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/evM3sOZxmYaJryPvrcRwB.jpg","video":null,"createdAt":"2026-08-12T10:24:44.322Z","updatedAt":"2026-08-12T10:24:44.322Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"54.01041666666667","mouseYCooridnate":"13.761467889908257","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":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":"https://typo14.ddev.site/typo3/module/t3af/dashboard/overview?id=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"i1IXcb48l5EMPWAnVPlvm","number":1,"createdAt":"2026-08-12T10:24:44.322Z","updatedAt":"2026-08-12T10:24:44.322Z","default":false,"text":"First, click the AI Features tab to explore available artificial intelligence capabilities and tools.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"54.71893240002312","mouseYCooridnate":"13.452801123566912","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":5.634806258668515,"boxHeight":5.882860514830319,"prevslide":null,"nextslide":null,"stepId":"iJZaL8iMiKS_TrO7Vyz6x","tipposition":"bottom","nextButton":true,"textVisible":true,"htmlValue":"

Configure colors, position, profiles, and widget features for your site.

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx79kl1m83qm33bqi6sndf","number":8,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/OZCYr3OHnBTUkLVtfK4A3.jpg","video":null,"createdAt":"2026-08-12T10:02:16.245Z","updatedAt":"2026-08-12T10:05:28.820Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"32.96875","mouseYCooridnate":"37.95871559633027","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":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":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx79kl1m84qm337i6vnq9x","number":5,"createdAt":"2026-08-12T10:02:16.245Z","updatedAt":"2026-08-12T10:05:28.801Z","default":true,"text":"Then, select the Small Size option to choose a compact widget icon size.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"33.65410454230236","mouseYCooridnate":"34.139299870210834","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":9.023925104022192,"boxHeight":5.900754240415325,"prevslide":null,"nextslide":null,"stepId":"cmspx79kl1m83qm33bqi6sndf","tipposition":"top","nextButton":true,"textVisible":true,"htmlValue":"$24","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx7aye1m89qm332aim2zjm","number":9,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/Zu1kcT97SXWQ79aDKXQHj.jpg","video":null,"createdAt":"2026-08-12T10:02:18.038Z","updatedAt":"2026-08-12T10:05:56.717Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"38.177083333333336","mouseYCooridnate":"59.63302752293578","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":3.927527648015693,"zoomPositionY":12.46841190590354,"zoomWidth":85.00000000000001,"zoomHeight":85.00000000000001,"playbackRate":1,"mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx7aye1m8aqm33h3gugqzc","number":6,"createdAt":"2026-08-12T10:02:18.038Z","updatedAt":"2026-08-12T10:05:50.838Z","default":true,"text":"Then, select a Medium Size icon option to preview different accessibility widget configurations.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"47.076804857258445","mouseYCooridnate":"65.02440704169796","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":33.74680348474341,"boxHeight":50.99592500222677,"prevslide":null,"nextslide":null,"stepId":"cmspx7aye1m89qm332aim2zjm","tipposition":"right","nextButton":true,"textVisible":true,"htmlValue":"$25","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx7ap31m86qm33kvc1xbrj","number":10,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/MgfdVxiYF8iw6jALkOTJ3.jpg","video":null,"createdAt":"2026-08-12T10:02:17.703Z","updatedAt":"2026-08-12T10:06:13.503Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"95.36458333333333","mouseYCooridnate":"78.6697247706422","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":15,"zoomPositionY":15,"zoomWidth":85,"zoomHeight":85,"playbackRate":1,"mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx7ap31m87qm33rlqws8x9","number":7,"createdAt":"2026-08-12T10:02:17.703Z","updatedAt":"2026-08-12T10:06:13.491Z","default":true,"text":"Now, click the accessibility icon button to preview widget functionality on mobile.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"80.7657189089228","mouseYCooridnate":"69.38019713318658","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":26.80088418862691,"boxHeight":42.3538520021886,"prevslide":null,"nextslide":null,"stepId":"cmspx7ap31m86qm33kvc1xbrj","tipposition":"left","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx7f6t1m94qm33a7a43who","number":11,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/FJyKPOoEFsGmWJJfQFwKX.jpg","video":null,"createdAt":"2026-08-12T10:02:23.525Z","updatedAt":"2026-08-12T10:06:46.366Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"39.010416666666664","mouseYCooridnate":"27.178899082568808","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":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":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx7f6t1m95qm33s4knvu9o","number":9,"createdAt":"2026-08-12T10:02:23.525Z","updatedAt":"2026-08-12T10:06:46.354Z","default":true,"text":"Following that, explore the comprehensive Accessibility Features section displayed on the dashboard.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"63.64742256125751","mouseYCooridnate":"64.3620608482103","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":69.55237950762829,"boxHeight":69.69606115359656,"prevslide":null,"nextslide":null,"stepId":"cmspx7f6t1m94qm33a7a43who","tipposition":"left","nextButton":true,"textVisible":true,"htmlValue":"

Desktop

When enabled, the widget will be hidden on desktop view

Following Options only works if the \"Enable exact button positioning\" is enabled

Mobile

When enabled, the widget will be hidden on mobile view

Following Options only works if the \"Enable exact button positioning\" is enabled

Select Primary Color

\r\n Pick a Color\r\n

\r\n Select Widget Header Text Color\r\n

\r\n Simple Layout\r\n

\r\n Flexible Layout\r\n

\r\n Select\r\n

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx8pcn1mjwqm33aruizu4a","number":43,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/5DK4ssG3B08oCIBosDJBc.jpg","video":null,"createdAt":"2026-08-12T10:03:23.351Z","updatedAt":"2026-08-12T10:32:55.128Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"40.15625","mouseYCooridnate":"54.93119266055045","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":0,"zoomPositionY":12.43119266055045,"zoomWidth":85,"zoomHeight":85,"playbackRate":1,"mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx8pcn1mjxqm33v1v8rk6p","number":59,"createdAt":"2026-08-12T10:03:23.351Z","updatedAt":"2026-08-12T10:32:55.117Z","default":true,"text":"Afterwards, enter your brand name in the Brand Title field to customize the widget.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"46.886539961858524","mouseYCooridnate":"60.19284266882134","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":32.67542909153953,"boxHeight":28.09374562597819,"prevslide":null,"nextslide":null,"stepId":"cmspx8pcn1mjwqm33aruizu4a","tipposition":"right","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx8qon1mk2qm33fu24gpcs","number":44,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/-302p3_mwE90sCOCljOGV.jpg","video":null,"createdAt":"2026-08-12T10:03:25.079Z","updatedAt":"2026-08-12T10:33:08.040Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"71.71875","mouseYCooridnate":"63.07339449541285","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":10,"zoomPositionY":10,"zoomWidth":90,"zoomHeight":90,"playbackRate":1,"mute":null,"mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx8qon1mk3qm33l17mqun2","number":60,"createdAt":"2026-08-12T10:03:25.079Z","updatedAt":"2026-08-12T10:33:08.029Z","default":true,"text":"After that, click on the T3Planet widget preview to see the white-label branding preview.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"80.68836143377254","mouseYCooridnate":"73.36194871419664","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":17.19589762482663,"boxHeight":53.27610257160671,"prevslide":null,"nextslide":null,"stepId":"cmspx8qon1mk2qm33fu24gpcs","tipposition":"left","nextButton":true,"textVisible":true,"htmlValue":"$2b","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null},{"id":"cmspx8zpp1mkvqm333ifimk0e","number":45,"text":null,"image":"https://media.supademo.com/cm1gb4i6b0004pargeds1h34a/pDWUeu3RHzFVKIufHRDPe.jpg","video":null,"createdAt":"2026-08-12T10:03:36.781Z","updatedAt":"2026-08-12T10:33:21.683Z","demoId":"cmspx6nk71m45qm339sebmr9a","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"94.63541666666667","mouseYCooridnate":"40.36697247706422","editedImage":null,"widthOrg":1920,"heightOrg":872,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":0,"trimEnd":100,"videoWidth":null,"videoHeight":null,"videoDuration":null,"videoProjectId":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":"https://typo14.ddev.site/typo3/nitsan/nst3aa/dashboard?id=1&opentab=Dashboard&openToolkit=1","recordingSessionId":null,"preventScroll":false,"scrollTopOverride":null,"scrollOverrides":null,"duration":null,"transition":null,"customDescription":null,"hotspots":[{"id":"cmspx8zpp1mkwqm33551w978c","number":62,"createdAt":"2026-08-12T10:03:36.781Z","updatedAt":"2026-08-12T10:03:40.465Z","default":true,"text":"To wrap things up, click the Save Settings button to preserve your AI widget configuration changes.","bgcolor":"#3a85e6","textcolor":"#fff","mouseXCooridnate":"94.63541666666667","mouseYCooridnate":"40.36697247706422","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":6.770833333333333,"boxHeight":4.128440366972478,"prevslide":null,"nextslide":null,"stepId":"cmspx8zpp1mkvqm333ifimk0e","tipposition":"left","nextButton":true,"textVisible":true,"htmlValue":"","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium","textAlign":"Left","modalPosition":"Center","borderRadius":"Round","nextButtonAction":"Slide","nextButtonUrl":null,"nextButtonBgColor":null,"nextButtonTextColor":null,"nextButtonDisabled":false,"backButtonAction":"Slide","backButtonUrl":null,"backButtonBgColor":null,"backButtonTextColor":null,"backButtonDisabled":false,"timelineElementId":null}],"chapter":null,"videoProject":null}],"comments":[],"htmlEdits":[],"workspace":{"id":"cm0xs9qhk03fsn9xpdjotfkkb","createdAt":"2024-09-11T11:34:37.400Z","updatedAt":"2026-03-16T18:09:01.482Z","name":"T3Planet Main","color":"#3a85e6","hotspottextcolor":"#fff","logo":"https://media.supademo.com/workspaces/cm0xs9qhk03fsn9xpdjotfkkb/xzdK5-XMmZpFfP9n2ppcA.png","favicon":"","publishRestricted":false,"madein":false,"watermarkLogoUrl":"https://cdn.supademo.com/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Schedule a Demo","sharepagebtncolor":"#3a85e6","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://calendly.com/t3planet_de","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":null,"seoIndexable":true,"seoAuthor":true,"seoDescription":true,"showSteps":false,"font":"Roboto","showSupademoLink":false,"showReplayButton":true,"showFullscreenButton":true,"introChapterId":"cmmthzawa0m5xp5i7icoco1j0","ctaChapterId":"cm0xs9qln03fun9xpi2sui3c0","hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"enableCreatorsToInvite":true,"topBar":true,"darkmode":false,"plan":"Pro","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":true,"monthlyStatsEmail":true,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"selectedCustomFontId":null,"backgroundMusicUrl":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"hotspotBorderRadius":"Round","hotspotWidth":"Medium","hotspotBackdrop":null,"hotspotNextBtnBgColor":null,"hotspotNextBtnTextColor":null,"hotspotNextBtnDisabled":false,"hotspotBackBtnBgColor":null,"hotspotBackBtnTextColor":null,"hotspotBackBtnDisabled":false,"enhanceWithAI":true,"demoVersioningEnabled":false,"integrations":[],"ctaChapter":{"id":"cm0xs9qln03fun9xpi2sui3c0","createdAt":"2024-09-11T11:34:37.548Z","updatedAt":"2025-10-20T04:41:29.368Z","stepId":null,"workspaceId":"cm0xs9qhk03fsn9xpdjotfkkb","routeVersionId":null,"agentIntroVersionId":null,"enabled":false,"type":"Link","skip":false,"heading":"Enjoyed the guided demo?","description":"Get your personlised demo with our TYPO3 Expert! ","theme":"Dark","layout":"Center","coverImageType":"NONE","coverImageSource":null,"logoEnabled":false,"logoSource":null,"logoAltText":null,"emailValidationMode":"CompanyEmail","phoneValidationEnabled":false,"labelledFormEnabled":false,"embedCode":null,"blurIntensity":24,"headingColor":"#fff","descriptionColor":"#fff","backgroundId":null,"interestScreenColumnLabels":null,"integrationConfig":null,"buttons":[{"id":"cm0xs9qmb03fwn9xpjao6wbh0","createdAt":"2024-09-11T11:34:37.572Z","updatedAt":"2024-09-11T11:34:37.572Z","chapterId":"cm0xs9qln03fun9xpi2sui3c0","content":"Contact","btnColor":"#3a85e6","color":"#fff","linkTxt":"https://t3planet.com/contact","isLinkExternal":true,"openInNewTab":true,"animation":"Ripple","order":0,"isBold":true,"isItalic":false}],"background":null,"formFields":[]}},"background":null,"tags":[],"translatedTexts":[],"translations":[],"customFont":null},"variablesFromUrl":[],"viewerCountry":"US"}]

General Settings

Small Size

Medium Size

Large Size

Medium Size

Accessibility Features