Restricting shipping by state

If you ship within the United States, you may want to limit the states you ship your subscription products to. This guide outlines how to restrict your shipping based on certain states and how to hide these states from your checkout. 

Step 1 - Edit your shipping zones

Recharge Shipping Zones and Rates

BigCommerce merchants and Shopify merchants using the Recharge Checkout can set up their shipping rates using Recharge Shipping Zones and Rates. Recharge Rates allow you to configure rates at a state level.

1. Click Settings in your merchant portal and select Shipping.
2. Under Shipping setup, select Use Recharge zones, rates and integrations (Advanced). 
3. Click Manage zones and select Add shipping zone. 
4. Search for the United States.
5. Click the drop-down arrow to expand the list of states. Use the checkboxes to select which states you wish to ship to. 
   
6. Click Save zone. 

Shopify Shipping Rates

Shopify merchants using the Recharge Checkout on Shopify with basic shipping settings (Get all rates from Shopify), can restrict the shipping zone by state in their Shopify shipping settings. 

1. Click Settings in your merchant portal and select Shipping.
2. Under Shipping setup, ensure Get all rates from Shopify is selected.
3. In the Shopify Admin, click Settings.
4. Select Shipping and delivery and click Manage rates under Shipping. 
   1. If you do not already have a United States shipping zone, click Create shipping zone and use the checkboxes to select which states you wish to ship to.  
   2. If you already have a United States shipping zone, click the three dots next to the zone and select Edit zone. 
5. Click the drop-down arrow to expand the list of states. 
6. Use the checkboxes to select which states you wish to ship to. Click Done when finished.

Step 2 - Adjust Recharge Shipping settings

1. In your merchant portal, click Settings and select Shipping.
2. Scroll down to Advanced settings and select the setting Display an error if no matching shipping rate is found. This ensures that when customers attempt to purchase in an excluded state, they will be blocked.

Hide non-supported states from the checkout

You can hide any extra states with CSS on the checkout.  

1. On your store's checkout page, right-click on the state text field, and click Inspect. From the inspection window, you can locate the state and identify the following code for the corresponding state you want to hide from the list.
2. Click Storefront in the merchant portal and select Checkout. 
3. In the CSS Editor textbox, enter the code and include the state you would like to hide. 

select#checkout_shipping_address_province option[value="Alaska"] {
 display: none;
}