How It Works
Connecting your Disco account with your WooCommerce account allows us to automatically pull in your WooCommerce products and orders to power our ability to help you learn, grow and sell using Disco. This article covers each part of the setup and configuration process to enable that.
Connect WooCommerce to Disco
This process begins during onboarding where you make a selection regarding what platform powers your store. Pick WooCommerce from the list, then the Continue option. Be sure that you entered a WooCommerce store URL in your sign up form, we'll be using that soon.
You'll land on the WooCommerce authentication screen based on the URL your provided to your store, click approve (you will need to be logged in to see that option).
You'll be sent back to the platform selection screen, but now a green checkmark will show next to WooCommerce, which indicates that your WooCommerce store is connected to Disco
Click Continue to complete your Disco onboarding and move onto adding the necessary code to your WordPress site.
Add Disco Script to WordPress
In the Tech Stack step of the onboarding flow, choose “WooCommerce” in the dropdown and copy the WooCommerce script, we'll be using that in the next stage.
Note: This script can also be found in your Disco dashboard under Settings > Integrations > WooCommerce if you'd like to reference or install it later. Click on "Show Instructions" and make sure you've chosen the correct platform and script before copying.
Adding the Disco script to WordPress
In WordPress, go to the Pages tab > Checkout page to Edit your Checkout page.
Click on the plus (+) sign and select the Custom HTML block.
A new Custom HTML Checkout page block will appear. Paste your full script in the Custom HTML container
Confirm Page Names and Update Script
It's important at this stage to ensure all of the configuration options for the Disco script match the configuration of your WordPress site.
First, ensure that the portion of the script that dictates what pages the DiscoFeed displays on matches what you expect. The if statement circled in the below image ensures that script is added only to the "Order Received" page and not the "Shipping & Billing Details" page.
If your Order Received page URL's wording matches what you see in that script no changes are required. Hit the "Update" button and head down to the Testing and Next Steps section.
If, however, the URL for your Order Received page is different than pictured above ("order-received") you'll want to tweak the script to match. Change that portion of the script to match whatever the URL of your Order Received page is. You can find this via WooCommerce > Settings > Advanced in your WordPress admin panel.
You're looking for the Order received text, listed as "order-confirmed" in the above example. Copy this and head back to the Checkout edit page noted above. Replace the default value for "order-confirmed' with what you just copied from your WooCommerce settings.
Once you've done that you can select "Update" and move on to...
Testing and Next Steps
It takes a bit of time for us to pull products into your Disco account, but in the meantime you should make sure you test your post purchase experience with the DiscoFeed to ensure it's working smoothly. You can follow the instructions outlined in WooCommerce's article about Testing WooCommerce Payments to see your order confirmation page (and Disco!) in action.
Otherwise, you can find more information on onboarding with Disco can be found in our Getting Started with Disco article.
Manage Your WooCommerce Account
WooCommerce features, services, and subscriptions will continue to be managed by WooCommerce directly. For WooCommerce help, visit the WooCommerce Support Center.
WooCommerce Integration Troubleshooting
Stuck at Platform Selection Prompt
If you're selecting the WooCommerce platform during onboarding and being redirected to a page that's not working as it should when you hit continue it may be that you've entered a non-WooCommerce URL or made a typo in the onboard question regarding the URL of your shop. If you're stuck at that place we can help! Here's the info you should send us using the Submit a Request option in the tip-right of this page:
- The URL of your WooCommerce shop
- The URL you were directed to when you selected "Continue"