Шаблоны для Геткурса

Обложка с несколькими кнопками в ряд

{"type":"form-normal","preset":"form02","params":"{\"form\":{\"items\":{\"parts\":{\"header1\":{\"inner\":{\"headerSize\":\"26\",\"text\":\"\\u0417\\u0430\\u043f\\u0438\\u0448\\u0438\\u0442\\u0435\\u0441\\u044c \\u043d\\u0430 \\u0431\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0435 \\u0443\\u0440\\u043e\\u043a\\u0438<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"20px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"emailField\":{\"name\":\"emailField\",\"partType\":\"userField\",\"inner\":{\"fieldName\":\"email\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448 \\u044d\\u043b. \\u0430\\u0434\\u0440\\u0435\\u0441\"}},\"submitButton\":{\"inner\":{\"title\":\"\\u0417\\u0430\\u043f\\u0438\\u0441\\u0430\\u0442\\u044c\\u0441\\u044f\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#F76835\",\"boxShadowColor\":\"\",\"borderRadius\":\"50px\"},\"name\":\"submitButton\",\"partType\":\"button\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"elementCssClass\":\"\"}}},\"formBox\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"},\"flexDirection\":\"horizontal\",\"textAlign\":\"text-center\"}},\"blockCode\":\"cf911\",\"viewBlockLeftOffset\":\"2\",\"viewBlockWidth\":\"8\",\"blockPaddingTop\":\"3\",\"blockPaddingBottom\":\"3\",\"blockBackgroundColor\":\"#efefef\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n --input-line-color: #b3b3b3;\n}\n\n.form-content .builder-item input[type='text'] {\n border-top: 0;\n border-left: 0;\n border-right: 0;\n border-bottom: 1px solid var(--input-line-color);\n background: transparent;\n height: 35px;\n}\n\n.form-content .builder-item textarea {\n border-top: 0;\n border-left: 0;\n border-right: 0;\n border-bottom: 1px solid var(--input-line-color);\n background: transparent;\n}\n\n.form-content button {\n min-height: 35px;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n}"}

Форма с одним подчеркнутым полем и уменьшенной кнопкой

