Как да създадете Лайтбокс форма

26 октомври 2023 г.

Лайтбокс форма е прозорец, който се появява, когато посетителите щракнат върху линк. Това е лесен начин да споделяте вашите форми с посетителите. Когато лайтбокса се отвори, той се наслагва върху страницата, която съдържа линка. Лайтбокса ще изглежда така:

Как да създадете Лайтбокс форма Image-1

Получаване на Кодовете за Вграждане за Лайтбокс

Моля следвайте стъпките по-долу, за да започнете:

  1. Отворете вашата форма в Конструктора на форми и щракнете върху раздела Публикуване.
  2. Щракнете върху Вграждане в лявото меню за навигация.
  3. Изберете и щракнете върху Лайтбокс опцията.
Как да създадете Лайтбокс форма Image-2
  1. На следващата страница, вие можете да копирате кода, като щракнете върху зеления бутон Копирай кода. Или натиснете бутона Преглед, за да видите как изглежда.
Как да създадете Лайтбокс форма Image-3

Персонализиране на Лайтбокса

Ако искате да персонализирате външния вид и усещането на лайтбокса, щракнете върху бутона Персонализиране, както е показано на скрийншота по-горе. В секцията за персонализиране, вие имате опции за промяна на заглавието на лайтбокса, размерите на формата, стиловете, цветовете и опция за отваряне при зареждане на страницата или не.

Как да създадете Лайтбокс форма Image-4

Моля не забравяйте да щракнете върху бутона Запази промените, след което копирайте генерирания код.

Персонализиране на Призива-за-Действие за Използване на Изображение

Ако искате да използвате изображение вместо бутон/връзка, за да задействате отварянето на лайтбокса, вие трябва да замените следния ред:

<a class="btn lightbox-{formID}" style="margin-top: 16px">   {form_title} </a>

…със следното:

<img src="{imageURL}" class="btn lightbox-{formID}">


Трябва да замените {formID} с вашия действителен идентификатор на форма. Това е низа от числа в края на URL адреса на формата. Същото нещо за {imageURL}, вие трябва също да го промените с действителния URL адрес на изображението. Моля имайте предвид, че стойността на атрибута клас е много важна за работата на лайтбокса, когато вашият посетител щракне върху изображението.

Имате ли въпроси, предложения или отзиви? Моля публикувайте коментар по-долу или създайте билет за поддръжка на Jotform.

Свържете се с екипа за поддръжка:

Нашият екип за поддръжка на клиенти е на разположение денонощно и средното ни време за реакция е между един и два часа.
С нашия екип можете да се свържете чрез:

Форум за поддръжка: https://www.jotform.com/answers/

Свържете се с поддръжката на Jotform: https://www.jotform.com/contact/

Изпратете коментар:

Jotform Avatar
Този сайт е защитен от реКАПЧА и Декларацията за поверителност и Общи условия.

Podo Comment Бъдете първите, които коментират.