Юрий

1. Использовать сторонний сервис типа Gumroad
   
2. Интегрироваться по API с платежной системой (многие работают только с юр. лицами). Установить callback при успешной оплате на скрипт отправки файла.
   

Это называется поэкранная прокрутка, но в данном случае применяется только к первому экрану страницы. В реализации не сложно, а если выбирать из готовых решений, то можно использовать fullpage.js, реализовав примерно так:

<div class="fullpage">
    <div class="header section">
      тут содержимое первого блока
    </div>
   <div class="content section">
      тут остальное содержимое
   </div>
</div>

при этом нужно в параметрах задать
normalScrollElements: '.content'

Можно попробовать через иллюстратор. Если не ошибаюсь, он при экспорте присваивает каждому объекту id, соответствующий названию слоя (или оборачивает элементы одного слоя в < g > с id = название слоя).

Логичнее всего конечно изменить формат выводимого тайтла, но если нужно именно обрезать:

$newTitle = substr($oldTitle, strpos($oldTitle, ' - '));