Подключение средств e-Commerce   •   Интеграция кнопки «купить»

Для осуществления расчётов в онлайн чаще всего используется платёжная система PayPal, предлагающая недорогой инструментарий для оснащения сайтов средствами электронной коммерции. PayPal доступен всем, в том числе, делающим свой бизнес в России.

Инструменты электронной коммерции можно получить в своё распоряжение и в банке, и в другой системе электронных платежей. Куда обращаться решает владелец ресурса. Процессинг через «high street» банк, в глазах коллег по цеху выглядит престижнее, а покупателю - разницы нет, отвечала бы цена ожиданиям. Через «народный» PayPal подключаться дешевле. (Говоря «дешевле», имеем ввиду отсутствие установочной платы, хотя стоимость транзакций может превосходить банковскую). Англичане традиционно «голосуют» за PayPal: система доминирует в Великобритании, где почти каждый взрослый имеет в PayPal счёт. Кстати, это тоже банк, только люксембургский. На этой странице мы расскажем как самостоятельно вставить кнопку «купить» в сайт.

«Купить» - кнопка позволяет оплатить товар или услугу. Если сайт продаёт одно наименование товара (или несколько, при условии, что покупатель навряд ли станет выбирать более одного) - этой кнопки хватит, т.к. нужды в «корзине» не возникнет. В PayPal отдельная кнопка «корзина» вряд ли потребуется: «купить» включает в себя дополнительные функции - формирует группу отобранных товаров, автоматически подбивает итог и даёт возможность оплаты всего пула разом. При интеграции других систем может потребоваться установка обеих кнопок. Зачем усложнять? PayPal - то, что надо новичку.

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

Как генерируется код кнопки

Задача не так трудна, как думается, подключение кнопок занимает от силы минуту - другую (на заре интернета требовалась бы уйма времени, а теперь это «copy and paste» операция - бремя программирования несут платёжные системы). Сейчас вместе сгенерируем код кнопки оплаты. Подразумевая, что счёт в PayPal у нас есть, мы вошли в панель управления и видим перед собой верхнее навигационное меню (неавторизованные в системе увидят меню по-другому). Рука указывает куда кликать, чтобы попасть в раздел «Merchant Services».

Попав внутрь, видим большой список сервисов, вкл. приём платежей по телефону и другие «сложности». Список разбит на три колонки, выбираем первую - «Start Accepting Payments» (указана рукой), кликаем по любой ссылке: все ведут в одно и тоже место.

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

Выпадающее меню (помечено единицей) - самое главное - формирует тип кнопки («купить», «корзина», «подписка», «пожертвование»). В зависимости от выбора, прячутся ненужные для заполнения или, наоборот, появляются новые поля. Значения можно вводить по-русски или по-английски, конфликта между юникодом и кириллицей не возникает.

