Collect points - Lockers in Checkout (without Shopify Plus subscription)

Modified on Thu, 17 Jul at 8:03 PM


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

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article