Использование расширенных настроек - Создание - Документы Carrd
Использование расширенных настроек
Требуется Pro Plus или выше
Для более сложных случаев использования Carrd функция Расширенные настройки предоставляет доступ к следующим дополнительным настройкам для каждого элемента:
- Назначение фиксированных ID элементам вместо автоматически сгенерированных ID
- Добавление пользовательских HTML атрибутов к элементам
- Добавление пользовательских классов к элементам
- Применение пользовательских CSS свойств к элементам (и, если применимо, их подэлементам)
- Запуск пользовательского JS кода при возникновении определенных событий (где поддерживается; см. ниже для получения дополнительной информации)
- Установка видимости элементов (например, скрытие на мобильных устройствах, но отображение на настольных компьютерах)
Чтобы получить доступ к этим настройкам, выберите элемент, затем нажмите на вкладку Настройки.
События
Некоторые типы элементов поддерживают возможность запуска пользовательского JS кода при возникновении определенных событий. Это может быть использовано для добавления всевозможной расширенной функциональности, которая еще не доступна в Carrd; например, запуск вызова gtag()
Google Analytics для отслеживания отправки формы или запуск вызова стороннего API при нажатии кнопки.
Чтобы получить доступ к событиям элемента, выберите элемент, нажмите на вкладку Настройки, затем нажмите События. В настоящее время события поддерживаются для следующих типов элементов:
Тип элемента | Тип события | Описание |
---|---|---|
Кнопки | При нажатии (для каждой кнопки) | Запускается при нажатии кнопки. |
Управление | При открытии (разделы) | Запускается при открытии раздела. |
Управление | При закрытии (разделы) | Запускается при закрытии раздела. |
Форма | При отправке | Запускается при отправке формы. |
Форма | При успехе | Запускается при успешной отправке формы. |
Форма | При ошибке | Запускается при неудачной отправке формы. |
Галерея | При нажатии (для каждого изображения) | Запускается при нажатии на изображение. |
Иконки | При нажатии (для каждой иконки) | Запускается при нажатии на иконку. |
Ссылки | При нажатии (для каждой ссылки) | Запускается при нажатии на ссылку. |