Встраивание пользовательского кода - Создание - Документы Carrd
Встраивание пользовательского кода
Требуется Pro Standard или выше
Элемент Embed позволяет вставлять пользовательский HTML, CSS и даже JavaScript код практически в любое место на сайте (включая элемент <head>
). Если вам нужно добавить сторонний виджет, который еще не поддерживается элементом Widget, или если вы просто хотите внедрить пользовательские функции, выходящие за рамки того, что предлагает Carrd, вот как это сделать:
Нажмите Add Element
Нажмите Embed, чтобы создать новый элемент Embed.
Установите Type на Code.
Установите Code на пользовательский код, который вы хотите вставить. Это может быть практически все, что вы обычно вставляете в HTML сайта, так что стандартный HTML, теги
<style>
с пользовательскими CSS правилами и даже теги<script>
с JavaScript кодом здесь допустимы.(Опционально) Установите Label на что-то, что поможет идентифицировать этот конкретный встраиваемый элемент (например, Мой код виджета).
Выберите Style встраиваемого элемента:
- Inline, чтобы вставить ваш код точно там, где появляется встраиваемый элемент на сайте (как и любой другой элемент).
- Hidden, чтобы вставить ваш код в одно из трех конкретных мест:
- Head для элемента
<head>
сайта, - Body Top сразу после открывающего тега
<body>
сайта, или - Body End непосредственно перед закрывающим тегом
</body>
сайта.
Поскольку это фактически публикует встраиваемый элемент вне обычного потока элементов, не стесняйтесь перемещать его в более удобное место (например, в самый конец сайта).
- Готово! Ваш пользовательский код теперь должен быть виден на опубликованном сайте. Обратите внимание, что встраиваемый элемент не будет выводить что-либо в конструкторе, поэтому вам нужно будет опубликовать сайт, чтобы увидеть его в действии.