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

{"type":"form-normal","preset":"form02","params":"{\"form\":{\"items\":{\"parts\":{\"header1\":{\"inner\":{\"headerSize\":\"20\",\"text\":\"\\u0411\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0439 \\u043c\\u0430\\u0440\\u0430\\u0444\\u043e\\u043d<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"10px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"header1_80\":{\"inner\":{\"headerSize\":\"52\",\"text\":\"\\u041a\\u0430\\u043a \\u043d\\u0430\\u0439\\u0442\\u0438 \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u043d\\u0443\\u044e \\u0440\\u0430\\u0431\\u043e\\u0442\\u0443 \\u043f\\u043e \\u043d\\u0430\\u0439\\u043c\\u0443<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1_80\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"40px\",\"marginBottom\":\"10px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field33419\":{\"inner\":{\"text\":\"\\u0440\\u0430\\u0437\\u0431\\u043e\\u0440 \\u0441\\u0430\\u043c\\u044b\\u0445 \\u0433\\u043b\\u0430\\u0432\\u043d\\u044b\\u0445 \\u0432\\u043e\\u043f\\u0440\\u043e\\u0441 \\u043e \\u0441\\u043e\\u0441\\u0442\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0438 \\u0440\\u0435\\u0437\\u044e\\u043c\\u0435, \\u043f\\u043e\\u0438\\u0441\\u043a\\u0435 \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u043d\\u043e\\u0439 \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0438 \\u043f\\u0440\\u043e\\u0445\\u043e\\u0436\\u0434\\u0435\\u043d\\u0438\\u0438 \\u0441\\u043e\\u0431\\u0435\\u0441\\u0435\\u0434\\u043e\\u0432\\u0430\\u043d\\u0438\\u044f<\\/p>\",\"textSize\":\"text-normal\",\"textClass\":\"\"},\"name\":\"field33419\",\"partType\":\"text\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"10px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field95987\":{\"inner\":{\"text\":\"1 — 12 \\u0441\\u0435\\u043d\\u0442\\u044f\\u0431\\u0440\\u044f 2020 \\u0433.<\\/mark><\\/p>\",\"textSize\":\"text-normal\",\"textClass\":\"\",\"replaceVariables\":\"1\"},\"name\":\"field95987\",\"partType\":\"text\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field50651\":{\"inner\":{\"timerType\":\"absolute\",\"time\":\"2020-09-01 12:00\",\"personalDelay\":\"\",\"timerPrefix\":\"\",\"headerSize\":\"52\",\"textOnFinish\":\"\",\"actionOnFinish\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"version\":\"\",\"timerId\":\"\"},\"name\":\"field50651\",\"partType\":\"countdown\",\"hAlign\":\"text-center\",\"marginTop\":\"30px\",\"marginBottom\":\"50px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field7438\":{\"inner\":{\"fieldType\":\"email\",\"additionalFieldName\":\"\",\"additionalFieldType\":\"string\",\"title\":\"\",\"placeholder\":\"\\u042d\\u043b. \\u043f\\u043e\\u0447\\u0442\\u0430\",\"size\":\"\",\"required\":\"1\"},\"name\":\"field7438\",\"partType\":\"userField\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"submitButton\":{\"inner\":{\"title\":\"\\u0417\\u0430\\u043f\\u0438\\u0441\\u0430\\u0442\\u044c\\u0441\\u044f\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#ff0900\",\"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\":\"\"}},\"blockCode\":\"e8831\",\"viewBlockLeftOffset\":\"3\",\"viewBlockWidth\":\"6\",\"blockPaddingTop\":\"2.5\",\"blockPaddingBottom\":\"2.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"AB.a71482dc28d06a74cf1eab63f1f28f60.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.7\",\"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 --days: 'дней';\n --hours: 'часов';\n --minutes: 'минут';\n --seconds: 'секунд';\n --border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.builder-item.part-countdown {\n flex: 0 1 100%;\n}\n\n.countdown-row {\n display: flex;\n justify-content: center;\n}\n\n.countdown-period {\n display: none;\n}\n\n.countdown-section:not(:first-child) {\n border-left: var(--border);\n}\n\n.countdown-section {\n padding: 10px 30px;\n display: block;\n}\n\n.countdown-amount {\n display: block;\n}\n\n.countdown-section .countdown-amount:after {\n display: block;\n font-size: 14px;\n font-weight: 100;\n}\n\n.countdown-section:nth-last-child(1) .countdown-amount:after {\n content: var(--seconds);\n}\n\n.countdown-section:nth-last-child(2) .countdown-amount:after {\n content: var(--minutes);\n}\n\n.countdown-section:nth-last-child(3) .countdown-amount:after {\n content: var(--hours);\n}\n\n.countdown-section:nth-last-child(4) .countdown-amount:after {\n content: var(--days);\n}\n\n@media (max-width: 500px) {\n .countdown-section {\n padding: 10px 15px;\n }\n}"}

