Квиз сайт на Web Builder

[timmm]

Подскажите, можно ли на билдере сделать квиз сайт(опросник), на примере подобного сайта: http://www.law-99.ru
Необходимо сделать вопросы и отвечая на них чтоб открывался следующий вопрос, в конце форма заполнив которую мне должно прийти письмо со всеми данными из ответов, можно ли это реализовать на билдере и как? дайте пожалуйста правильное направление, думаю всем будет полезно! Квиз-маркетинг набирает обороты, хотелось бы узнать как реализовать это технически

[mehan]

можно сделать с помощью карусели на форме заявке https://www.youtube.com/watch?v=i3xOoO9l060 можно каждый вопрос разместить на слой и кнопками показывать и скрывать слои. второй вариант на мой взгляд предпочтительней поскольку в мобильных устройствах карусель пролистывается пальчиком и посетители имеют возможность пропустить некоторые вопросы.

[spoon]

Вроде у Гудвина расширение было.

[Makhetov]

Привет! Квиз сайт сделан с помощью слоев. При адаптации под мобильное устройство (320px) сайт не функционирует. При разрешении 970px все работает, при 320px-нет. В чем может быть ошибка,как можно исправить? Спасибо.

[Alex15963]

Сайт работает на разных точках. В т.ч. 320. Постучитесь к Кириллу. Эта тема уже обсуждалась на форуме. Он помог.

[hools1488]

Не нашел подобных обсуждений. Есть еще решения или расширения?)

[Cheririna]

Вот здесь есть пошаговый "рецепт" https://www.youtube.com/watch?v=R7XFpjCPdSs&t=96s Пробовала получилось вот как http://kursy.allholl.ru/test.php все работает и на почту приходят все ответы

[zbscomp]

Вот на WWB сделан, на карусели: http://ремонт-квартир.com/feedback.php
Он такой, не доделанный. Юзал просто)) Делал сей тест по видосу указанному выше) Могу помочь

[evgen250585]

Квиз опросник сделать реально но в билдере есть костыли которые мешают сделать идеальный квиз но все же можно! Я мучался несколько дней. Начал делать на карусели. Потом решил посоветоваться с Кириллом, созвонился по скайпу мы с ним собрали отличный шаблон квиза (вернее он собрал)! Узнал много новых плюшек! Спасибо Кириллу огромное! Ребят советую обращаться, лучше одна консультация чем сидеть голову напрягать и тратить нервы!

[Gudwinn]

evgen250585, Спасибо за тёплые слова)) Эффекты мы зачётные к квизу прикрутили)) Кстати ты спрашивал как чёрные точки убрать у чекбоксов и радиокнопок. Я думаю это полезно будет всем, значит надо в исходнике САЙТА (что бы раз и навсегда решить этот трабл, для всех страниц) вставить это в HEAD

Код: Выделить всё

<style>
input[type='checkbox']:focus + label::before {
    outline: none!important;
}
input[type='radio']:focus + label::before {
    outline: none!important;
}
</style>

И всё, прощайте эти дебильные чёрные точки)))

[evgen250585]

Спасибо Кирилл!

[ildar]

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

"Квиз сайт сделан с помощью слоев. При адаптации под мобильное устройство (320px) сайт не функционирует. При разрешении 970px все работает, при 320px-нет. В чем может быть ошибка,как можно исправить? Спасибо."

У меня такая же проблема:

Сделал квиз, но проблема – все работает в десктопной версии хорошо. Адаптировал под мобильные 320 пх и происходит то, что когда первый экран квиза должен исчезнуть и появиться второй – происходит непонятное – исчезает слой первого вопроса, а все его элементы остаются и больше ничего не происходит. Так происходит при любом размере адаптации. А при расширении браузера до десктопной версии все работает. Подскажите, как здесь быть (очень надо)?

[spoon]

Значит в мобверсии элементы вне слоя вот почему они стоят на месте. Учитесь верстать на сетках и флексах, слой только в ооочень особенных случаях.

[ildar]

"Значит в мобверсии элементы вне слоя вот почему они стоят на месте. Учитесь верстать на сетках и флексах, слой только в ооочень особенных случаях."

1. Это квиз. Разве сетка верстки тут подойдет?
2. Все элементы во время конструирования находятся в слое.
3. Квиз ОТЛИЧНО работает в десктопной версии, а в любой адаптивной не работает

Неужели только у меня такое. Хотя человек выше об этом писал. Пытался найти в интернете тех, кто сталкивался с этим и какое решение нашли, но не получилось

[spoon]

ildar, вы из тех кто думает, что билдер придумал html, css и js? Изучайте языки и тогда вопросов не будет.

[Alex15963]

Дайте ссылку на сайт или проект

[ildar]

"Дайте ссылку на сайт или проект"

Ссылка на сайт (пример, квиз нормально работает в десктопной версии и не работает в других адаптивных версиях): https://lp.onl-kurs.top/kviz111/
Это проект: https://yadi.sk/d/VrGUFnlUu7VD5g?w=1

[ildar]

Ссылка на сайт (пример, квиз нормально работает в десктопной версии и не работает в других адаптивных версиях): https://lp.onl-kurs.top/kviz111/
Это проект: https://yadi.sk/d/VrGUFnlUu7VD5g?w=1

[Eric]

Не проще сделать так и не заморачиваться со слоями?
viewtopic.php?f=12&t=6991#p42003
Или так
viewtopic.php?f=14&t=6943&p=42105&hilit=%D0%BA%D0%B2%D0%B8%D0%B7#p41753

[ildar]

Не проще сделать так и не заморачиваться со слоями?
viewtopic.php?f=12&t=6991#p42003
Или так
viewtopic.php?f=14&t=6943&p=42105&hilit=%D0%BA%D0%B2%D0%B8%D0%B7#p41753

----------------------------------------

Eric, спасибо за подсказку

Буду осваивать сетки и флексы.

-----------------------------------------------

Но, все равно хочется понять и решить проблему, почему квиз со слоями в десктопной версии работает супер,а в любых адаптивных версиях не работает