Другими цифрами обозначены поля: (2) наименование товара, (3) код товара в каталоге продавца, (4) цена, (5) опции для модификации внешнего вида кнопки, (6) стоимость доставки и (7) - техническая опция, позволяющая заменить email особым идентификатором (считается, что это привилегия «merchant» счётов, но у автора работает с простым «premier'ом»). Зачем скрывать адрес? Спаммерские роботы охотятся именно за адресами, причём, умеют хитро выуживать их из кода. Не скроете адрес - погребёт под спамом.

Это всё. Клик по «Create Button» генерирует код кнопки. Вторая и третья части формы добавляют дополнительную функциональность, но это необязательно, кнопка будет работать и так. Если хотите, можете сразу проследовать к примеру действующей кнопки, для чего нажмите сюда. Хотя, раз мы всё равно здесь - я бы советовал читать дальше.

Необязательные части формы

Вторая часть формы спрашивает (8) стоит ли сохранять шаблон кнопки, (9) надо ли программе следить за остатком товара и (10) за прибылью (убытком). Если поставите галочки напротив последних пунктов - потребуется указывать (11) количество товара на складе и его общую стоимость, а также сообщить (12) разрешается ли покупка товара, когда склад пуст, и ввести (13) адрес страницы, куда программа переместит покупателя, будь товар уже распродан и платить за него нельзя (страницу можете создать в сайтостроителе).

Третья часть предлагает дать покупателю (14) возможность менять количество приобретаемого товара, (15) добавить сообщение к заказу, спрашивает (16) нужен ли адрес доставки (если решитесь отгружать по адресу отличному от адреса банковской карты), просит указать (17) URL страницы, куда переместится покупатель, раздумавший оплачивать покупку (вроде, "нам смертельно жаль, но отчаянно питаем надежду на новую встречу" и т.п., страницу можете создать в сайтостроителе), (18) URL, куда покупатель попадёт после успешной оплаты. С двумя последними пунктами можно не заморачиваться: в PayPal есть дефолтные страницы, которые можно использовать, если не хочется создавать свои, но с индивидуализацией это будет выглядеть, конечно же, шикарнее. Что касается (19) переменных, это для программиста, проигнорируйте пункт.

Клик по «Create Button» открывает страницу с готовым кодом (помечен красной звёздочкой), которым можно пользоваться и на вебсайте, и в электронном письме (зелёная и синяя звёздочки указывают, где следует делать выбор). Копируем код... и думаем куда вставить.

Есть два способа интеграции кнопок. Вебмастер вставит руками, а неспециалист - строителем. Так кнопка выглядит в коде, если вставлена вручную (подсвечено синим):

Действующую кнопку можно видеть ниже. Хотите - пробуйте её в работе, это безопасно, PayPal номер карты нам не сообщит, денежная операция - его исключительная прерогатива. Имейте ввиду, деньги спишутся со счёта по-настоящему.

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

Нам надо вставить кнопку так, как это будет осуществлять неспециалист: либо сайтостроителем, либо «one-click-blog'ом». С сайтостроителем - проблема. Те хостинговые компании, которые имеют демо версии на сайтах, не позволяют сохранить результат и не отображают изменение кода в препросмотровом режиме (это разумно и делается в целях безопасности). Поэтому используем блог, который, в сущности, тот же сайтостроитель (деление весьма условно, оба продукта - платформы для управления содержанием сайтов, принцип интеграции кнопок в обоих случаях одинаков).

Сначала потребуется установить «one-click-blog». Он потому и называется «однокликовым», что запускается чуть ли не в секунду. Как, рассказывать не будем, легко разберётесь сами. Начнём сразу со ступени, когда блог стоит, пароль выбран, и надо войти в контрольную панель будущего сайта. Для иллюстрации выберем блог от 1&1 Internet (кстати, там мы и хостим свои сайты, плохой хост для себя мы бы не выбрали, поэтому рекомендуем его всем).

Залогинившись в панели, попадёте на страницу похожую на ту, изображение которой дано внизу. Выбирайте ссылку «Write a post» и нажимайте на неё.

Теперь переходим из «Visual» режима в «Code» (рука указывает куда именно надо кликать). Печатаем заголовок страницы там, где стоит зелёная звёздочка, и загружаем (если надо) картинку с изображением товара (синяя звёздочка), вставляем скопированный ранее в PayPal'е код и пишем сопроводительный текст в месте, обозначенном красной звёздочкой.

Когда всё готово, и, предварительно проверив собственный текст на предмет грамматических ошибок (подчёркнуто красным), нажимаем на «Save» (отмечено рукой):

Наступило время насладиться полученным результатом. Скопированный в PayPal'e код превратился в кнопку, как показано внизу. Предельно просто, нетрудоёмко и быстро.

Собственно, самостоятельная интеграция средств для приёма платежей вряд ли понадобится тем, кто сразу подпишется под хостинговым пакетом, включающим в себя готовый интернет-магазин. В большинстве случаев, придётся лишь ввести свой email, привязанный к счёту, и, машина всё сделает сама. Остались вопросы? Спрашивайте, ответим!..