--- title: Integrations slug: ofeH-integrations docTags: createdAt: 2025-10-21T07:37:03.977Z --- ## Introduction :::hint{type="info"} **Need help setting things up?** Our team is here to help! Head over to our [Support](docId\:NNUw1G9z7eaJ4M78vk7t9) page to get in touch. ::: The Integrations section lets you specify which systems you'll be connecting SparkLayer to. *** ## Platform Integrations For listed third-party platforms, this has the added benefit of automatically connecting your website to SparkLayer. | Platform | Details | | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `Shopify` | If choosing [Shopify](docId:7TmhkOEHbgEGGFdd6EMr1), you'll be prompted to enter your Shopify store name (or ID). When you click "Save", you'll be taken off to Shopify to install the SparkLayer app. This will connect your Shopify store to SparkLayer and products and customer data will automatically be synchronised. | | `BigCommerce` | If choosing [BigCommerce](docId:6zLPH9x8-qEUITCHs2obE) , you'll be prompted to enter your BigCommerce Store ID. When you click "Save", you'll be taken off to BigCommerce to install the SparkLayer app. This will connect your Shopify store to BigCommerce and products and customer data will automatically be synchronised. | | `Wix` | If choosing [Wix](docId\:vEqgPapEA8X0X60U6ZWZe) , you'll be prompted to enter your Wix Site ID. When you click "Save", you'll be taken off to Wix to install the SparkLayer app. This will connect your Shopify store to Wix and products and customer data will automatically be synchronised. | | `Custom` | If choosing Custom, you'll need to manually send SparkLayer all necessary data. Please [contact us](docId\:NNUw1G9z7eaJ4M78vk7t9) to learn more. | :::hint{type="success"} **Setting up a test environment** With SparkLayer [Test Mode](docId\:y74DZm4NK61rsUZwJ3Vcn)**,** you can configure a live and test environment. ::: ### Order Actions You can additionally configure specific order actions for your store. ::::Tabs :::Tab{title="🛍️ Using Shopify"} | Setting | Details | | ------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `Automatically complete Shopify draft orders` | If you're using manual payments (such as Payment by Invoice) these will be default enter the Shopify admin as **Draft orders**. This setting allows you to automatically mark these as completed and the orders will instead show in the **Shopify Orders admin** as soon as they are placed | | `Automatically mark Shopify draft orders as paid` | For new draft orders, the payment method will be set as payment pending. It's possible to automatically mark these orders as paid allowing you to process the orders faster. To enable this, first tick the 'Automatically complete Shopify draft orders' toggle, then choose from the following settings;Payment on Account orders - automatically mark as paidPayment by Invoice orders - automatically mark as paid | ::: :::Tab{title="New Tab"} Not applicable ::: :::: *** ### Configure metafields Within the [SparkLayer Dashboard](https://app.sparklayer.io/configuration/integrations/platform), you can speed up the creation of metafields using our built-in tool to automatically configure them. ::::Tabs :::Tab{title="🛍️ Using Shopify"} To get started, go to **Integrations, Platform Connection** and click **Configure** within the **Configure metafields** section. You'll then see all available metafields that can be configured for **Product** and **Customer** data. ![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/77PPtnle394bKNefuREm4_screenshot-2025-03-07-at-060054.png) When a metafield is enabled, this will automatically be added to the [Custom Data](https://admin.shopify.com/settings/custom_data) section of your Shopify admin and will be 'pinned' for easy access when configuring metafields for products or customers. ![](https://api.archbee.com/api/optimize/kxppJrvFK15E9wXbMKaTP/U8TldaNsA4KK5Zvo_vfGB_image.png) Any metafields automatically created by SparkLayer in this way will be prefixed with `B2B - [name]` for example `B2B - Pack Size` Should you need to modify or remove metafields, you can manage this via the [Custom Data](https://admin.shopify.com/settings/custom_data) section within your Shopify store. ::: :::: *** ## Partner Ingrations SparkLayer supports a number of partner integrations that you can manage within the SparkLayer Dashboard. To see all available integrations, please see [Integrations](docId\:Eewk4JDEtPwyhjhrTwlvp). *** ## Data Sync To learn more about how the Customers Sync and Products Sync work, see [Data Sync](docId:8XClbafeyxHtt5begKM58) *** ## Widgets The Widgets section guides you through installing the [Frontend Interfaces](docId\:ccZ1vnH0O6D_722w35Xpa) on your website. There are the following key steps: - Installing the Core script - Installing the product page scripts - Customising the Design by using CSS You can read our full guide on how this works in our [Frontend Integration Guide](docId\:QWXsYM9X5_pvIOGUteKcP). ***