Сверстати сайт і підв'язати його до Shopify

Привіт! Завдання зрозумів, готовий приступити. Сверстаю за Figma, зроблю адаптив, модальне оформлення замовлення з вибором обсягу/кількості, доставкою та оплатою. Підв'яжу до Shopify, щоб всі замовлення приходили в адмінку з повною інформацією. Готовий обговорити деталі та почати роботу.

Показати оригінал

Перекласти

Привіт. Є досвід з Shopify. Можна побачити макети для оцінки завдання?

Показати оригінал

Перекласти

✔️ Зверстати головну сторінку по макету Figma.
✔️ Реалізувати модальне вікно замість окремої сторінки товару.
✔️ Додати вибір об'єму крему та кількості.
✔️ Реалізувати крок оформлення доставки та оплати.
✔️ Передавати всі дані замовлення в Shopify.
✔️ Налаштувати створення замовлення з повною інформацією про клієнта та товар.

Є один важливий нюанс — потрібно одразу визначити, через який механізм Shopify буде створюватися замовлення (Cart API, Checkout чи Draft Orders), тому що від цього залежить логіка оформлення та можливості кастомізації.

… Маю досвід верстки по Figma та інтеграції кастомних форм замовлення з Shopify. Робив проєкти, де весь процес покупки відбувався на одній сторінці без переходів на стандартні сторінки товарів.

Можу переглянути макет, запропонувати оптимальну структуру та одразу приступити до реалізації. Обговоримо деталі інтеграції та вимоги до оформлення замовлення.

Привіт, Анжеліка! З задоволенням реалізую для вашого бренду кремів якісну адаптивну верстку та технічну інтеграцію з Shopify під ключ. Готовий розпочати роботу прямо зараз. На відміну від більшості колег, я чесно перевірив ваше посилання на Figma — на даний момент макет закритий налаштуваннями приватності (виден лише логотип). Але сама задача по односторінковому сценарію (інтернет-вітрина) мені повністю зрозуміла, і я маю готове рішення. Як саме я реалізую цей проект, щоб усе працювало ідеально: Чиста адаптивна верстка: Зверстаю головну сторінку строго за вашим макетом (після відкриття доступу) піксель-в-піксель. Сайт буде літати і ідеально відображатися на будь-яких смартфонах. Розумне модальне вікно (без перезавантажень): Створю інтерактивне спливаюче вікно вибору обсягу баночки та кількості крему. Зв'яжу його з вашою адмінкою через легкий офіційний скрипт Shopify Buy Button JS або Storefront API. При зміні обсягу (модифікації товару) параметри будуть оновлюватися на льоту. Передача замовлень у Shopify: Налаштую кастомний або стандартний швидкий checkout. Дані про покупця, вибраний обсяг, кількість і адресу доставки будуть автоматично і в повному обсязі створюватися у вашій панелі Shopify як готове замовлення або Draft Order. Моє пропозиція: Вартість: 3500 грн (кінцеву цифру скоригуємо після того, як ви покажете макет). Термін: 3–4 дні. Відкрийте, будь ласка, доступ до макету Figma або надішліть скріншоти в особисті повідомлення. З задоволенням вивчу обсяги верстки і відразу розпочну роботу. Буду радий співпраці.

Показати оригінал

Перекласти

Вітаю! Готовий виконати ваше завдання. Є досвід у розробці сайтів, приклади робіт нижче:

https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/

Доброго дня, готовий виконати Ваше завдання, розпочати можу прямо зараз, через декілька годин вже буде результат

Вітаю!

Маю великий досвід роботи з Shopify.
Приклади моїх робіт можете продивитись у портфоліо.
Готовий виконати поставлене завдання.

Можете надати посилання на дійсний макет?

Доброго дня!

Мене зацікавив ваш проект.

Я займаюся UI/UX та веб-дизайном більше 6 років. Працюю з Figma, створюю сучасні інтерфейси та супроводжую проекти до фінальної реалізації.

Можу допомогти з повним запуском проекту:

• адаптивна верстка сайту за макетом Figma;
… • інтеграція з Shopify;
• реалізація модального вікна замість сторінки товару;
• вибір обсягу продукту та кількості;
• оформлення замовлення (доставка та оплата);
• передача всіх даних про замовлення в Shopify;
• налаштування та тестування користувацького сценарію.

Також приділяю велику увагу якості реалізації, швидкості завантаження та коректній роботі на всіх пристроях.

Портфоліо:
Google Drive

Показати оригінал

Перекласти

Привіт.

Я розробник NodeJS. Маю досвід з Shopify. Готовий взятися. Пишіть, обговоримо.

Показати оригінал

Перекласти

