Create a website and connect it to Shopify

Hello! I understand the task and am ready to start. I will layout according to Figma, create a responsive design, a modal order form with volume/quantity selection, delivery, and payment options. I will connect it to Shopify so that all orders come to the admin panel with complete information. I am ready to discuss the details and begin work.

Show original

Translate

Hello. I have experience with Shopify. Can I see the layouts for task evaluation?

Show original

Translate

✔️ Create the main page according to the Figma layout.
✔️ Implement a modal window instead of a separate product page.
✔️ Add selection for cream volume and quantity.
✔️ Implement the delivery and payment checkout steps.
✔️ Transfer all order data to Shopify.
✔️ Set up order creation with complete customer and product information.

There is one important nuance — it is necessary to immediately determine which mechanism Shopify will use to create the order (Cart API, Checkout, or Draft Orders), as this affects the checkout logic and customization options.

… I have experience in layout design according to Figma and integrating custom order forms with Shopify. I have worked on projects where the entire purchasing process occurred on a single page without transitions to standard product pages.

I can review the layout, suggest an optimal structure, and immediately start implementation. We will discuss the details of integration and requirements for order processing.

Show original

Translate

Hello, Anzhelika! I would be happy to implement high-quality adaptive layout and technical integration with Shopify for your brand's creams. I am ready to start working right now. Unlike most colleagues, I honestly checked your link to Figma — at the moment, the layout is closed due to privacy settings (only the logo is visible). However, the task of a one-page scenario (online showcase) is completely clear to me, and I have a ready solution. Here’s how I will implement this project to ensure everything works perfectly: Clean adaptive layout: I will layout the main page strictly according to your design (after access is opened) pixel by pixel. The site will run smoothly and display perfectly on any smartphone. Smart modal window (without reloads): I will create an interactive pop-up window for selecting the jar size and quantity of cream. I will connect it to your admin panel via a lightweight official script Shopify Buy Button JS or Storefront API. When the size (product modification) changes, the parameters will update in real-time. Order transmission to Shopify: I will set up a custom or standard quick checkout. Buyer data, selected size, quantity, and delivery address will automatically and fully create in your Shopify panel as a completed order or Draft Order.
My proposal: Cost: 3500 UAH (the final figure will be adjusted after you show the layout). Timeline: 3–4 days. Please open access to the Figma layout or send screenshots in private messages. I will gladly study the layout volumes and start working immediately. I look forward to collaborating.

Show original

Translate

Hello! I am ready to complete your task. I have experience in website development, examples of my work are below:

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

Show original

Translate

Good day, I am ready to complete your task, I can start right now, and the result will be ready in a few hours.

Show original

Translate

Hello!

I have extensive experience working with Shopify.
You can view examples of my work in my portfolio.
I am ready to complete the assigned task.

Can you provide a link to the current layout?

Show original

Translate

Hello!

I am interested in your project.

I have been working in UI/UX and web design for over 6 years. I work with Figma, create modern interfaces, and support projects until final implementation.

I can help with the complete launch of the project:

• responsive layout of the website according to the Figma design;
… • integration with Shopify;
• implementation of a modal window instead of the product page;
• selection of product volume and quantity;
• order processing (delivery and payment);
• transferring all order data to Shopify;
• setting up and testing the user scenario.

I also pay great attention to the quality of implementation, loading speed, and proper functioning on all devices.

Portfolio:
Google Drive

Show original

Translate

Hello.

I am a NodeJS developer. I have experience with Shopify. I am ready to take it on. Write to me, and we will discuss.

Show original

Translate