{"type":"teaser-common","preset":"tsr01","params":"{\"teaserBox\":{\"enabled\":\"1\",\"width\":\"200px\",\"bgcolor\":\"#7c3ac9\",\"color\":\"#ffffff\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#e0e6ed\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"10px\",\"vertical\":\"20px\"}},\"blockCode\":\"54039\",\"data\":{\"dataSource\":\"\",\"0\":{\"action\":{\"type\":\"link\",\"link\":\"1\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"header\":\"PLAN 1<\\/p>\",\"price\":\" \\u00a5 14 000<\\/p>\",\"description\":\"\\r\\n\\t\\t\\t\\t<\\/p>\\r\\n\\r\\n<ul><li>Dimensions:<\\/strong> 24.8W x 47.3H<\\/li><li>Material:<\\/strong> Nylon w\\/ Breathable Glass Fiber<\\/li><li>Weight:<\\/strong> 55 lbs<\\/li><li>Max Weight:<\\/strong> 330 lbs<\\/li><li>Tilt Degrees:<\\/strong> 135<\\/li><li>Tilt Degrees:<\\/strong> 135<\\/li><li>Head Rest:<\\/strong> Yes<\\/li><\\/ul> <\\/p>\",\"button\":{\"title\":\"\\u0414\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"}}},\"1\":{\"action\":{\"type\":\"link\",\"link\":\"2\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"header\":\"PLAN 2<\\/p>\",\"price\":\"\\u00a5 16 700<\\/p>\",\"description\":\"<ul><li>Dimensions:<\\/strong> 24.8W x 47.3H<\\/li><li>Material:<\\/strong> Nylon w\\/ Breathable Glass Fiber<\\/li><li>Weight:<\\/strong> 55 lbs<\\/li><li>Max Weight:<\\/strong> 330 lbs<\\/li><li>Head Rest:<\\/strong> Yes<\\/li><li>Arm Rest:<\\/strong> <\\/li><li>Lumbar Support:<\\/strong> <\\/li><li>Warranty:<\\/strong> 30 Days Money Back<\\/li><\\/ul>\",\"button\":{\"title\":\"\\u0414\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"}}},\"2\":{\"action\":{\"type\":\"link\",\"link\":\"3\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"header\":\"PLAN 3<\\/p>\",\"price\":\"\\u00a5 19 300<\\/p>\",\"description\":\"<ul><li>Dimensions:<\\/strong> 24.8W x 47.3H<\\/li><li>Material:<\\/strong> Nylon w\\/ Breathable Glass Fiber<\\/li><li>Weight:<\\/strong> 55 lbs<\\/li><li>Max Weight:<\\/strong> 330 lbs<\\/li><li>Head Rest:<\\/strong> Yes<\\/li><li>Arm Rest:<\\/strong> <\\/li><li>Lumbar Support:<\\/strong> <\\/li><li>Warranty:<\\/strong> 30 Days Money Back<\\/li><\\/ul>\",\"button\":{\"title\":\"\\u0414\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"}}}},\"button\":{\"title\":\"CHECK OUT\",\"color\":\"#222222\",\"bgcolor\":\"#FFFFFF\"},\"textAlign\":\"text-center\",\"viewBlockLeftOffset\":\"1\",\"viewBlockWidth\":\"10\",\"blockPaddingTop\":\"1.5\",\"blockPaddingBottom\":\"1\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"#ffffff\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"columnsInRow\":\"\",\"withTextPaddings\":\"0\",\"useImgTag\":null,\"headerText\":\"\",\"subheaderText\":\"\",\"fullLink\":\"\",\"leftImageOnMobile\":null,\"flexNotLine\":null,\"flexibleBlocks\":null,\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n --col-1-bg-color: #7c3ac9;\n --col-2-bg-color: #e53499;\n --col-3-bg-color: #2a2cc8;\n --col-4-bg-color: #7c3ac9;\n --header-link-color: white;\n}\n\n\n.lt-tsr-block {\n border-top-left-radius: 50px;\n border-bottom-right-radius: 50px;\n transition: all .5s;\n}\n\n.lt-tsr-block:hover {\n transform: scale(1.05);\n transition: all .5s;\n z-index: 100;\n box-shadow: 0 0 10px gray;\n}\n\n.lt-tsr-text-part.header {\n font-size: 24px;\n padding-bottom: 10px;\n border-bottom: 5px solid #fff;\n margin-bottom: 10px;\n margin-top: 10px;\n}\n\n.lt-tsr-text-part.header a {\n color: var(--header-link-color);\n}\n\n.lt-tsr-text-part.price {\n margin-top: 0;\n font-size: 18px;\n}\n\n.lt-tsr-text-part.description { \n margin-top: 30px;\n margin-bottom: 10px;\n}\n\n.lt-tsr-text-part.description ul {\n padding-left: 0;\n list-style: none;\n}\n\n.lt-tsr-text-part.description ul li {\n margin: 10px 0px;\n}\n\n.button button {\n min-height: unset;\n padding: 10px 30px;\n border-radius: 5px;\n}\n\n.flex-row .lt-tsr-block:nth-child(1) {\n background-color: var(--col-1-bg-color);\n}\n\n.flex-row .lt-tsr-block:nth-child(2) {\n background-color: var(--col-2-bg-color);\n}\n\n.flex-row .lt-tsr-block:nth-child(3) {\n background-color: var(--col-3-bg-color);\n}\n\n.flex-row .lt-tsr-block:nth-child(4) {\n background-color: var(--col-4-bg-color);\n}"}

