Курс по рассылкам 2.0. Превратите свои письма в мощный инструмент продаж. Подробности >>

Статья была полезной?

Заголовок

Блог GetCourse

Стандартный блок в конструкторе страниц

Стандартный блок — это базовый блок в конструкторе страниц GetCourse. В зависимости от ваших задач блок может состоять из различных элементов: текста, изображения, кнопки и т. д.


Стандартный блок можно добавить на страницу, если выбрать любой из следующих блоков в разделе «Текст».

Стандартные блоки
Стандартные блоки

Помимо текстовых блоков, стандартные блоки представлены на странице в разных категориях:

Обложка
Обложка
Заголовок
Заголовок
Изображения
Изображения
Форма
Форма
Вставка
Вставка

Любой из этих блоков можно наполнить нужным контентом, в настройках блока убирая и добавляя элементы:


Добавление элементов
Добавление элементов

Настроить внешний вид блока можно на вкладке «Стиль»:

Настройки стиля блока
Настройки стиля блока

Отступы слева и справа:

Экран по ширине условно поделён на 12 равных частей, и отступы позволяют выбрать область экрана, в которой будет располагаться текст.


Выравнивание текста:

Можно выровнять текст по левому краю, по центру, по правому краю или по ширине.


Можно задать отступы сверху и снизу, выбрать цвета для фона и текста.

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


Контейнер:

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


Расширенное управление параметрами блока доступно по кнопке «Подробные настройки», желающие могут настроить стили с помощью CSS.


Всплывающий блок/скрытый:

Если поставить галочку в поле «Является всплывающим или скрытым блоком», этот элемент будет появляться на лендинге при клике на кнопку.

Настройки контейнера и всплывающего/скрытого блока
Настройки контейнера и всплывающего/скрытого блока

Также вы можете установить цвет фона блока, цвет текста блока или задать цвет ссылок для конкретного блока.

Настройки цвета
Настройки цвета

Важно! Не используйте опцию «Добавить обложку», а также «Картинку фона» внутри опции «Показать контейнер» в настройках стиля в виджетах. Из-за ужесточения браузерами политики по межсайтовому взаимодействию корректная работа этого функционала в виджетах не гарантируется.

«Показать контейнер»
«Показать контейнер»

Каждый элемент стандартного блока можно дополнительно настроить, задать индивидуальные отступы, выравнивание и другие настройки.

Ссылка на это место страницы: #animation

Для каждого элемента в стандартном блоке можно настроить визуальное отображение с помощью анимации.


Можно выбрать один из нескольких доступных вариантов анимации:

  • «Появление из прозрачности»,
  • «Увеличение из прозрачности»,
  • «Выезд из прозрачности слева» и т. д.
Анимация
Анимация

Если анимированных элементов несколько, можно настроить порядок их появления:

Порядок появления
Порядок появления

Ниже вы можете на конкретных примерах увидеть, как отображается анимация:

Появление из прозрачности
Появление из прозрачности
Увеличение из прозрачности
Увеличение из прозрачности
Выезд из прозрачности слева
Выезд из прозрачности слева
Выезд из прозрачности справа
Выезд из прозрачности справа
Выезд из прозрачности сверху
Выезд из прозрачности сверху
Выезд из прозрачности снизу
Выезд из прозрачности снизу
Ссылка на это место страницы: #round

Для кнопок и изображений существует возможность добавить тень и настроить скругление углов.

Тень и скругление углов
Тень и скругление углов

Для кнопок есть возможность задать размер — small, medium, large.

Размер кнопки
Размер кнопки


