Как добавить приглашение и форму ответа на свой сайт?

Приглашение lal.so добавляется на ваш сайт одним кодом для встраивания. После этого посетители видят детали события и кнопки Приду и Не приду прямо на вашей странице.

Найдите адрес приглашения

  1. Откройте приглашение на lal.so. Оно есть в разделе Мои события.
  2. Нажмите Поделиться, затем Копировать ссылку.
  3. Посмотрите на скопированную ссылку. Она начинается с https://lal.so/e/ и заканчивается коротким кодом. Этот код и есть адрес вашего приглашения.

Добавьте код для встраивания на сайт

  1. Скопируйте код ниже.
  2. Замените YOUR-INVITATION-ADDRESS на адрес своего приглашения.
  3. Вставьте код в блок HTML или блок для встраивания на вашем сайте и опубликуйте страницу.
<iframe data-lalso-src="https://lal.so/embed/YOUR-INVITATION-ADDRESS" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0" title="RSVP" scrolling="auto" loading="lazy"></iframe>
<script>var d=document,w="https://lal.so/widgets/embed.js",v=function(){"undefined"!=typeof Lalso?Lalso.loadEmbeds():d.querySelectorAll("iframe[data-lalso-src]:not([src])").forEach((function(e){e.src=e.dataset.lalsoSrc}))};if("undefined"!=typeof Lalso)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

В первой строке задана рамка, в которой находится приглашение. Вторая строка его загружает. Рамка занимает всю ширину страницы, а её высота 800 пикселей. Чтобы сделать её выше или ниже, измените число после height.

Что видят посетители

Внутри рамки приглашение выглядит так же, как на lal.so: название, дата и время, место, ваше описание и добавленные детали. Под ними расположены кнопки Приду и Не приду.

Частые вопросы

Какая часть ссылки нужна для кода встраивания?

Только короткий код в конце ссылки на приглашение lal.so, после https://lal.so/e/. Подставьте его вместо YOUR-INVITATION-ADDRESS в коде для встраивания. Остальной код оставьте как есть, включая часть, которая начинается с https://lal.so/embed/, и вторую строку.

Можно ли разместить на одной странице несколько приглашений?

Да. Добавьте по строке с рамкой для каждого приглашения, каждую со своим адресом, а вторую строку кода вставьте один раз. Эта вторая строка загружает все рамки с приглашениями lal.so на странице, поэтому два события, например церемония и ужин, могут стоять на одной странице вашего сайта.

Появляются ли изменения приглашения на моём сайте?

Да, и код для встраивания менять не нужно. Рамка загружает приглашение с lal.so каждый раз, когда кто-то заходит на вашу страницу. Когда вы меняете приглашение кнопкой Изменить и нажимаете Готово, посетители сайта увидят новую версию при следующей загрузке страницы.

Что делать, если в конструкторе сайтов нет блока HTML?

Попробуйте вставить просто ссылку на приглашение. Страницы приглашений lal.so содержат ссылку oEmbed (это стандартный способ, которым сайты превращают вставленную ссылку во встроенный блок). На сайтах, которые читают ссылки oEmbed, вставленной ссылки может хватить, чтобы показать приглашение. Если ваш сайт так не умеет, поищите блок HTML, блок встраивания или блок пользовательского кода.

Сайт lal.so создан для онлайн-приглашений и ответов на них: здесь можно бесплатно создать, оформить и отправить приглашение, а гости отвечают по ссылке без аккаунта.

Похожие вопросы