Для реалізації модального вікна вибору обсягу баночки та кількості крему замість стандартних сторінок товарів найкраще розгорнути кастомний функціонал на Shopify за допомогою Liquid та тем сімейства Dawn. Таке рішення дозволить передавати обрані модифікації (variants) та кількість продукту безпосередньо через AJAX API Shopify прямо в кошик, звідки клієнт буде миттєво перенаправлений на екран доставки та оплати. Увесь процес оформлення буде відбуватися без перезавантаження сторінки, а повна інформація про замовлення, включаючи конкретний обсяг баночки, автоматично потрапить в адмін-панель Shopify. Підкажіть, відкритий чи доступ до макету Figma, оскільки зараз посилання вимагає авторизації, і скільки всього екранів містить основна сторінка для верстки? Я виконую чисту адаптивну верстку головної сторінки точно за дизайном, налаштую скрипт модального вікна з вибором параметрів крему та зв'яжу форму з кошиком сайту. Після цього підключу стандартний або кастомний checkout для збору даних доставки та надійно протестую відправку тестових замовлень в адмінку. Приклади моєї точної верстки за дизайном з Figma та розробки на Shopify можна подивитися за адресами https://queensell.com/ та https://www.nyshelves.com/. Термін виконання складає 7 днів, вартість роботи під ключ 8500 гривень.

В макеті тільки картинка, ціна/ терміни можуть змінитися в залежності від змісту макету.

Показати оригінал

Перекласти

Вибачаюсь, бачу в дизайні тільки логотип, можете скинути дизайн для точної оцінки?

Привіт, готова виконати верстку та посадку на Shopify. Надішліть правильну силку на макет, бо там тільки логотип.

Роботи:
* elenis.com.ua
* kontur-sb.com.ua
* ald.com.ua
* diy-ceiling.com.ua
* newbornk.com
Стек:
… Дизайн сайтів: Figma / Photoshop
Верстка: HTML, CSS, PHP, C#, JavaScript, SQL, Sass/SCSS, LESS.
*
WordPress - Elementor - WooCommerce
OpenCart
Shopify
Webflow
WIX
*
Next.js • TypeScript • Tailwind CSS • Laravel • React Native JS • Vue

Детально можемо обговорити в особистих повідомленнях!

Показати оригінал

Перекласти

у нас вже є практично готове рішення для Shopify з модальним вибором варіанту товару, кількістю, доставкою, оплатою та передачею замовлення в адмінку - його можна швидко адаптувати під ваш макет, я на зв'язку ))
по терміну - попередньо 10 днів, по бюджету - 28000 грн, якщо в макеті одна основна сторінка і без нестандартної логіки оплати
ПО Figma є нюанс - посилання відкрите не повністю для мого доступу, тому перед стартом потрібен доступ до макету або експорт основних екранів
задача не тільки сверстати, а акуратно підв'язати шлях замовлення до Shopify - варіанти товару, кількість, контакти, доставка, оплата та повна передача даних
уточню 2 моменти - оплата буде через стандартний checkout Shopify чи потрібен свій крок оплати в модальному вікні?
і доставка - це фіксовані варіанти, API служби доставки чи поля для ручного вводу?
з подібного по e-commerce та інтеграціям - https://business.ingello.com/eva - ритейл і облік замовлень
ще приклад - https://business.ingello.com/carveli - інтернет-магазин з товарною логікою
головний профіль Ingello для FLH - https://systems-fl.ingello.com

Показати оригінал

Перекласти

Я б одразу відбудував логіку оформлення так, щоб для покупця це виглядало як один безперервний процес без зайвих переходів. Особливу увагу приділив би передачі всіх даних у Shopify, щоб замовлення, варіанти товару, контакти та доставка коректно потрапляли в адмінку.

Подивився макет, подобається підхід з односторінковим сценарієм. Для косметики такий формат зазвичай працює значно краще за класичний каталог.

Підкажіть, Shopify-магазин вже налаштований чи його також потрібно підготувати? Варіанти крему вже створені в Shopify чи їх потрібно налаштувати? І які способи доставки та оплати мають бути доступні при оформленні?

вітаю!!!

тз зрозуміло, дизайн оцінив і термін виконання 2-3 дні

Звертайтесь

Ми маємо досвід у верстці адаптивних сайтів та інтеграції з Shopify. Реалізуємо дизайн головної сторінки, модальне вікно вибору обсягу та кількості крему, підключимо процес доставки та оплати, налаштуємо передачу повного замовлення в Shopify. Готові виконати проект у строк.

Показати оригінал

Перекласти

Вітаю! Можу швидко вам зверстати сайт і підв'язати його до shopify. Обговоримо деталі?Верстати сайти не є дорогим заняттям та довгим

Потрібно сверстати лендінг за Figma-макетом і підключити його до Shopify так, щоб замовлення з вибором обсягу та кількості надходили в систему з повними даними.

Зроблю так: верстаю HTML/CSS за макетом піксель-в-піксель, модальне вікно з вибором варіанту товару (variant picker) і кількості. Потім підключаю Shopify Storefront API або Buy Button JS — створюю чернетку замовлення (Draft Order) або безпосередньо cart + checkout з передачею вибраного варіанту, кількості та даних доставки. Оплата проходить через стандартний Shopify Checkout, замовлення фіксується в адмінці з усією інформацією.

Ключовий момент: модальне вікно доставки до Shopify Checkout потрібно або реалізувати через кастомний крок, або пробросити дані через cart attributes — уточніть, потрібен чи повністю кастомний флоу оплати або можна редиректити на стандартний Shopify Checkout після вибору товару?

Показати оригінал

Перекласти

Доброго дня. Зацікавило ваше замовлення. Працюю у веб-розробці більше 10 років. За посиланням там тільки логотип видно. Для узгодження деталей, термінів і ціни, пишіть у приватні повідомлення.