Создание сайта на Tilda для благотворительного фонда – это непростая задача из-за ограниченного функционала платформы. Ручная работа в Zero Block помогает лишь частично, оставляя много нерешенных вопросов.
Главной особенностью этого проекта стала значительно доработанная стандартная корзина и новый функционал кнопок на странице. Когда я говорю о новом функционале, я не имею в виду просто добавление ссылок в формате #order:Пожертвование=500. Я провел масштабную работу, чтобы каждая кнопка была максимально эффективной. Теперь подробнее о том, что было сделано.
Кнопки
При создании сайта для благотворительного фонда были реализованы четыре типа кнопок: три для добавления пожертвований в корзину и одна для скролла.
Кнопка для скролла уникальна тем, что внутри неё с помощью псевдоэлемента `:after` добавлено сердечко. Иконки в кнопки стандартным методом вставить не получилось, поэтому пришлось проявить креативность. При наведении курсора кодом меняется цвет сердечка с красного на белый.
Идем дальше. Следующий тип кнопок это просто круглое сердечко при нажатии на которое в корзину добавляется товар с определенным названием и суммой.
Добавление в корзину здесь реализовано с помощью кода. Чтобы это заработало, дизайнеру нужно указать в качестве ссылки следующую конструкцию: #Название пожертвования:::Сумма. Почему не стандартная конструкция?
Если использовать типовой формат #order:Название пожертвования=Сумма, товар также добавится в корзину, но при попытке изменить стоимость товара на этапе оплаты, Tilda выдаст ошибку, так как первоначальная сумма не совпадает. Столкнувшись с этой проблемой, я решил создать собственный метод добавления товара в корзину, чтобы стоимость можно было менять без ошибок при оплате. Также, типовая конструкция добавляла бы два пожертвования одновременно, что потребовало разработки собственной конструкции.
Еще один тип кнопки это просто пожертвования с одним и тем же названием, но разной суммой. Например: 500,1000,5000, другая сумма.
Здесь все просто: величина пожертвования берется из названия кнопки, а в качестве ссылки используется просто #. В результате пожертвование корректно добавляется в корзину, и можно продолжать работу без проблем. Кнопка "Другая сумма" представляет собой еще один тип кнопки, где величина пожертвования определяется постоянной переменной.
Корзина
А вот здесь начинается самое интересное.
Это совсем не похоже на стандартную корзину, верно? Здесь добавлены кнопки изменения суммы пожертвования, поле для ввода своей суммы, а также чекбокс, позволяющий остаться анонимным дарителем без заполнения полей "Имя", "Телефон" и "E-mail". В общем, проделанная работа полностью окупилась благодаря большому числу дарителей, поддержавших фонд в день запуска его программ.
Сроки создания сайта
Когда речь заходит о сроках реализации сайта, у меня всегда замирает сердце. Хочется создать шедевральный дизайн и функционал, но реальность такова, что чем быстрее проект будет завершен, тем лучше. В этом случае необходимо было завершить все работы за 14 дней, включая настройку приема платежей для благотворительного фонда. По-другому, кроме как героизмом, это не назовешь.
Такие жесткие сроки были обусловлены публичным открытием и презентацией фонда перед будущими благотворителями на крупном мероприятии. Пришлось очень постараться, но результатом я определенно доволен.
Вывод
В качестве заключения скажу, что если вы хотите создать сайт для благотворительности или фонда помощи, но боитесь, что функционал Тильды вам это не позволит, то не бойтесь. на самом деле можно решить любую задачу, главное обратиться к специалистам, которые на самом деле хотят вам помочь и у которых горят глаза от желания сделать все максимально классно:-)
Как заказать сайт или решение
Здесь все просто, вы можете заказать у меня сайт для приема пожертвований или благотворительного фонда с нуля или на доработку. Для этого напишите мне в личные сообщения, помогу чем смогу. Если есть вопросы можете оставить комментарий к данному посту. Само решение можно получить по ссылке: https://webvova.ru/blog/tilda/izmenenie-stoimosti-donata-pozhertvovaniya-v-tilde-dlya-fonda-pomoshhi-blagotvoritelnosti/