To implement a modal window for selecting the jar size and the amount of cream instead of standard product pages, it is best to develop custom functionality on Shopify using Liquid and the Dawn theme family. This solution will allow the selected modifications (variants) and product quantity to be sent directly through the Shopify AJAX API to the cart, from where the customer will be instantly redirected to the delivery and payment screen. The entire checkout process will occur without page reload, and complete order information, including the specific jar size, will automatically be sent to the Shopify admin panel. Please let me know if access to the Figma layout is available, as the current link requires authorization, and how many screens the main page for layout contains in total? I will perform a clean responsive layout of the main page exactly according to the design, set up the modal window script for selecting cream parameters, and link the form to the site cart. After that, I will connect the standard or custom checkout for collecting delivery data and thoroughly test the submission of test orders in the admin panel. Examples of my precise layout according to the design from Figma and development on Shopify can be viewed at https://queensell.com/ and https://www.nyshelves.com/. The completion time is 7 days, and the total cost for the turnkey work is 8500 hryvnias.

The layout only contains an image; the price/timeline may change depending on the content of the layout.

Show original

Translate

I apologize, I only see the logo in the design, could you send the design for an accurate assessment?

Show original

Translate

Вітаю, готова виконати верстку та посаку на 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 • Vuе

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

We already have a nearly ready solution for Shopify with a modal product variant selection, quantity, delivery, payment, and order transfer to the admin panel - it can be quickly adapted to your layout, I'm available to discuss ))
Regarding the timeline - preliminarily 10 days, and the budget - 28,000 UAH, if the layout has one main page and no non-standard payment logic.
There is a nuance with Figma - the link is not fully open for my access, so before starting, I need access to the layout or export of the main screens.
The task is not only to code but also to carefully connect the order path to Shopify - product options, quantity, contacts, delivery, payment, and complete data transfer.
I would like to clarify two points - will the payment be through the standard Shopify checkout or do you need your own payment step in a modal window?
And delivery - are these fixed options, an API from the delivery service, or fields for manual input?
Similar examples in e-commerce and integrations - https://business.ingello.com/eva - retail and order accounting.
Another example - https://business.ingello.com/carveli - an online store with product logic.
The main Ingello profile for FLH - https://systems-fl.ingello.com

Show original

Translate

I would immediately rebuild the logic of the checkout process so that it appears to the customer as one continuous process without unnecessary transitions. I would pay special attention to transferring all data to Shopify, ensuring that orders, product variants, contacts, and shipping are correctly entered into the admin panel.

I looked at the layout, and I like the approach with a single-page scenario. For cosmetics, this format usually works much better than a classic catalog.

Could you let me know if the Shopify store is already set up, or does it also need to be prepared? Have the cream variants already been created in Shopify, or do they need to be configured? And what payment and shipping methods should be available at checkout?

Show original

Translate

Hello!!!

The task is clear, I assessed the design and the deadline is 2-3 days.

Feel free to contact me.

Show original

Translate

We have experience in creating responsive websites and integrating with Shopify. We will implement the design of the main page, a modal window for selecting the volume and quantity of cream, connect the delivery and payment process, and set up the transfer of the complete order to Shopify. We are ready to complete the project on time.

Show original

Translate

Hello! I can quickly design a website for you and connect it to Shopify. Shall we discuss the details? Designing websites is not an expensive or time-consuming task.

Show original

Translate

Need to create a landing page based on a Figma design and connect it to Shopify so that orders with volume and quantity selections go into the system with complete data.

I will do the following: I will code HTML/CSS according to the pixel-perfect design, create a modal window for selecting the product variant (variant picker) and quantity. Then I will connect the Shopify Storefront API or Buy Button JS — creating a draft order (Draft Order) or directly cart + checkout with the selected variant, quantity, and shipping information. Payment will go through the standard Shopify Checkout, and the order will be recorded in the admin panel with all the information.

Key point: The delivery modal before Shopify Checkout needs to be either implemented through a custom step or pass data through cart attributes — please clarify if a fully custom payment flow is needed or if we can redirect to the standard Shopify Checkout after selecting the product?

Show original

Translate

Good day. I am interested in your order. I have been working in web development for over 10 years. The link only shows the logo. For discussing details, deadlines, and pricing, please write in private messages.

Show original

Translate