Изменение стоимости доната \ пожертвования в тильде для фонда помощи \ благотворительности

Начну пожалуй с самого главного, да, принимать оплаты для благотворительного фонда с изменением цены как в корзине так и на странице, наконец-то стало возможным. Благодаря не самим разработчикам Тильды, а моей доработке, к сожалению.

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

Каково было мое удивление, что Тильда не умеет корректно работать с донатами для благотворительных сайтов. Все что у неё есть, это две стандартные формы, где нужно заранее прописать единственное название программы. Речь идет о формах BF923 и BF924.

Поэтому пришлось расчехлить javascript и допиливать их функционал под свою задачу.

Решение шаг 1

Первым делом я своим кодом добавил внутрь корзины три новых поля. Первое поле — это кнопки для изменения величины пожертвования \ доната. Каждая такая кнопка с цифрой, меняет финальную сумму пожертвования, например если это было 500 р, то при нажатии на кнопку 2000 р, величина изменится на значение кнопки и будет равна 2000 р

Второе поле — ввод своей суммы пожертвования. Например базовое значение доната любой программы 500 р, а вы хотите внести всего 50 р, поэтому для удобства вы это можете сделать в данном инпуте.

Но это еще не все, по умолчанию в корзине тильды нет возможности стать анонимным дарителем и это большая проблема, так как не все хотят вводить почту, телефон и имя. Для решения данной ситуации сделал все поля кроме «Как вас зовут» не обязательными, а кодом в самом низу добавил чекбокс при активации которого — поля телефон и e-mail убираются, а в качестве имени пишется слово «Аноним». Удобно.

Решение шаг 2

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

На 500 р я вешал 500, на 1000 р — 1000. На отдельные карточки с сердечками я вешал одну базовую сумму

Но вот в чем подвох, я тестировал такое добавление, а потом изменение стоимости товара в корзине за счет моих кнопок, на 2х платежных системах Продамус и Робокасса. С ними все было норм. Но когда за 2 дня до сдачи проекта я перевел на платежную систему фонда, то оказалось, что она такие корректировки суммы не принимает и выдает ошибку. «Ну ё моё» — вскрикнул я тогда и затем отправился проклинать все вокруг. Поэтому пришлось написать свое решение, которое использовало стандартную донатную форму BF923 в скрытом режиме.

Получается я добавил на страницу данную форму и в настройках сайта через CSS стили её скрыл с глаз долой от посетителей внешней части сайта. Далее прописал в коде три вида кнопок, функционал которых легко включается и выключается через указания в переменной значения false (выключить) и true (включить)

Эти три вида кнопок по факту по разному добавляют в корзину нужную программу для благотворительного пожертвования, но работает это все скрытно через стандартную форму пожертвования. Что позволило избавиться от ошибки совместимости с различными платежными системами. (Я честно пытался разобраться почему так, шерстил тильдовские коды весь день, но не нашел причину такого отличия от по факту простой ссылки для добавления в корзину)

Каждый из трех типов кнопок может пригодиться для решения своей задачи. Я у себя использовал все три, кому — то может понадобиться только 1. Удобно что они все находятся внутри зероблока. Кстати, третий тип кнопок — это и кнопка, и любой шейп, и даже текст. Главное повесить на элемент нужный класс

Решение — демонстрация

Для демонстрации принципа работы я записал небольшое видео, где вкратце показал как это все работает в динамике.

Решение — минусы

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

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

Как получить данное решение

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

2) Либо перейдя по ссылке https://web4life.ru/donateform/ на мою учебную платформу приобретите готовое решение, которое вы сможете забрать себе. Установка проста, знание кода особо вам не понадобится, так же я всегда на связи для небольших консультаций. Спасибо за внимание, задавайте вопросы, комментируйте данную статью, буду рад ответить на все ваши вопросы, не стесняйтесь, я не кусаюсь:-)

#Это позволит решить следующие проблемы: тильда не удается оформить заказ из-за изменения цены но цен на товары нет, как в тильде сделать кнопку пожертвований, промокод тильда только на 1 страницу, тильда промокод на определенный товар, как сделать промокод в тильде