Freelance projects

Freelance projects

Create a PayPal payment module for a static site on SSI

Java, Javascript and Typescript — incorrectly specified categories?

Project translated automatically. Log in or register, to view the original

It is necessary to create a PayPal payment module for a static website of a simple store without a CMS and database.

Module is a strong word. Shopping cart. In one currency.

It should take into account the weight and cost of the order, calculate the total amount, and send it for processing to PayPal via API.

There, in the USA, the buyer enters their address and pays for the purchase. After that, Americans kiss them on the forehead and return them back to a specific page of my website.

The total amount consists of the cost of the product, its quantity, and the weight of the goods in the cart.

The shipping cost is the same for all countries, consists of 5 items, and depends on the weight.

On the product page, there should be a button to select the quantity, Add, and Cart with dynamic display of the quantity. Clicking on it leads to the cart page.

The mechanical work of embedding the code on all pages does not need to be done. I will scale it myself.

The task seems simple, but for some reason, PayPal does not want to calculate by weight. It only calculates by the total amount.

Update #1 from 13 April 2025

Task:

Develop a shopping cart module with PayPal API integration (without using a CMS or database). The site is static, and products are added manually on separate HTML pages.

Brief description:

The user adds products to the cart directly on the site pages. Each product has a 'price', 'weight', and a 'quantity' can be selected.

The system calculates the total cost and total weight, determines the shipping cost (based on 5 weight categories), and generates the final amount.

After that, the user clicks the "Pay" button, is redirected to PayPal, enters their details, and makes the payment.

Then — a redirect back to the specified page of the site.

Cart structure:

- Support for 'one currency' (USD)

- For each product:

- name

- price per unit

- weight (in kilograms)

- field for selecting quantity

On the product page:

- display of the current quantity in the cart (dynamically)

- "Cart" button (fixed in the corner)

- "Add to cart" button

Cart page /ordering/cart/index.html

- Table with products:

- Name

- Quantity

- Price per unit

- Total price per line

- At the bottom:

- Total weight

- Shipping cost

- Final amount

- "Pay via PayPal" button

Shipping calculation:

Shipping depends on the total weight.

Weight (up to, kg) | Shipping cost

0–0.25 kg | $11

0.26–0.5 kg | $19

0.6–1 kg | $28

1.1–2 kg | $39

2.1–15 kg | manually

Technical features:

- Storage of cart data — in "localStorage"

- Do not use PHP, server technologies, or databases

- JS frameworks can be used (e.g., Vue, React, but "without build") or plain JS

- Support for multiple products on different pages

- Correct redirect after payment:

- Specify the link for "successful payment" (return_url)

- Specify the link for "payment cancellation" (cancel_url)

- Use 'PayPal API' to transmit information and initiate payment

- Client ID and Merchant ID will be provided

- The cart must be scalable: I will insert the code on all pages myself

What is not included in the task:

- Design is not required

- Mobile device layout is not required

- No need to insert code manually on each page

What should be delivered:

1. An example HTML page with a product addition button

2. A "cart.html" page where the calculation, shipping selection, and payment transition occur

3. Instructions: how to insert the code on new pages

4. A working sample on a third party

Full payment after I implement the code on the site and test its functionality.

Proposals 4 Rejected 1 Discussions 1

Alona Baryliuk

14 3

Budget: 2000 UAH Deadline: 1 day

Good day, everything is clear and at first glance simple to execute. I am ready to take it on and complete it quickly and efficiently. I will be happy to collaborate with you.

Volodymyr S.

9 1

Budget: 2000 UAH Deadline: 3 days

Good day! I have carefully studied your project and am ready to start its implementation. Let's discuss the details for the best execution.

The list does not show proposals concealed by the client or freelancer with a Plus profile, as well as proposals violating rules

Yury Nikonenko

111 3

Budget: 3000 UAH Deadline: 3 days

Hello, Timur!
I am implementing the shopping cart functionality on the website. Please send me the link to the site and the detailed technical specifications.

Best regards, Yuri

Timur Grigoryan

13 April 2025

Интеграция корзины покупок с оплатой через PayPal для статичного сайта

Задача:
Разработать модуль корзины покупок с интеграцией PayPal API (без использования CMS или базы данных). Сайт — статичный, товары добавлены вручную на отдельных HTML-страницах.

Краткое описание:
Пользователь добавляет товары в корзину прямо на страницах сайта. У каждого товара указана 'цена', 'вес', и можно выбрать 'количество'.
Система считает общую стоимость и общий вес, определяет стоимость доставки (по 5 весовым категориям), и формирует итоговую сумму.
После этого пользователь нажимает кнопку "Оплатить", попадает на PayPal, вводит свои данные и оплачивает.
Затем — редирект обратно на заданную страницу сайта.

Структура корзины:
- Поддержка 'одной валюты' (USD)
- У каждого товара:
- название
- цена за единицу
- вес (в килограммах)
- поле для выбора количества

- На странице товара:
- отображение текущего количества в корзине (динамически)
- кнопка "Корзина" (фиксировано в углу)
- кнопка "Добавить в корзину"

Страница корзины (cart.html):
- Таблица с товарами:
- Название
- Количество
- Цена за единицу
- Общая цена за строку
- Снизу:
- Общий вес
- Стоимость доставки
- Итоговая сумма
- Кнопка "Оплатить через PayPal"

Расчёт доставки:
Доставка зависит от общего веса.
Условия следующие:
Вес (до, кг) | Стоимость доставки
| 0–0.25 кг | $11 |
| 0.25–0.5 кг | $19 |
| 0.5–1 кг | $28 |
| 1–2 кг | $39 |
| 2–15 кг | вручную |

Технические особенности:
- Хранение данных корзины — в "localStorage"
- Не использовать PHP, серверные технологии или базы данных
- Можно использовать JS-фреймворки (например, Vue, React, но "без сборки") или чистый JS
- Поддержка нескольких товаров на разных страницах
- Корректный редирект после оплаты:
- Указать ссылку на "успешную оплату" (return_url)
- Указать ссылку на "отмену оплаты" (cancel_url)
- Использовать 'PayPal API' для передачи информации и инициации платежа
- Client ID и Merchant ID будут предоставлены
- Корзина должна быть масштабируемой: я сам вставлю код на все страницы

Что не входит в задачу:
- Не требуется дизайн
- Не требуется вёрстка под мобильные устройства
- Не нужно вставлять код вручную на каждую страницу

Что должно быть на выходе:
1. Готовый JS-код корзины + пример HTML-страницы с кнопкой добавления
2. Страница "cart.html" где происходит расчёт, выбор доставки и переход к оплате
3. Инструкции: как вставить код на новые страницы
4. Рабочий образец на третьей стороне

Полная оплата после моего внедрения кода на сайт и тестирование работоспособности.

Add Comment

Timur Grigoryan
Kyiv, Ukraine

Projects 4
Rating 5.0
Rating 175

Create a PayPal payment module for a static site on SSI

Alona Baryliuk

Volodymyr S.

Proposals are currently absent

Yury Nikonenko

Current freelance projects in the category Java

Real-Time Trainer

Sending messages to users on Discord