Для того чтобы оставить комментарий —
авторизуйтесь
{"signature":"0902400e4085fa8b2872d0d10c5729d2","accountUserId":-1,"values":{"object_type_id":10,"object_id":1162653436,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
GetCourse Club. I ступень. удалить
Невозможно на основании данной информации самостоятельно создать лендинг новичку. Вы можете показать пример красивых страниц и пошагово на практике объяснить как самостоятельно создать такие же? Иначе эта информация похожа просто на теорию пз воронки на покупку обучения.
или отменить редактирование
Ср 04 Мар 21:46 • Ответить
{"signature":"72b583146e3dfe2e08f0d031dc631ef4","accountUserId":-1,"values":{"object_type_id":10,"object_id":1162762876,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Добрый день!
Специально для новичков существуют шаблоны страниц (как бесплатные, так и платные). Подробнее читайте в статье https://getcourse.ru/blog/419019#shabloni-stranits .
или отменить редактирование
Чт 05 Мар 10:10
{"signature":"f413fdf3fab115adada6d95ef0b68656","accountUserId":-1,"values":{"object_type_id":10,"object_id":736388939,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
здравствуйте,подскажите как в текстовом редакторе,рассылки,добавить "кнопку"
или отменить редактирование
Сб 20 Апр 2024 • Ответить
{"signature":"65e260ea366bb51331d13960fda10e4b","accountUserId":-1,"values":{"object_type_id":10,"object_id":737485819,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Добрый день!
Чтобы добавить в письмо кнопку, при клике на которую пользователь будет попадать на какую-либо страницу:
1) Выделите нужный текст и нажмите кнопку Link https://skr.sh/sPNzETU4aI2 .
2) Введите адрес страницы https://skr.sh/sPNGk7z6NEo .
3) Отметьте чекбокс "Показать в виде кнопки" и нажмите "Вставить ссылку" https://skr.sh/sPNnbUE9OZH .
4) Текст отобразится в виде кнопки https://skr.sh/sPNwNskY2QQ , которая при клике будет вести на указанный адрес.

Если это решение не подходит под вашу задачу, пожалуйста. напишите нам в техподдержку подробности https://getcourse.ru/contacts .
или отменить редактирование
Пн 22 Апр 2024
{"signature":"cbe7284e8c39726e21803b51701179c1","accountUserId":-1,"values":{"object_type_id":10,"object_id":302448411,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Добрый день!Подскажите как вокруг блока сделать рамочку?
или отменить редактирование
Вт 12 Окт 2021 • Ответить
{"signature":"82b6e8c48cd48b3af95aaee1ca3907f1","accountUserId":-1,"values":{"object_type_id":10,"object_id":302646514,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Карина, здравствуйте. Уточните, пожалуйста, о блоке на какой странице идет речь? Пришлите, пожалуйста ссылку на страницу и скриншот блока к нам в техническую поддержку https://getcourse.ru/contacts
Также пришлите, пожалуйста, изображение/скриншот с примером блока с рамкой, которую вы хотели бы установить на свой блок.
или отменить редактирование
Вт 12 Окт 2021
{"signature":"a34efa73fafce7b3dcdcdae27d4cf0ae","accountUserId":-1,"values":{"object_type_id":10,"object_id":290480600,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Добрый день, как сделать анимацию на блок иконка-заголовок-текст?
или отменить редактирование
Вт 14 Сен 2021 • Ответить
{"signature":"d45cdfb432a6ba620c91fa083fbb80f6","accountUserId":-1,"values":{"object_type_id":10,"object_id":290812227,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Ева, здравствуйте.
Напишите нам, пожалуйста, в техническую поддержку по контактам https://getcourse.ru/contacts. Опишите, пожалуйста, какой вы видите анимацию блока. Если есть примеры такой реализации, то пришлите, пожалуйста, ссылки и на такие страницы.
или отменить редактирование
Вт 14 Сен 2021
{"signature":"1cd5105c89205cc749cf4874a19e1c05","accountUserId":-1,"values":{"object_type_id":10,"object_id":219792786,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
GetCourse Club. I ступень.Getcourse Pay Premium удалить
Добрый День, скажите как наййти этот стандартный блок
или отменить редактирование
Чт 25 Мар 2021 • Ответить
{"signature":"0cdfa0af46741dd97ef5a9e716eb1100","accountUserId":-1,"values":{"object_type_id":10,"object_id":221836427,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Юлия, здравствуйте!
Стандартным блоком являются текстовые блоки. Добавить такой блок на страницу можно, выбрав "Все блоки" http://joxi.ru/DmBEB98tJazVGr и далее в категории "Текст" один из отмеченных блоков http://joxi.ru/82Q79wBIwoyQer. Такой блок и будет стандартным http://joxi.ru/Vm6bBNZF4ljgwm.
В уроке типа "Визуальный конструктор" к списку блоков можно перейти по кнопке "Показать все блоки" http://joxi.ru/52aQ6wgSEobLG2 и далее аналогично к разделу "Текст" http://joxi.ru/KAx5l1BHZl1dVr.
Если ваш вопрос заключается в ином, напишите нам в поддержку, https://getcourse.ru/contacts , приложите ссылку на страницу и опишите решаемую задачу детальнее.
или отменить редактирование
Вс 28 Мар 2021
{"signature":"124f7c9338f4cb35dc1ef47ab154caec","accountUserId":-1,"values":{"object_type_id":10,"object_id":83553101,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Добрый день! Подскажите пожалуйста при создании обложки лендинга как настроить чтобы заголовок, подзаголовок, кнопка были слева экрана, так как на фоновой фотографии справа лицо девушки, при помощи отступов не получилось, текст встал левее но столбиком
или отменить редактирование
Пн 10 Фев 2020 • Ответить
{"signature":"05f5af470b413e750589a0aecf95fe88","accountUserId":-1,"values":{"object_type_id":10,"object_id":83567510,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Радима, здравствуйте!

Напишите, пожалуйста, обращение в рамках технической поддержки https://getcourse.ru/contacts. В обращении укажите, пожалуйста, ссылку на страницу лендинга, о которой идет речь.
или отменить редактирование
Пн 10 Фев 2020

Связанные статьи

Мы используем cookie-файлы. Это нужно для лучшей работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с этим. Подробнее