diff --git a/packages/vulcan-payments/lib/components/Checkout.jsx b/packages/vulcan-payments/lib/components/Checkout.jsx
index 8353a8fb2..449ca4b33 100644
--- a/packages/vulcan-payments/lib/components/Checkout.jsx
+++ b/packages/vulcan-payments/lib/components/Checkout.jsx
@@ -73,7 +73,7 @@ class Checkout extends React.Component {
       <div className={classNames('stripe-checkout', {'checkout-loading': this.state.loading})}>
         <StripeCheckout
           token={this.onToken}
-          stripeKey={stripeSettings.publishableKey}
+          stripeKey={Meteor.isDevelopment ? stripeSettings.publishableKeyTest : stripeSettings.publishableKey}
           ComponentClass="div"
           name={product.name}
           description={product.description}
diff --git a/packages/vulcan-payments/lib/server/integrations/stripe.js b/packages/vulcan-payments/lib/server/integrations/stripe.js
index 180800bdd..feb166600 100644
--- a/packages/vulcan-payments/lib/server/integrations/stripe.js
+++ b/packages/vulcan-payments/lib/server/integrations/stripe.js
@@ -28,7 +28,7 @@ export const createCharge = async (args) => {
   }
   
   // initialize Stripe
-  const keySecret = stripeSettings.secretKey;
+  const keySecret = Meteor.isDevelopment ? stripeSettings.secretKeyTest : stripeSettings.secretKey;
   const stripe = new Stripe(keySecret);
 
   // if an associated collection name and document id have been provided,