Articles on: Advanced Setup

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.

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 either Variant or Split 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.

Jump to top

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).

Our example is called "angle3D", but yours will be whatever you named it during setup.

Add the Downpay block into the Apps section, below the Angle 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

Was this article helpful?

Thank you!