By integrating the xConnector locker module into EasySell checkout form, you can now offer customers a locker‑delivery option right at the Checkout page.
Customers simply enter their required details—including selecting their preferred locker—before finalizing their order.
No Shopify Plus subscription is required — only active xConnector and EasySell subscriptions.
EasySell simplifies cash payment for your customers by replacing the default Shopify checkout with a tailor-made Cash on Delivery(COD) order form.
You can install it here.
1. xConnector settings
1.1 Add the Locker Script to Your theme.liquid
Go to Shopify > Settings > Sales channel > Themes > ... > Edit code > Layout > Theme liquid > copy paste the script below
<script> {% assign date = "now" | date: "%Y%m%d%H" %} var xConnector = { 'token': '{{ 'access_token_from_xconnector_tools' | append: date | md5 | append: date }}' }; </script> <script async type="text/javascript" src="https://xconnector.app/js/xconnector-pickup-points.js?shop=xconnector-easysell.myshopify.com"></script>
access_token_from_xconnector_tools =
fill in your access token from xConnector > Profile > Tools > Access token
Example:
1.2 Activate the Lockers function for Your Courier(s)
Go to xConnector > Profile > Connected services > Courier > Collect points > Collect points:On > Save
Example:
2. EasySell settings
2.1 Customize the Checkout form by adding a Locker Delivery Method
Go to Shopify > Apps > Easysell > Form builder > Shipping rates > Add rate
Configure the rate:
- Rate name: name the delivery method (e.g. “Delivery to locker”)
- Rate price: your desired amount
Click Save.
Example:
2.2 Customize the Checkout form by adding a Link to open the locker map
Go to Shopify > Apps > EasySell > Form builder > Add new fields > Custom fields > Link button
Drag the button to the desired position on the checkout form.
Click Edit, then set:
- Label: rename the label. (e.g. “Select your locker”)
- Link: #es_xconnector/<rate-name>
Replace <rate-name> with the exact name you used in 2.1 (e.g. “Delivery to locker”).
Click Save.
Example:
Add new fields
Edit the Link button
3. The Locker option is displayed in the Checkout page
- Fill in your data
- Select the locker
- Place the order
Admin Settings (details below)
Customer View (details below)
This feature is available in Advanced subscription plan for xConnector.
Feel free to contact us if you need any further information:
Chat: click on the blue chat icon (bottom-right)
E-mail: support@xconnector.app
Phone: +4 0373 747 991
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article