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

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

{"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}"}

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

Тарифы с цветной заливкой в шапке Для изменения цвета шапки используйте CSS-параметры в Стиль→Подробные настройки:
--col-1-bg-color, где цифра — это номер столбца от 1 до 4 GetBlocks

Млечный путь над лесом

{"type":"image-fullscreen","preset":"img02","params":"{\"blockCode\":\"674d8\",\"image\":{\"hash\":\"AB.909fe70346be08cd3f0fccf3a0dda4b8.jpg\",\"caption\":\"\"},\"description\":\"\\u041c\\u043b\\u0435\\u0447\\u043d\\u044b\\u0439 \\u043f\\u0443\\u0442\\u044c \\u043d\\u0430\\u0434 \\u043b\\u0435\\u0441\\u043e\\u043c<\\/p>\",\"imageStyle\":\"\",\"blockPaddingTop\":\"0\",\"blockPaddingBottom\":\"0\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":".image-wrapper {\n\tpadding: 10px 15px;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: flex-end;\n\tbackground-position: center center;\n}\n\n@media (max-width: 550px) {\n\t.image-wrapper {\n\t\tpadding: 8px 8px;\n\t}\n}\n\n.block-image-fullscreen-description {\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n}\n\t"}

Полноэкранное изображение с подписью в левом нижнем углу