Тарифы с цветными скругленными блоками и анимацией при наведении Цвета блоков можно изменить в Стиль→Подробные настройки: параметры --col-1-bg-color (цифра — номер столбца от 1 до 4) GetBlocks

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"0d145\",\"items\":{\"parts\":{\"field82314\":{\"inner\":{\"headerSize\":\"36\",\"text\":\"\\u041f\\u043e\\u0441\\u043c\\u043e\\u0442\\u0440\\u0438\\u0442\\u0435 \\u0432\\u0432\\u0435\\u0440\\u0445<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"field82314\",\"partType\":\"header\",\"hAlign\":\"text-left\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field99189\":{\"partType\":\"separator\",\"name\":\"field99189\"},\"field24967\":{\"inner\":{\"text\":\"\\u0421\\u0442\\u0438\\u043c\\u0443\\u043b, \\u043a\\u0430\\u043a \\u0441\\u043b\\u0435\\u0434\\u0443\\u0435\\u0442 \\u0438\\u0437 \\u0432\\u044b\\u0448\\u0435\\u0441\\u043a\\u0430\\u0437\\u0430\\u043d\\u043d\\u043e\\u0433\\u043e, \\u0442\\u0440\\u0430\\u043d\\u0441\\u0444\\u043e\\u0440\\u043c\\u0438\\u0440\\u0443\\u0435\\u0442 \\u043e\\u043f\\u043f\\u043e\\u0440\\u0442\\u0443\\u043d\\u0438\\u0447\\u0435\\u0441\\u043a\\u0438\\u0439 \\u0441\\u0443\\u0431\\u044a\\u0435\\u043a\\u0442. \\u041a\\u043e\\u043c\\u043f\\u0443\\u043b\\u044c\\u0441\\u0438\\u0432\\u043d\\u043e\\u0441\\u0442\\u044c, \\u043f\\u043e \\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u0435\\u043d\\u0438\\u044e, \\u043e\\u0442\\u043a\\u0440\\u043e\\u0432\\u0435\\u043d\\u043d\\u0430. \\u0421\\u0432\\u043e\\u0431\\u043e\\u0434\\u0430 \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043e\\u0432\\u0430\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0437\\u0430\\u043f\\u043e\\u043b\\u043d\\u044f\\u0435\\u0442 \\u0431\\u044b\\u0442\\u043e\\u0432\\u043e\\u0439 \\u043f\\u043e\\u0434\\u0440\\u044f\\u0434. \\u0412\\u0437\\u0430\\u0438\\u043c\\u043e\\u0437\\u0430\\u0447\\u0435\\u0442 \\u043a\\u0430\\u0442\\u0435\\u0433\\u043e\\u0440\\u0438\\u0447\\u0435\\u0441\\u043a\\u0438 \\u0438\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u0442 \\u043f\\u043b\\u0430\\u0442\\u0435\\u0436\\u043d\\u044b\\u0439 \\u0434\\u043e\\u043a\\u0443\\u043c\\u0435\\u043d\\u0442.<\\/p>\",\"textSize\":\"text-normal\",\"textClass\":\"\"},\"name\":\"field24967\",\"partType\":\"text\",\"hAlign\":\"text-left\",\"marginTop\":\"\",\"marginBottom\":\"0\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field41650\":{\"inner\":{\"text\":\"\"},\"partType\":\"text\",\"name\":\"field41650\"}}},\"viewBlockLeftOffset\":\"0\",\"viewBlockWidth\":\"6\",\"textAlign\":\"text-center\",\"blockPaddingTop\":\"0.5\",\"blockPaddingBottom\":\"1.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"0e7b5938fb98023d00b5ad9dd2751bbb.jpeg\"},\"backgroundType\":\"fixed\",\"height\":\"145vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.8\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"50px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"animationOrder\":\"in-turn\",\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":".block-cover {\n\tbackground-position: center center;\n}\n\n.lt-block-wrapper {\n\talign-items: flex-end;\n}\n\n@media (max-width: 739px) {\n\t.lt-block-wrapper {\n\t\tmin-height: 100vh;\n\t}\n}\n\n.lt-block-wrapper.block-cover .cover-wrapper {\n\tmargin-top: unset;\n\tmargin-bottom: unset;\n}"}

Обложка с текстом выезжающим при прокрутке