Содержание:

1. Кнопка «Наверх». Создание с помощью Библиотеки компонентов
2. Настройки фиксированной кнопки

Вы можете создать кнопку, зафиксированную в определенной части экрана при прокрутке страницы.

С помощью фиксированной кнопки можно настроить:

1. Кнопку «Наверх»: при нажатии на нее будет возврат к началу страницы. Также она будет исчезать на первом экране.

2. Кнопку с любым действием. Она будет отображаться всегда.

Если вы хотите настроить якоря, меню или другую навигацию по странице, то вам сюда: Навигация по странице

1. Как перенести компонент в редактор?

В редакторе страниц вы можете найти ссылки на библиотеку компонентов, в которой содержатся нестандартные виджеты.

https://creatium.io/library/other

В ней можно найти различные решения.

Нам сейчас подходит импорт кода виджета "фиксация кнопки при прокрутке" в секцию.

{"className":"SectionMetaHtml","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/10.jpg","color":[0.54406162506613,1,0.5],"size":[1600,1067],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"//img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"inherit":false,"datamix":{"color":"3.3"}},"bgColor_Alpha":0.5,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"inherit":false,"datamix":{"color":"3.3"}},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"self","data":[0.5,0.5,0.2],"datamix":{"color":"3.3"}},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"topStyle":"none","topBorderWidth":10,"topBorderColor":{"from":"root","datamix":{"color":"3.3"},"global":{"id":0}},"topShadowSrc":{"pack":"shadowtop","file":"//s.lpcdn.site/img/shadowtop/1.png","color":null,"size":[581,50],"datamix":{"img":"3.3"}},"topShadowOpacity":50,"topSeparatorType":"bigtriangle-bottom","topSeparatorHeight":50,"topSeparatorScale":100,"topSeparatorTriangleWidth":100,"topGarlandSrc":{"pack":"garland","file":"//s.lpcdn.site/img/garland/1.png","color":null,"size":[647,60],"datamix":{"img":"3.3"}},"topGarlandHeight":100,"bottomStyle":"none","bottomBorderWidth":10,"bottomBorderColor":{"from":"root","datamix":{"color":"3.3"},"global":{"id":0}},"bottomShadowSrc":{"pack":"shadowbottom","file":"//s.lpcdn.site/img/shadowbottom/1.png","color":null,"size":[581,50],"datamix":{"img":"3.3"}},"bottomShadowOpacity":50,"bottomSeparatorType":"bigtriangle-bottom","bottomSeparatorHeight":50,"bottomSeparatorScale":100,"bottomSeparatorTriangleWidth":100,"bottomSnowSrc":{"pack":"snow","file":"//s.lpcdn.site/img/snow/1.png","color":null,"size":[2200,174],"datamix":{"img":"3.3"}},"bottomSnowHeight":50,"bottomSeparatorShift":0,"topSeparatorShift":0,"padTop":0,"padBottom":0,"wow":false,"wowType":"bounceIn","wowDelay":0,"id":"","classes":"","fixation":"none","fullwidth":false,"opacity":95,"noindex":false,"hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"doubleback":false,"longview":false,"doublecancel":false,"inview":false,"fullheight":true},"tabs":{"primary":"parameters","bg":"bg_video_","bg_particles":"particles_view","bg_place__soft":"bg_place__soft_main","bg_place__hard":"bg_place__hard_main","paddings__soft":"paddings__soft_main","paddings__hard":"paddings__hard_main","widgetfx":"widgetfx_wow"},"toggles":{"bg_place":"soft","paddings":"soft"}},"datamix":{"nodebg":"3.3","sectionborders":"3.3","sectionpaddings":"3.3","sectionfx":"3.3","sectionparameters":"3.3","sectionadaptive":"3.3","sectionevents":"3.3","metahtml":"3.3"},"eventmodals":{"doubleback":{"name":{"html":"<p>Заголовок окна (Клиент дважды вернулся к секции при прокрутке)</p>","datamix":{"html":"3.3"}},"width":600,"cont":{"sources":[{"className":"WidgetText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"}},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"tag":"p","font":"font-text","role":"none","forceXs":true,"forceSm":false,"xsFontScale":100,"smFontScale":100,"mdFontScale":100,"fullwidth":false,"line":"none","lineWidth":4,"linePaddings":10,"linePadding":10,"lineLength":40,"lineThickness":4,"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"color_Alpha":0.5,"opacity":1}},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"}}},"redactor":"3.3.2"}],"datamix":{"cont":"3.3"}}},"longview":{"name":{"html":"<p>Заголовок окна (Клиент рассматривает секцию больше минуты)</p>","datamix":{"html":"3.3"}},"width":600,"cont":{"sources":[{"className":"WidgetText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"}},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"tag":"p","font":"font-text","role":"none","forceXs":true,"forceSm":false,"xsFontScale":100,"smFontScale":100,"mdFontScale":100,"fullwidth":false,"line":"none","lineWidth":4,"linePaddings":10,"linePadding":10,"lineLength":40,"lineThickness":4,"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"color_Alpha":0.5,"opacity":1}},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"}}},"redactor":"3.3.2"}],"datamix":{"cont":"3.3"}}},"doublecancel":{"name":{"html":"<p>Заголовок окна (Клиент дважды открывает окно в секции, но не отправляет заявку)</p>","datamix":{"html":"3.3"}},"width":600,"cont":{"sources":[{"className":"WidgetText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"}},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"tag":"p","font":"font-text","role":"none","forceXs":true,"forceSm":false,"xsFontScale":100,"smFontScale":100,"mdFontScale":100,"fullwidth":false,"line":"none","lineWidth":4,"linePaddings":10,"linePadding":10,"lineLength":40,"lineThickness":4,"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"color_Alpha":0.5,"opacity":1}},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"}}},"redactor":"3.3.2"}],"datamix":{"cont":"3.3"}}},"inview":{"name":{"html":"<p>Заголовок окна (Клиент докрутил до этой секции)</p>","datamix":{"html":"3.3"}},"width":600,"cont":{"sources":[{"className":"WidgetText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"}},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"}},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"tag":"p","font":"font-text","role":"none","forceXs":true,"forceSm":false,"xsFontScale":100,"smFontScale":100,"mdFontScale":100,"fullwidth":false,"line":"none","lineWidth":4,"linePaddings":10,"linePadding":10,"lineLength":40,"lineThickness":4,"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"color_Alpha":0.5,"opacity":1}},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"}}},"redactor":"3.3.2"}],"datamix":{"cont":"3.3"}}}},"settings":{"handlers":"settings","vals":{"name":"Фиксация кнопки","html":"<div class=\"only-for-editor\"></div><div class=\"goup\">[[cont]]</div>\n<div style=\"height:300px\"></div>","css":".goup {\ndisplay: {{act ? 'none' : 'block'}};\nposition: fixed;\n{{pos1}}:{{val1}}px;\n {{pos2}}: {{val2}}px;\n}\n.goup{opacity: {{(100-opacity)/100}};}\n.goup:hover { opacity: 1; }\n.only-for-editor+.goup{\n  display:block;\n\tposition:absolute;\n   border:1px dashed silver;\n  min-height:30px;\n min-width:30px;\n z-index: 50;\n}\n","meta_js":"var $btn = $(el).find('.goup');\nvar portal = page.createPortal($btn.get(0));\n$(el).closest('.section').css('display','none');\nif (params.act) {\n\tif ($(window).scrollTop() > $(window).height()) $btn.show();\n\t$(window).scroll(function() {\n\t\tif ($(window).scrollTop() <= $(window).height()) $btn.fadeOut(\"slow\");\n\t\telse $btn.fadeIn(\"slow\")\n\t});\n}","meta_js_lazy":false,"meta_js_state":"return {\n  initialState: {},\n  eventListeners: {},\n  reset: function () {},\n};","encapsulation":true,"components":[{"name":"cont","type":"cont"}],"meta_cdn":[],"tabs":[{"id":"main","name":"Главные"}],"variables":[{"macros":"act","name":"Скрывать на первом экране","showCondition":"","useInJs":true,"tab":"main","type":"checkbox","value":true},{"macros":"pos1","name":"Положение кнопки в зафиксированном виде","showCondition":"","useInJs":false,"tab":"main","type":"btngroup","values":{"left":"Слева","right":"Справа"},"value":"right"},{"macros":"pos2","name":"","showCondition":"","useInJs":false,"tab":"main","type":"btngroup","values":{"top":"Cверху","bottom":"Снизу"},"value":"bottom"},{"macros":"val1","name":"Горизонтальный отступ","showCondition":"","useInJs":false,"tab":"main","type":"number","min":0,"max":500,"value":30},{"macros":"val2","name":"Вертикальный отступ","showCondition":"","useInJs":false,"tab":"main","type":"number","min":0,"max":500,"value":30},{"macros":"opacity","name":"Прозрачность кнопки до наведения (%)","showCondition":"","useInJs":false,"tab":"main","type":"number","min":0,"max":100,"value":30}],"relativeParent":"section"},"tabs":{"primary":"metahtml","metahtml__soft":"metahtml__soft_main","metahtml__hard":"metahtml__hard_variables"},"toggles":{"metahtml":"soft"}},"state":{},"components":{"cont":{"sources":[{"className":"WidgetButton","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55023297764639,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"},"router":"color"},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3","metahtml":"3.3"},"settings":{"handlers":"settings","vals":{"contentType":"text","contentText":"Кнопка","contentTextFont":"font-text","contentTextStyle":"normal","contentIcon":"flag","contentImage":{"file":"//s.lpcdn.site/macros/button/default.png","size":[182,21],"pack":"users","datamix":{"img":"3.3"}},"contentImageSize":100,"viewType":"legacy","textColor":{"from":"contrast","contrast":{"type":"route","link":"data.settings.vals.bgColor","alpha":"data.settings.vals.bgColor_Alpha"},"special":"same-bg","specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"bgColor":{"from":"global","datamix":{"color":"3.3"},"router":"color","parent":{"type":"frontcolor"},"global":{"id":0}},"bgColor_Alpha":1,"borderStyle":"solid","borderColor":{"from":"special","special":"dark-0.2","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.bgColor"},"same-text":{"title":"Такой же, как цвет текста","link":"data.settings.vals.textColor"},"dark-0.2":{"title":"Как фон, но темнее","link":"data.settings.vals.bgColor","transform":[["l","dec",0.2]]},"dark-0.4":{"title":"Как фон, но еще темнее","link":"data.settings.vals.bgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color"},"borderWidthTop":0,"borderWidthBottom":0,"borderWidthLeft":0,"borderWidthRight":0,"borderReflect":1,"borderRadiusTopLeft":0,"borderRadiusTopRight":0,"borderRadiusBottomLeft":0,"borderRadiusBottomRight":0,"shadow":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","special":"same-bg","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.25,"shadowReflect":1,"padTop":8,"padBottom":8,"padLeft":24,"padRight":24,"textSize":14,"textSizeMd":null,"textSizeSm":null,"textSizeXs":null,"effectsHoverPosition":"","effectsHoverBgColor":{"from":"special","special":"dark-0.1","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.bgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.settings.vals.bgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.settings.vals.bgColor","transform":[["l","inc",0.1]]},"same-text":{"title":"Перекрасить в цвет текста","link":"data.settings.vals.textColor"},"same-borders":{"title":"Перекрасить в цвет рамки","link":"data.settings.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBgColor_Alpha":1,"effectsHoverBg":"","effectsHoverTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.settings.vals.effectsHoverBgColor","alpha":"data.settings.vals.effectsHoverBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.textColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.textColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.textColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Перекрасить в цвет фона","link":"data.settings.vals.bgColor"},"same-borders":{"title":"Перекрасить в цвет обводки","link":"data.settings.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-0.2","specials":{"same":{"title":"Не менять","link":"data.settings.vals.borderColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.borderColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.borderColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.effectsHoverBgColor"},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]},"same-text":{"title":"Такой же, как цвет текста","link":"data.settings.vals.effectsHoverTextColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor":{"from":"special","special":"dark-0.1","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.effectsHoverBgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","inc",0.1]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor_Alpha":1,"effectsActiveTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.settings.vals.effectsActiveBgColor","alpha":"data.settings.vals.effectsActiveBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.effectsHoverTextColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.effectsHoverTextColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.effectsHoverTextColor","transform":[["l","inc",0.2]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-bg-0.2","specials":{"same":{"title":"Не менять","link":"data.settings.vals.effectsHoverBordersColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.effectsHoverBordersColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.effectsHoverBordersColor","transform":[["l","inc",0.2]]},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"align":"center","alignXs":"none","action":"js","link":"http://","js":"// Код для прокрутки наверх\ncr.api(function (page) {\npage.scrollToTop();\n})","id":"","ym_goal":"","ga_category":"","ga_action":"","hoverEffectOnScroll":true,"name":"HTML виджет","html":"","css":"","meta_js":"","meta_js_lazy":true,"meta_js_state":"return {\n  initialState: {},\n  eventListeners: {},\n  reset: function () {},\n};","encapsulation":true,"components":[],"meta_cdn":[],"tabs":[{"id":"main","name":"Главные"}],"variables":[]},"datamix":{"button":"3.3"},"tabs":{"primary":"action","content":"content_text","view":"view_style","view_style__soft":"view_style__soft_main","view_style__hard":"view_style__hard_default","view_text__soft":"view_text__soft_main","view_text__hard":"view_text__hard_main","view_paddings__soft":"view_paddings__soft_main","view_paddings__hard":"view_paddings__hard_main","view_borders__soft":"view_borders__soft_main","view_borders__hard":"view_borders__hard_main","view_radius__soft":"view_radius__soft_main","view_radius__hard":"view_radius__hard_main","view_shadow__soft":"view_shadow__soft_main","view_shadow__hard":"view_shadow__hard_main","view_metahtml__soft":"view_metahtml__soft_main","view_metahtml__hard":"view_metahtml__hard_html"},"toggles":{"view_style":"soft","view_text":"soft","view_paddings":"soft","view_borders":"soft","view_radius":"soft","view_shadow":"soft","view_metahtml":"soft"}},"state":{},"components":{},"templates":{"cont":{"sources":[],"datamix":{"cont":"3.3"},"tplname":"cont"},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"},"tplname":"text"},"icon":{"handlers":"rawsvgicon","vals":{"src":{"file":"//s.lpcdn.site/img/icons-simple-thin/49--black.png","pack":"icons-simple-thin","size":[256,256],"svg":"<style type=\"text/css\"><![CDATA[ .st0{fill:none;stroke:#231F20;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} ]]></style><polygon class=\"st0\" points=\"30.001,2.421 38.965,20.576 59,23.49 44.499,37.622 47.922,57.579 30.001,48.156 12.076,57.579 15.5,37.622 1,23.49 21.041,20.576 \"/>","datamix":{"img":"3.3"}}},"datamix":{"rawsvgicon":"3.3"},"tplname":"icon"},"image":{"handlers":"rawimage","vals":{"src":{"file":"//u0.platformalp.ru/63d3a6c9689d0a310bdb33ba48a9f341/194594eafe8a83db5eb472d202544c73.png","size":[477,500],"pack":"users","datamix":{"img":"3.3"}}},"datamix":{"rawimage":"3.3"},"tplname":"image"}},"form":{"name":{"html":"<p><strong>Заявка</strong></p>","datamix":{"html":"3.3"}},"button":{"handlers":"button_form","vals":{"contentType":"text","contentText":"Отправить заявку!","contentTextFont":"font-text","contentTextStyle":"normal","contentIcon":"flag","contentImage":{"file":"//s.lpcdn.site/macros/button/default.png","size":[182,21],"pack":"users","datamix":{"img":"3.3"}},"contentImageSize":100,"viewType":"legacy","textColor":{"from":"contrast","contrast":{"type":"route","link":"data.form.button.vals.bgColor","alpha":"data.form.button.vals.bgColor_Alpha"},"special":"same-bg","specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"bgColor":{"from":"parent","parent":{"type":"route","link":"data.settings.vals.bgColor"},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":1,"borderStyle":"solid","borderColor":{"from":"special","special":"dark-0.2","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.bgColor"},"same-text":{"title":"Такой же, как цвет текста","link":"data.form.button.vals.textColor"},"dark-0.2":{"title":"Как фон, но темнее","link":"data.form.button.vals.bgColor","transform":[["l","dec",0.2]]},"dark-0.4":{"title":"Как фон, но еще темнее","link":"data.form.button.vals.bgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color"},"borderWidthTop":1,"borderWidthBottom":3,"borderWidthLeft":1,"borderWidthRight":1,"borderReflect":1,"borderRadiusTopLeft":5,"borderRadiusTopRight":5,"borderRadiusBottomLeft":5,"borderRadiusBottomRight":5,"shadow":true,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","special":"same-bg","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.25,"shadowReflect":1,"padTop":8,"padBottom":8,"padLeft":16,"padRight":16,"textSize":18,"textSizeMd":null,"textSizeSm":null,"textSizeXs":null,"effectsHoverPosition":"","effectsHoverBgColor":{"from":"special","special":"dark-0.1","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.bgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.form.button.vals.bgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.form.button.vals.bgColor","transform":[["l","inc",0.1]]},"same-text":{"title":"Перекрасить в цвет текста","link":"data.form.button.vals.textColor"},"same-borders":{"title":"Перекрасить в цвет рамки","link":"data.form.button.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBgColor_Alpha":1,"effectsHoverBg":"","effectsHoverTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.form.button.vals.effectsHoverBgColor","alpha":"data.form.button.vals.effectsHoverBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.textColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.textColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.textColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Перекрасить в цвет фона","link":"data.form.button.vals.bgColor"},"same-borders":{"title":"Перекрасить в цвет обводки","link":"data.form.button.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-0.2","specials":{"same":{"title":"Не менять","link":"data.form.button.vals.borderColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.borderColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.borderColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.effectsHoverBgColor"},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]},"same-text":{"title":"Такой же, как цвет текста","link":"data.form.button.vals.effectsHoverTextColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor":{"from":"special","special":"same","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.effectsHoverBgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","inc",0.1]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor_Alpha":1,"effectsActiveTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.form.button.vals.effectsActiveBgColor","alpha":"data.form.button.vals.effectsActiveBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.effectsHoverTextColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.effectsHoverTextColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.effectsHoverTextColor","transform":[["l","inc",0.2]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-bg-0.2","specials":{"same":{"title":"Не менять","link":"data.form.button.vals.effectsHoverBordersColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.effectsHoverBordersColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.effectsHoverBordersColor","transform":[["l","inc",0.2]]},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"align":"full","alignXs":"none","js":"alert(\"Кнопка была нажата\");","ym_goal":"","ga_category":"","ga_action":"","hoverEffectOnScroll":true},"datamix":{"button":"3.3"}},"settings":{"handlers":"form_hidestructure","vals":{"name":"Виджет \"Кнопка\"","integrations":[],"privacy":"none","privacy_checkbox":"Даю согласие на <обработку персональных данных>","privacy_checked":false,"privacy_text":"Нажимая кнопку, вы даете согласие на <обработку персональных данных>","privacy_source":"global","after":"msg","msg":"Спасибо!\nВаша заявка отправлена.\nВ ближайшее время мы с Вами свяжемся!","title":"Назначение платежа","price":"999 руб.","url":"/","addhtml":"<!-- Этот код будет вставлен перед закрывающим тегом BODY -->","js":"alert(\"Этот код выполняется после успешного отправления заявки.\");","structure":"vertical","verticalStyle":"none","horizontalStyle":"none","size":"size-default","radius":10,"color":{"from":"root","parent":{"type":"route","link":"data.settings.vals.bgColor"},"datamix":{"color":"3.3"},"router":"color"},"opacity":50,"header":false,"headerGradient":true,"fieldWidth":200,"fieldRadius":5,"fieldText":"text-top"}},"width":400,"fields":{"template":{"field":{"handlers":"form__field","vals":{"type":"text","text":"Новое поле","list":["Вариант 1","Вариант 2"],"required":false,"id":"","content":""}}},"ibs":[{"field":{"handlers":"form__field","vals":{"type":"name","text":"Имя","list":["Вариант 1","Вариант 2"],"required":false,"id":"","content":""}}},{"field":{"handlers":"form__field","vals":{"type":"email","text":"Электронная почта","list":["Вариант 1","Вариант 2"],"required":true,"id":"","content":""}}}],"datamix":{"ibs":"3.3"}},"privacy":{"title":{"html":"<p>Политика конфиденциальности</p>","datamix":{"html":"3.3"}},"text":{"html":"<p>Замените этот текст вашей политикой приватности.</p>","datamix":{"html":"3.3"}},"width":600},"cont1":{"sources":[],"datamix":{"cont":"3.3"}},"cont2":{"sources":[],"datamix":{"cont":"3.3"}},"datamix":{"form":"3.3"}},"modal":{"name":{"html":"<p>Заголовок окна</p>","datamix":{"html":"3.3"}},"width":600,"cont":{"sources":[{"className":"WidgetText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55023297764639,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"},"router":"color"},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"tag":"p","font":"font-text","role":"none","forceXs":true,"forceSm":false,"xsFontScale":100,"smFontScale":100,"mdFontScale":100,"fullwidth":false,"line":"none","lineWidth":4,"linePaddings":10,"linePadding":10,"lineLength":40,"lineThickness":4,"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"color_Alpha":0.5,"opacity":100}},"text":{"html":"<p>Этот текст можно удалить, а вместо него вставить все, что угодно :)</p>","datamix":{"html":"3.3"}}},"redactor":"3.3.2","multilandings":[]}],"datamix":{"cont":"3.3"}}}},"multilandings":[],"locked":false,"locks":0,"variants":[],"redactor":"3.3.2"}],"datamix":{"cont":"3.3"},"tplname":"cont"}},"templates":{"cont":{"sources":[],"datamix":{"cont":"3.3"},"tplname":"cont"},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"},"tplname":"text"},"icon":{"handlers":"rawsvgicon","vals":{"src":{"file":"//s.lpcdn.site/img/icons-simple-thin/49--black.png","pack":"icons-simple-thin","size":[256,256],"svg":"<style type=\"text/css\"><![CDATA[ .st0{fill:none;stroke:#231F20;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} ]]></style><polygon class=\"st0\" points=\"30.001,2.421 38.965,20.576 59,23.49 44.499,37.622 47.922,57.579 30.001,48.156 12.076,57.579 15.5,37.622 1,23.49 21.041,20.576 \"/>","datamix":{"img":"3.3"}}},"datamix":{"rawsvgicon":"3.3"},"tplname":"icon"},"image":{"handlers":"rawimage","vals":{"src":{"file":"//f1.lpcdn.site/63d3a6c9689d0a310bdb33ba48a9f341/194594eafe8a83db5eb472d202544c73.png","size":[477,500],"pack":"users","datamix":{"img":"3.3"}}},"datamix":{"rawimage":"3.3"},"tplname":"image"}}},"multilandings":[],"locked":false,"locks":0,"variants":[],"redactor":"3.3.2"}

Далее - размещаем любую секцию (например, «Пустая секция») в желаемом месте на странице.

Удобнее всего секцию с кнопкой будет разместить в самом конце страницы.

Переходим в меню копирования и выбираем «Импорт»

Вставляем скопированный код виджета и наслаждаемся новым решением 🙂
Готово! Установка завершена. Осталось настроить кнопку под стиль сайта.

Важно: настраивать самую секцию (её фон, отступы и т.п.) не нужно, потому что на опубликованной версии страницы она отображаться не будет. Сконцентрируемся на самой кнопке, её расположении и функционале.

2. Настройки фиксированной кнопки

По умолчанию у кнопки установлен код для прокрутки наверх по клику:

Если вы хотите, чтобы кнопка выполняла другую функцию (например, отправка заявки или добавление товара), то просто переключите «Действие кнопки»:

Настраиваем желаемый внешний вид кнопки как обычно:

И переходим к настройкам отображения:

Положение кнопки в зафиксированном виде

Указываем положение кнопки - слева или справа и сверху или снизу.

Горизонтальный и вертикальный отступы

Этими ползунками определяется отступ от выбранной стороны, в процентах от величины экрана.
К примеру, если выбрать положение «слева» , то горизонтальный отступ отвечает за отступ от левой части экрана.

Прозрачность кнопки до наведения

Изменяем прозрачность до наведения курсора мыши на кнопку . Чем больше, тем более прозрачной она будет. 

✅ На одной странице может быть несколько таких секций. Например, одна секция для кнопки «Наверх». Другая - для обычной зафиксированной кнопки.

✅ В одном виджете допускается добавление нескольких кнопок. К примеру, как боковое меню для переходов по секциям страницы. Для этого достаточно перенести дополнительную кнопку с верхней панели редактора или скопировать имеющуюся:

Вы также можете настроить виджет обратного звонка от Zadarma или онлайн-чат от Jivosite на Платформе. Инструкции расположены по ссылкам ниже:
Настраиваем интеграцию с сервисом Zadarma
Подключаем плагин JivoSite