Ecommerce Integrations

Seamless Integrations with Leading eCommerce Platforms

Integrate anywhere: Fully interactive 3D canvas and AR ready out of the box, no custom Javascript needed.

CUSTOMIZE & DEPLOY

Choose from Shopify App, WooCommerce or Hubspot Integration, or integrate anywhere with out of the box 3D interactive canvas or flexible 3D Visual API.

Shopify App

  • Step by step Shopify setup menu allows you to set up products and settings.

  • For configurable products, enter product attributes and specify which options are available. Dopple app will automatically detect which variants and categories are already configured on your Shopify product.
Screen Shot 2024-05-01 at 10.28.22 AM

Screen Shot 2024-05-01 at 9.40.02 AM

WOOCOMMERCE PLUGIN

  • Dopple plugin for WooCommerce available.

  • For configurable products, enter product attributes and specify which options are available. Dopple plugin will automatically detect which variants and categories are already configured on your product.

HUBSPOT MODULE

  • Low-code setup for 3D product configuration or visualizations.

  • Out of the box module for customizable UI: style to match your brand.

  • Plug into your marketing with Hubpsot or other CRM: capture each customer’s unique configuration and store in context with your customer’s profile. Use to personalize your followup. For example: trigger email input when a customer adds to cart, capture the configuration, and use for individualized marketing using imagery of their unique SKU.
Screen Shot 2024-05-01 at 9.49.02 AM

CHOOSE YOUR INTEGRATION

3D Visual Component
The Visual Component is a custom HTML element that can be dropped into your existing HTML page. 
3D Visual API
Dopple Visual’s API gives developers a direct way to embed 3D configurators & visualizers within their site.
Starter UI

Simplify your configuration integration with pre-built UI and configuration menus. 

3D VISUAL COMPONENT

  • Streamlined integration with a pre-built 3D Canvas.  Visual component can be displayed on your page using 4 lines of HTML: no manual JavaScript to write.
  • Copy & paste visual integration (New, January 2024):
    Preview your integration options and open auto-generated embed code to copy and paste into your site.
  • Pre-built UI and configuration menus can be skinned by your integration team to match your brand standards.
  • Configuration integration: Visual Component supports a DOM binding mechanism to bind host site controls (i.e. HTML elements such as buttons, select dropdowns, and radio/checkbox inputs) to properties and events on the Visual Component.
  • Your web development team can customize your experience:
    • Use popular front-end code (HTML, CSS, JavaScript)
    • Define the location of your 3D canvas on the page
    • Product behaviors: motion or camera angle changes after loading or when a user selects a product option.
    • Business rules: Which options are available in which combinations.
      Knowledge Base: Native UI for 3D →
      Developer Docs: The Visual Component →
Integrations - visual component - preview

Platform - preview starter ui

STARTER UI

  • Simplify your configuration integration with pre-built UI and configuration menus.

  • UI elements can be styled by your integration team to match your brand standards.

  • Out of the box UI elements can be customized:
    • Snapshot downloads a PNG of the live product view
    • Fullscreen displays the product in fullscreen view.
    • Configured AR - Augmented Reality view displays the live product configuration and can be launched directly from mobile, or via QR code from desktop.
    • Custom buttons can be easily added using front-end code (using HTML, CSS, Javascript).

 


3D VISUAL API

  • 3D Visiual API option available for developers that want full control of their implementation.

  • Full documentation and examples available.
Integrations - Visual API-1

Request a Live Demo

Learn how to create a best-in-class customer experience that increases conversion and delivers buyer insights.