Как поменять текст и суммы в форме пожертвованийФорма — это обычный HTML-файл. Открыть его для редактирования можно в любом текстовом редакторе: Блокнот, TextEdit, VS Code, Notepad++ — что найдётся под рукой. Перед началом сохраните копию файла, чтобы было куда откатиться, если что-то пойдёт не так.
- Как поменять любой текст (заголовок, подсказку, надписи)Откройте файл donation-form.html в редакторе.
- Нажмите Ctrl+F (на Mac — Cmd+F), вставьте кусок текста, который хотите заменить. Например: Поддержите людей без дома.
- Замените на новый текст.
- Сохраните файл и проверьте в браузере — просто откройте файл двойным щелчком.
Важно: один и тот же текст может встречаться в файле несколько раз. Например, текст жёлтой подсказки прописан и в HTML, и в JavaScript — поменять нужно во всех местах, иначе подсказка будет показываться разная. Поэтому ищите кусок текста через Ctrl+F до тех пор, пока поиск не скажет, что больше не найдено.
Как поменять сумму и подпись на одной из кнопокКаждая кнопка в коде выглядит так:
<button class="sum-btn" type="button" data-amount="376"> <span class="sum-value">376 ₽</span> <span class="sum-note">ночь в кризисной квартире</span> </button> Здесь три места, которые могут понадобиться:
- data-amount="376" — сколько денег реально спишется при нажатии. Это главное число, оно уходит в платёжную систему.
- <span class="sum-value">376 ₽</span> — что человек видит на кнопке.
- <span class="sum-note">ночь в кризисной квартире</span> — поясняющая подпись.
⚠️ Самое важное правилоЕсли меняете сумму — обязательно поменяйте её
в двух местах: и в data-amount, и в видимом тексте <span class="sum-value">…</span>. Если поменять только видимый текст, на кнопке будет одна сумма, а спишется другая.
ПримерХотите сделать кнопку «500 ₽ — горячий обед для пятерых» вместо «376 ₽ — ночь в кризисной квартире». Меняете:
- data-amount="376" → data-amount="500"
- <span class="sum-value">376 ₽</span> → <span class="sum-value">500 ₽</span>
- <span class="sum-note">ночь в кризисной квартире</span> → <span class="sum-note">горячий обед для пятерых</span>
Если меняете сумму на «жёлтой» (выделенной) кнопке по умолчаниюСейчас по умолчанию выделена кнопка «735 ₽» — она же подставляется в большую кнопку «Сделать пожертвование». Если хотите изменить именно её, учтите: число 735 встречается в файле ещё в нескольких местах внутри блока <script> — там задана сумма по умолчанию для всей формы.
Самый простой способ ничего не пропустить:- Через Ctrl+F найдите число 735 (или то, которое сейчас стоит на жёлтой кнопке).
- Замените все найденные 735 на новое число — и в кнопке, и в скрипте.
Если меняете обычную (не жёлтую) кнопку — менять в скрипте ничего не нужно, только два места в самой кнопке.
Что такое (неразрывный пробел)В коде иногда встречается странная конструкция — например, шаг к безопасной жизни. Это
неразрывный пробел — обычный пробел, через который браузер не сможет перенести строку. На экране он выглядит как обычный пробел, но слова, склеенные через , всегда останутся на одной строке.
Зачем он нужен. Короткие слова — предлоги, союзы, единицы измерения — некрасиво выглядят, если оторваны от своего слова и висят в конце строки.
Куда обычно ставят:- После коротких предлогов и союзов из 1–2 букв: в Перми, и поддержка, с партнёрами.
- Между числом и единицей измерения: 100 ₽, 5 кг, 15 человек.
- В датах: 5 июня 2025 года.
- Между инициалами и фамилией: А. П. Чехов.
Можно ли не ставить? Можно. Текст всё равно будет читаться. Но если поставите — форма будет выглядеть аккуратнее, без «висячих» предлогов в конце строки. Если меняете большой кусок текста — лучше расставить.
Как поставить: просто напечатайте без пробелов вокруг — прямо между словами. Например: чай и суп.
- Если что-то сломалосьОткройте сохранённую копию и попробуйте ещё раз.
- Если копии нет — обратите внимание, что в HTML важна каждая угловая скобка < и >. Случайно удалили — форма может сломаться.
- Проверяйте результат в браузере после каждого изменения, чтобы сразу заметить, что что-то пошло не так.