Создание сайта для благотворительного фонда

Честно, создавать сайт на тильде для благотворительного фонда дело неблагодарное. По умолчанию у тебя есть очень узкий функционал. Отчасти ручная работа в зероблоке слегка исправляет данную ситуацию, но по-прежнему остается много нерешенных вопросов.

Итак, главной особенностью данного проекта является сильно доработанная стандартная корзина, а также новый функционал кнопок на странице. И когда говорю новый функционал я не имею ввиду то, что просто навешали на кнопки ссылки в формате #order:Пожертвование=500. Нет. Здесь я провел довольно обширную работу, чтобы каждая кнопка была эффективна. Но обо всем по порядку.

Свои кнопки

При создания сайта для фонда благотворительности было реализовано 4 типа кнопок. 3 для добавления в корзину пожертвования и одна для скролла.

Данная кнопка для скролла уникальна тем, что внутрь неё через псевдо — элемент after добавил сердечко, так как особо иконки в кнопки не засунуть, поэтому пришлось постараться. В качестве анимации наведения — кодом просто меняем красное сердечко на белое

Идем дальше. Следующий тип кнопок — это просто круглое сердечко, при нажатии на которое в корзину добавляется товар с определенным названием и суммой.

А вот здесь добавление в корзину уже реализовал при помощи кода. Для того, чтобы она заработала, дизайнеру всего-то надо поставить в качестве ссылке следующую конструкцию #Название пожертвования:::Сумма. Спросите меня почему не стандартная конструкция?

Дело в том, что если брать типовой #order:Название пожертвования=Сумма то он тоже добавит товар в корзину, но тогда при попытке изменить стоимость товара при переходе в платежную систему Тильда выдаст ошибку, что первоначальная стоимость товара была другой и фиг вам, а не оплата. Печально это все. Поэтому когда я столкнулся с такой ошибкой, то в голову мне пришла идея написать свой метод добавления товара в корзину таким образом, чтобы его можно было менять без ошибки при переходе к оплате. И второй момент, я мог бы взять типовую конструкцию, но тогда добавлялось бы два пожертвования одновременно. В итоге пришлось придумать свою конструкцию.

Еще один тип кнопки — это простое пожертвования с одним и тем же названием, но разной суммой. Например: 500,1000,5000, другая сумма.

Здесь все просто, величину пожертвования код берет из названия кнопки, а в качестве ссылки ставится просто # и в корзину все добавляется корректно, а дальше уже можно работать с итоговой суммой без проблем. Кнопка «другая сумма» — это по факту еще один тип кнопки, где величина пожертвования определяется постоянной переменной.

Своя сумма в корзине

А вот тут начинается самое интересное.

Не сильно похоже на стандартную корзину:-) Не правда ли. Тут и добавление кодом отдельных кнопок изменения суммы пожертвования для благотворительного фонда, и поле для ввода своей величины, также в самом низу добавил чекбокс для того, чтобы не заполнять поля «Как вас зовут» «Телефон» «E-mail», а просто возможно остаться анонимным дарителем. Такого раньше не было, а теперь есть:-).

В итоге, была проделана огромная работа, которая с лихвой окупилась огромным вкладом дарителей в общее дело за один день, когда сам благотворительный фонд анонсировал свои программы поддержки.

Вот так выглядит анонимная корзина с заполненным полем для указание своей суммы товара \ пожертвования

Сроки создания сайта для приема пожертвований

Когда речь заходит о сроках реализации сайта, у меня всегда прихватывает сердечко. Хочется сделать и шедевральный дизайн, и классный функционал. Но реальность такова, что чем быстрее проект сделается, тем лучше. А здесь вообще нужно было завершить все работы за 14 дней и это с учетом оформления и подключения приема оплат для благотворительного фонда, при том что бухгалтер была в отпуске. Отдельное ей спасибо за то, что не бросила меня и помогала с бумажками для оформления договоров для платежной системы. Кроме как геройством это по-другому не назвать.

Такие суперсжатые сроки были вызваны публичным открытием и общественной презентацией данного фонда перед будущими благотворителями на большом мероприятии. Поэтому пришлось постараться, но результатом я определенно доволен.

Поддержка сайта благотворительного фонда

А что про будущее. А оно далеко не туманно. Передо мной и командой стоит множество задач. Это и автоматическое заполнение индикаторов карточек для пожертвований, и раскрытие информации, и многое другое

На момент сдачи проекта, индикаторы достижения цели благотворительной программы заполнялись вручную. Но как писал выше, мы работаем над автоматизацией данного процесса. В качестве первого варианта решения мы сделали связку: Отлавливаем название — Далее сервис интеграций Make — Далее Airtable — Далее вывод через json и javascript на странице под карточку. Но из за нестабильности работы данной связки решили перейти на другое решение, которое сейчас и реализуем.

Кроме того, в недрах WordPress готовится автоматический электронный журнал для раскрытия документации, который довольно легко будет выводит на страницы сайта благотворительного фонда на Тильде. Техническая админка ниже.

Согласитесь, милашка же? Люблю я свои технические дизайны админок прям из 90х. Так что работа не останавливается на достигнутом, а функционал только расширяется. По журналу и индикаторам вскоре будут отдельные статьи.

В качестве заключения скажу, что если вы хотите создать сайт для благотворительности или фонда помощи, но боитесь, что функционал Тильды вам это не позволит, то не переживайте. на самом деле можно решить любую задачу, главное обратиться к специалистам, которые на самом деле хотят вам помочь и у которых горят глаза от желания сделать все максимально классно:-)

Как заказать сайт для фонда

Здесь все просто, вы можете заказать у меня сайт для приема пожертвований или благотворительного фонда с нуля или на доработку. Для этого напишите мне в личные сообщения телеграм https://t.me/vbalakin или оставьте заявку через форму ниже: