Insert a 3D Unity window into the product page on the Shopify site.
200 USD Verification of the concept is required - the fastest and simplest way, but not too hacky)
1) There is a 3D configurator on Unity
https://adm.cardo.it/3d/instashop/mercedes/gl/gen1/
It works through an iframe of the type
<div class="cardo_it_iframe">
<iframe src="https://adm.cardo.it/3d/v2/instashop/mercedes/gl/gen1/"></iframe>
</div>
2) It is necessary for the company to be able to insert this into their Shopify site
Example page - https://pbtest627.myshopify.com/products/lexus-lc-500-nia-side-skirt-splitter-extensions-2018-25
password - 3dtest
Ideally right where the photo is (highlighted in red), other options can also be considered.
The price is conditional, it is clear that it may take a long time - we don't know how to do it better, but if they order from us - we will order from you! Moreover, for many companies - in 2 weeks we will be at the largest tuning exhibition in the world (SEMA)...)
All integrations will be later, for now it's simple - one product page - with one link to the 3D window, somehow. Is it possible?
Applications 1
Client's review of cooperation with Roman Galanyuk
Insert a 3D Unity window into the product page on the Shopify site.Great job, thank you very much!
Freelancer's review of cooperation with Iryna Gushchina
Insert a 3D Unity window into the product page on the Shopify site.The client is good, the task is clear. I recommend!
-
7 days660 USD7 days660 USD
Hello!
I am Elizabeth — a Shopify developer with 5 years of experience in web development and e-commerce. I have reviewed your project and I am confident that I can implement the required functionality quickly and accurately.
The goal is to embed your 3D configurator (Unity WebGL, for example:
https://adm.cardo.it/3d/v2/instashop/mercedes/gl/gen1/)
directly into the Shopify product page — preferably right in the section with the product photos.
At the Proof of Concept stage, a simple integration via iFrame can be done — this will allow:
… To display an interactive 3D window in the product page template;
To link to the 3D model through a metafield (so that each product has its own model);
To maintain full responsiveness for mobile devices;
Without interfering with third-party APIs or complex backend logic.
For example, on the page https://pbtest627.myshopify.com/products/lexus-lc-500-nia-side-skirt-splitter-extensions-2018-25, an interactive window can be inserted right below the photo gallery.
Total timeframe: up to 7 days.
Fixed price — $600
(includes basic integration, styling, testing, and a short usage guide).
My portfolio:
Freelancehunt
I would be happy to communicate and help bring the idea to life!
Best regards!
-
3 days200 USD
4162 42 2 3 days200 USDIryna, hello!
I am ready to help with solving this task.
I have experience working with Liquid Shopify and generally with theme development for Shopify.
In your case, some adjustments will need to be made to the theme you selected for integrating the iframe, and I would add a custom metafield for the product so that you can easily attach the necessary link to the 3D configurator of a specific car model in the admin panel when adding the product.
Here is a quick implementation option - based on your example in the screenshot.
Without settings, just to show you quickly.
… https://furt-dev.myshopify.com/products/lexus-lc-500-nia-side-skirt-splitter-extensions-2018-25
I suggest we discuss the details!
-
3 days220 USD
4429 80 1 4 3 days220 USDTrust a professional with over 10 years of experience! The rate and deadlines are current! I look forward to collaboration! Experience in commercial development of online stores on CMS, business portals, and corporate websites - 11 years! +CMS: WordPress(+Woocommerce) PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify php/html/css/js/Mysql, PhotoShop/Figma Examples of work (from scratch, turnkey): https://wildandorganic.com/ https://cryptosignals.org/ https://ecnbot.com https://locs-ua.com/ https://www.grower.com.ua/ https://www.alternativemedicine.com.ua/ https://silkkiss.ua/ https://nordtrade.online/ https://v12coffee.com.ua/franchise/ https://smrtalgo.com/ https://sengero.no/ https://beautybysim.no/ https://sonatagalleri.com/ https://www.solmy-realestate.com/ https://www.emmanuel.com.ua/ https://www.onsitecomputersinc.com/ https://express-tehbud.com/ https://korostenporcelain.com.ua/ https://sladok.com.ua/ https://pricemds.com/ https://picupmedia.com/ https://www.serasar.com/
-
1 day200 USD
364 4 0 1 day200 USDHello!
I am interested in your offer to check the concept of integrating a 3D configurator in Unity into Shopify. Yes, it is possible to quickly and easily add an iframe to the product image section on Shopify (Liquid theme) through the theme editor (theme.liquid or product.liquid), with responsive styling (CSS for responsive), so that it replaces or complements the photo.
Write to me to discuss the details!
-
1 day200 USD
457 1 0 1 day200 USDGood day,
I found two options for implementing your task:
Insert HTML into the product description using , which will look unattractive.
Dynamically replace the product image with , which will display as in the example: https://www.skepra.com/examples/Site19/Site19 (a raw version but fully ready to merge with other products and will display correctly), and fully meet your requirements.
I am ready to continue development, improve the solution, and implement all integrations.
… Sincerely,
Skepra
-
Winning proposal1 day200 USD
2827 27 0 Winning proposal1 day200 USDHello!
I have over three years of experience in layout and frontend development, as well as 4 years of Shopify development.
I can insert it. It will look like this https://prnt.sc/uCxc5CGxv8I4. But at first, it will show "instashop". https://prnt.sc/2N6X8iwsBX7E
My portfolio: https://romkagall.github.io/portfolio/
-
5 days199 USD
256 4 0 5 days199 USDHello. I can do it. You can insert it either through an iframe or embed it directly into the page code via canvas; you will only need to add links to the model sources for each product in 2 meta fields.
-
4 days200 USD
322 4 days200 USDI will create a PoC carefully and quickly: I will embed your Unity-3D configurator into the Shopify product page via iframe with lazy-load and a "View in 3D" button to avoid loading the page. Responsive for mobile, in the photo area (as per the specifications) or in a modal window — without integration with the cart.
For scaling, I will add a product metafield for the link to 3D + a short instruction for the manager. I will maintain speed (defer, sandbox, correct aspect ratio). Testing will be on your demo store.
-
5 days500 USD
466 5 days500 USDYes, this is completely feasible. At the current stage, for the proof of concept, we can simply embed your Unity 3D configurator on the product page in Shopify via an iframe, right in the photo area. This will allow us to quickly showcase the model's functionality without integrations with the cart or other systems.
For the PoC, I will be able to add neat styling, mobile adaptation, and if necessary, a "View in 3D" button to avoid overloading the page. The entire process can be implemented quickly and without workarounds.
After a successful proof of concept, it will be easy to scale the solution and implement it for other products and companies.
I am ready to discuss the details and prepare a test version for your Shopify product.
Current freelance projects in the category Web Programming
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 3 hours 9 minutes back ∙ 15 proposals |
Create a website on WP, without a builder.
357 USD
Need to create a catalog (most likely without a cart) just a product request form without using Elementor and others there should be a main page, product page, catalog, supplier catalog, and possibly a few others design and style like this… Web Programming ∙ 3 hours 17 minutes back ∙ 59 proposals |
Shopify developer for sushi delivery website (Poland)We are looking for an experienced Shopify developer to implement a food delivery website (sushi) for a client from Katowice, Poland. What needs to be done: Set up the site on a ready-made Shopify template (template to be agreed upon) Menu with photos of dishes and descriptions… Web Programming ∙ 4 hours 41 minutes back ∙ 29 proposals |
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 20 hours 36 minutes back ∙ 36 proposals |
LearnWorlds Administrator-ConfiguratorTask Set up the ready-made LearnWorlds platform for an elite online course. Do not develop the architecture — implement the already prepared structure manually in the admin panel. ———————— What needs to be done: Branding ⦁ Connect your domain ⦁ Upload the logo, set up… Content Management Systems, Web Programming ∙ 23 hours 41 minutes back ∙ 9 proposals |
Las Vegas