Обложка-форма для записи на событие со стилизованным таймером и формой в одну линию

{"type":"form-normal","preset":"form02","params":"{\"form\":{\"items\":{\"parts\":{\"header1\":{\"inner\":{\"headerSize\":\"36\",\"text\":\"\\u0411\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0439 \\u0432\\u0435\\u0431\\u0438\\u043d\\u0430\\u0440 \\u043e\\u0431 \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u043d\\u043e\\u0439 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0435<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"40px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field95255\":{\"inner\":{\"text\":\"\\u0423\\u0437\\u043d\\u0430\\u0439\\u0442\\u0435 \\u043a\\u0430\\u043a \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0442\\u044c \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u043d\\u043e \\u0438 \\u0431\\u044b\\u0442\\u044c \\u0441\\u0442\\u0440\\u0435\\u0441\\u0441\\u043e\\u0443\\u0441\\u0442\\u043e\\u0439\\u0447\\u0438\\u0432\\u044b\\u043c \\u0432 \\u043b\\u044e\\u0431\\u044b\\u0445 \\u0441\\u0438\\u0442\\u0443\\u0430\\u0446\\u0438\\u044f\\u0445<\\/p>\",\"textSize\":\"text-subnormal\",\"textClass\":\"\"},\"name\":\"field95255\",\"partType\":\"text\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"40px\",\"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\"}},\"phoneField\":{\"inner\":{\"fieldType\":\"phone\",\"additionalFieldName\":\"\",\"additionalFieldType\":\"string\",\"title\":\"\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448 \\u0442\\u0435\\u043b\\u0435\\u0444\\u043e\\u043d\",\"size\":\"\",\"required\":\"1\"},\"name\":\"phoneField\",\"partType\":\"userField\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\"},\"nameField\":{\"name\":\"nameField\",\"partType\":\"userField\",\"inner\":{\"fieldName\":\"full_name\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448\\u0435 \\u0438\\u043c\\u044f\"}},\"submitButton\":{\"inner\":{\"title\":\"\\u0417\\u0430\\u043f\\u0438\\u0441\\u0430\\u0442\\u044c\\u0441\\u044f\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#F76835\",\"boxShadowColor\":\"\",\"borderRadius\":\"6px\"},\"name\":\"submitButton\",\"partType\":\"button\",\"hAlign\":\"text-center\",\"marginTop\":\"50px\",\"marginBottom\":\"\",\"textColor\":\"\",\"elementCssClass\":\"\"}}}},\"blockCode\":\"e7de0\",\"viewBlockLeftOffset\":\"3\",\"viewBlockWidth\":\"6\",\"blockPaddingTop\":\"2.5\",\"blockPaddingBottom\":\"2.5\",\"blockBackgroundColor\":\"#efefef\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"AB.d0a2134ce4cd7097a2e8c388759b268a.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.4\",\"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\tborder-top: 0;\n\tborder-left: 0;\n\tborder-right: 0;\n\tborder-bottom: 1px solid var(--input-line-color);\n\tbackground: transparent;\n\theight: 35px;\n}\n\n.form-content .builder-item textarea {\n\tborder-top: 0;\n\tborder-left: 0;\n\tborder-right: 0;\n\tborder-bottom: 1px solid var(--input-line-color);\n\tbackground: transparent;\n}\n\n.form-content button {\n\tmin-height: 35px;\n}"}

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

Тарифы с фоновыми картинками в шапке Фоновые картинки настраиваются с помощью CSS-параметров (Стиль – Подробные настройки) 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}"}

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