How to Set Up Delivery Date Picker

This feature is only available to Scale and Enterprise subscribers. Please make sure your Shipping Schedule in ShipFare is live before setting up Delivery Date Picker.

Shopify Stores (Non-Shopify Plus)

1. Go to Themes → Edit Code
2. Navigate to your theme.liquid file and add the following code just before </body>
   1. <script src="https://unpkg.com/shipfare_delivery_date_picker/dist/datePickerWidget.es.js" type="module" async></script>
      
3. 
4. Locate your cart file and add the following code to where you want the Date Picker to appear. 
   1. <shipfare-date-picker></shipfare-date-picker>
5. The date selected will appear in your Shopify Notes section.
6. 
7. If you want to preview/test before making it live on your store, create a copy of your current live theme and add the code there. If it looks fine, publish that copy.

Shopify Plus Stores

1. Go to Settings → Checkout in your Shopify store.
   1. 
2. Click on the dropdown menu at the top and select 'Shipping.' Select 'Add app block' in the left side menu.
3. Add 'ShipFare Delivery Date' app and Save.