Angle3D Integration Setup
Learn how to use Angle3D’s configurator with Downpay. With this integration, you’ll be able to showcase 3D product views via Angle3D while offering flexible payment options through Downpay, enhancing the shopping experience for high-value or custom items.
On this page:
- Considerations
Setting up Angle3D with Downpay - Installing and Configuring Angle3D
- Installing and Configuring Downpay
- Linking Flexible Payment Options
Separating Downpay and Angle3D on Product Pages
Overview of the Integration
The Angle3D and Downpay integration enables merchants to offer 3D product previews alongside flexible payment options. This setup is ideal for high-value or customizable products, where buyers benefit from a 3D view to assess details before committing to a partial or full deposit. By combining these apps, you create a more engaging and transparent shopping experience that fosters customer confidence and boosts conversions.
Considerations
**
- When setting up Angle3D, the
binding type
must be eitherVariant
orSplit Bundle
for Downpay partial payment to work. - If you sell add-on products that affect the price of the main product, make sure all add-ons are added to the same purchase option as the main product. Learn more here.
**
Setting Up Angle3D with Downpay
This section guides you through the steps to integrate Angle3D and Downpay, ensuring both apps work together seamlessly on your Shopify store.
Installing and Configuring Angle3D
- Install Angle3D from the Shopify App store.
Configure Angle3D to add 3D views to your products:
- Open the
Angle3D
app in your Shopify admin. - Upload 3D models.
- Select the product(s) of your choice and create a 3D configurator.
- Follow the steps for storefront integration.
Installing and Configuring Downpay
- Install Downpay from the Shopify App store (if you don't already have it).
- Create a purchase option.
- Check out our getting started guide for additional support.
Linking Flexible Payment Option
Next, link Downpay’s purchase option with products featuring 3D views:
- Install Downpay from the Shopify App store (if you don't already have it).
- Check out our getting started guide for additional support.
- Open the
Downpay
app in your Shopify admin. - Create a purchase option and select which product(s) you’d like to have it applied to.
Lastly, enable the Downpay product block within your theme.
- Edit your theme and navigate to your custom template under the Products templates (this is the new template you created when you were setting up your store integration with Angle3D).
- Add the
Downpay block
into the Apps section, below theAngle 3D (Product page)
block.
- Once this is added, the purchase options should appear within the 3D configurator, as shown in the image below.
Separating Downpay and Angle3D on Product Pages
- Access Your Theme Editor
- Log in to your Shopify admin dashboard.
- Navigate to Online Store > Themes.
- Click the Customize button next to your active theme.
- Edit the Theme Code
- In the theme editor, click the three dots menu (⋮) in the top-right corner.
- Select Edit Code from the dropdown.
- Locate the theme.liquid File
- In the left-hand menu, find and open the theme.liquid file under the Layout section.
- Add the Required Script
- Locate the <head> section of the file
- Add the following script right below the <head> tag:
<script>
window.downpay = window.downpay || {};
window.downpay.angle3d_integration_disabled = true;
</script>
- Save your Changes
- After adding the script, click the Save button in the top-right corner. The following result of the script:
Jump to top
****
Updated on: 09/05/2025
Thank you!