Magento extensions & Pay-as-you-go development

10 years of business 2101 reviews 4.9 average rating
User guide

You may also be interested in these resources:

According to Google, a great part of retail sales are influenced by the web, but the majority is made in shops from local retailers to the big chains. Then, Click & Collect for Magento 2 is a good opportunity for you to deal with both options:

  • Buying online
  • Collecting in stores

The Click & Collect extension will considerably increase awareness of all your stores by allowing you to highlight them on a store locator including a customized Google Map which is then placed on any page of your website.

This map uses HTML5 code which helps the customer by providing, on the same web page, their current position, and a route map to their nearest store.

Specific information relative to each store location can be easily customized from the Magento 2 back-office. For example, opening times, postal, and website addresses...

During checkout, customers will be able to choose the store where they want to collect their orders as well as the day and the hour.

That extension enhances the Multi Stock Inventory module from Magento 2 and is fully integrated with the suite by providing additional features.

Terminology

  • Sources: represent physical sites where the available products are stocked and shipped from. It can be warehouses, stores, wholesalers... 
  • Stocks: link Sales Channels to Sources. One stock can be linked to several Sales Channels.
  • Sales Channels: a Sales Channel can only be linked to one stock.

How to use Click & Collect for Magento 2

The Click & Collect extension only requires a few steps before being ready to use. Create your sources and enable the click & collect method in the shipping methods.

STEP 1: Manage your pickup locations

First of all, you need to create your pickup locations. For this, go to:
StoresInventorySources

Note that your sources can be assigned to one stock associated with one website only.

Create your pickup locations

With Click & Collect that includes the Store Locator extension, you can manage as many sources as you want from the backend of Magento 2.

To add a new source, click on ADD NEW SOURCE.

So that a source can be created, it must have:

  • a name
  • a code
  • a store view
  • a customer group
  • longitude and latitude coordinates
  • a URL key
  • a country
  • a postcode

Other information is additional, however, we recommend you to fill in a maximum of fields to be able to reuse them in the Google Map display.

General

  • Name
    This is the name that appears on the front-office of your website in Google Maps.
    It can be a shop sign or used help to localize the store.
    USA Washington Store
  • Code (internal use)
    This is a unique identification code used in the back-office of Magento 2 for each store.
    This code is also used by Google Addresses to identify stores if data files are exported to a Google Places account.
  • Is enabled
    The Default Source must be enabled.
    A default source is required for single-source merchants and product migration.
  • Store View
    A source must be linked to at least one store view to be displayed for customers in Google Maps.
  • Customer Groups
    You must then select the customer group(s) that will be able to see the store.

Store Location

  • Latitude & Longitude
    This information is essential to allow the store to be displayed in Google Maps.
  • Find the coordinates with Google Map
    You can find this information with Google Maps directly by dragging the red cursor.

Store Locator settings

  • Is visible on store locator page
    If set to Yes, the store will be available on the store finder page:
    http://www.yourshop.com/storelocator
  • Image
    Browse/Drag the image for the store.
    This is the image associated with a store such as a shop front, the logo etc...
    The image appears in the information section when a customer selects this particular store.
    The image can be a .jpeg, .gif or .jpg file.
  • Use default description template
    The default description template is defined in:
    StoresConfigurationWyomind Store Locator
  • Description
    You can also define a description for that particular store. The description appears in the information section when a customer selects this particular store.
    HTML and CSS code are supported.
    See available variables

Variables available for the store descriptions

  • {{code}}
    The store code
  • {{name}}
    The store name
  • {{phone}}
    The store phone number
  • {{email}}
    The store email address
  • {{address_1}}, {{address_2}}, {{city}}, {{state}}, {{country}}, {{zipcode}}
    The store address
  • {{business_hours}}
    The store opening hours
  • {{days_off}}
    The store days off
  • {{image}}
    The store image
  • {{link}}
    Link to the store page
  • {{additional_attribute_code}}
    All custom attributes that you have configured:
    See how to configure your own attributes

Store Page settings

Variables available for the page content

  • {{code}}
    The store code
  • {{name}}
    The store name
  • {{phone}}
    The store phone number
  • {{email}}
    The store email address
  • {{address_1}}, {{address_2}}, {{city}}, {{state}}, {{country}}, {{zipcode}}
    The store address
  • {{business_hours}}
    The store opening hours
  • {{days_off}}
    The store days off
  • {{image}}
    The store image
  • {{link}}
    Link to the store page
  • {{google_map}}
    The Google map with the targeted store
  • {{additional_attribute_code}}
    All custom attributes that you have configured:
    See how to configure your own attributes

Business hours

  • Hours
    The opening hours can be shown for each store. You can set lunch hours as well.
  • Days off
    You can list all the days off. Each date must be on a new line formatted as follows:
    YYYY-MM-DDFor example, if the store is closed on the 1st of January 2019, you can write:
    2019-01-01
    Note that you can also add hours off. Each date and hour must be on a new line formatted as follows:
    yyyy-mm-dd HH:ii-HH:ii For example, if the store is closed on the 24th of December 2020 from 4:30 PM to 8:00 PM, you can write:
    2020-12-24 16:30-20:00

Contact Info

  • Contact name
    Name of the contact of the store.
  • Email
    It is the email to contact the store.
  • Phone
    Telephone number of the store.
  • Fax
    Fax number of the store.

Address Data

All the details specified in Address Data appear in the information section when a customer selects a particular store. You must fill in:

  • Country
    The country allows customers to filter the store search results.
  • State/Province
    The state code is essential if data files are exported to a Google Places account.
  • City
  • Street
  • Street (additional)
  • Postcode

Additional Data

For each store, you can define your own attributes in order to customize the store page as you want.

For this, go to:
StoresInventorySource Attributes

Click on ADD A NEW ATTRIBUTE.

This works the same way as product attributes.

The attribute can be:

  • text: simple input
  • textarea: multi-line input
  • wysiwyg: HTML input
Note that the attribute code will be generated automatically from the attribute label.

Once saved, a notification is displayed, and the attribute is listed in the grid.

Once created, the attributes will be displayed in the Additional Data tab of each source.

Then, they can be used in the description template for the store locator and in the template for the store page.

Click & Collect

Enable the source for the Click & Collect method and allow your customers to collect their orders in the store.


If the Google map is enabled in the checkout, the source must also be enabled in the Store Locator. Information from the "Store Locator settings" section will be used for the display in the checkout.

For each source, you can use the global settings defined in the configuration or define specific settings: 

  • Handling fee amount
    Define a specific handling fee for each source.
    The handling fee will be displayed in the cart, in the checkout when selecting the point of sale, as well as in the total of the order.
    Don't forget to enter the decimal point. 
    5.5
  • Minimal delay for an order
    Define a specific delay for the source.
    Lead time between the moment when the order is placed and the first available pickup time.
    Add the time in minutes.
    1440
  • Minimal delay for a backorder
    Define a specific delay for the source.
    Lead time between the moment when the order (backorder) is placed and the first available pickup time.
    Add the time in minutes.
    2880

You have the possibility to use the global settings for the above options.

  

You can also configure: 

  • Maximum number of pickups per time slot
    This is only used when customers are allowed to select a pickup time. 0 means that there is no limit. 
    For example, to allow only 2 customers to select the same time slot:
    2
  • Calendar Color
    Select the color for that source in the calendar for reserved time slots. 

Extend the functionalities of Click & Collect thanks to the MSI Suite that will help you to manage your stocks in several sources.

Import and export a CSV file

Import your pickup locations

If you already have a file with all your pickup locations, you can easily import them with Click & Collect. Click on Import a csv File and import your file in Magento (it must be a CSV file). For example, below is a CSV sample file: 

"source-code","name","enabled","latitude","longitude","country_id","city","street","postcode"
"great_lakestore","Great Lake Store","1","40.787109","-73.966329","US","New York","101 Street","1023"

Once you have chosen your file, click on IMPORT FILE.

A message is displayed and notifies that the sources been imported in: 
StoresInventorySources

Export your pickup locations

To export a CSV file, it is quite easy, you need to click on Export a csv File. You will then be able to download a CSV file that includes all the data of your sources.

To import a large number of sources more easily, you can first export a CSV file, fill it in Excel, and save it in CSV format. Finally, import it as a CSV file.

Configure the display of your sources

In order to edit the display of your sources in the Google map, go to:
StoresSettingsConfiguration Wyomind Store Locator

To see your stores on the map, go to: 
http://www.yourwebsite.com/storelocator

Note that if customers have a preferred store, then it is automatically highlighted in the store list.

Add your Google API key

There you will be able to add your API key in the Google API key field.

Indeed, Google is now asking for an API key to display the Google map.

If you don't have an API key yet, check our faq to know how to get your own key.

Note that distances and times will be displayed only if the geolocation is enabled. 

Edit the store locator configuration

You can totally configure the location:

  • Store Locator page URL
    It is the URL of the store locator page.
  • Store Locator page title
    It is the title of the store locator page.
  • Number of nearest locations to display
    Note that 0 means unlimited.
  • Display the distance from the customer location to the store in the store title
    You can add the distance to the store from the customer location.
  • Display the duration from the customer location to the store in the store title
    You can add the time it takes from the customer location to go to the store.
  • Unit systems for the distance
    Choose between Metric or Imperial.

Edit the store description template

You can change the display of your stores and even add some code.

For example, let's say you want to display the phone number in red. You'll just need to add in the Store description template field:

<span style="color:red"> {{phone}} </span>

Edit the store page template

You have the possibility to edit the Store Page template

Edit the time format

You have the possibility to change the format of the date.

For example, for 2:30 AM, use:
h:i A

For more details, you can refer to the below table: 

STEP 2: Enable the Click & Collect method in the Shipping methods

So that you can use the Click & Collect extension, you need to enable the Click & Collect method. 

Enable the Click & Collect method

Click & Collect

Start with enabling the Click & Collect method, from:
STORESSETTINGS Configuration Sales Shipping Methods

There, you will be able to configure the Click & Collect extension according to your needs:

  • Enabled
    You can at any time disable that option. 
  • Title
    Change the title of the method if you desire.
    This will be displayed in the checkout when your customers will choose the shipping method.
  • Global handling fee
    The handling fee will be charged during the order, if you define one, don't forget to enter the decimal point.
    Note that you can define the handling fee for each store locator in their configuration.
  • Sort order
    Define where you want that shipping method to appear. 
  • Automatically decrease stocks
    When enabled, no shipment is required to decrease stocks when an order is placed via Click & collect.

Attention, if your sources are defined on No Store view and/or No Customer Groups, the Click & Collect method won't be available. 

Frontend

If enabled, your customers will be able to choose the Click & Collect method when going to checkout.

Your sources must be linked to a stock and have inventory to be displayed in the checkout. 

See how to assign sources to your stocks and  assign quantities per source

The Click & Collect method will also be displayed in the Estimate Shipping and Tax section from the order Summary as below. 

Note that if customers have a preferred store, then it is automatically highlighted with the mention "Preferred store" or "*" and selected in the order summary and in the checkout if they choose to collect their order in store.

Configure the Magento backend settings

You can configure the Magento backend settings from:
STORESSETTINGSConfiguration  Sales Shipping MethodSCLICK & COLLECT

Order page

You have the possibility to display only the title in the shipping description of the order page from: 
SalesOperationsOrders

When the option is enabled, only the title will be displayed. 

When the option is disabled, the full description will be displayed.

Configure the email settings

You can customize the emails from:
STORESSETTINGSConfiguration  Sales Shipping MethodSCLICK & COLLECT

Order confirmation email

Select the template you want to use for the Click & Collect order confirmation email. 

Guest order confirmation email

Select the template you want to use for the Click & Collect order confirmation email as a guest. 

Copy of the confirmation email

You can send a copy of the confirmation email to the source selected for collecting the order.

Note that the contact email must be filled in for the source in the Contact info section.

Configure the display settings

Click & Collect can be totally customized from:
STORESSETTINGSConfiguration  Sales Shipping MethodSCLICK & COLLECT

Here define the display of the Click & Collect: 

  • Click & Collect activated by default?
    Automatically activate the Click & Collect method.
  • Display a unique Click & Collect shipping method in the cart estimation
    If you select Yes, only one "Click & Collect" radio button will be displayed in the cart.
  • Display the locations in a dropdown
    Choose to display the locations in a dropdown, or in a simple list with radio buttons.

If you choose to display the locations in a dropdown, you have the choice to: 

  • Display the stores list
    Choose to display or not the list of the stores in the frontend.
  • Display the Google Map
    Choose to display or not the Google Map in the frontend.

In the case where you don't want to display the location in a dropdown, your stores will be listed. You have the possibility to:

  • Display the description of the locations
    You can add the description of each store.

Date Settings

Click & Collect gives the customers the opportunity to decide on the day when they want to pick up their orders.

  • Allow the customer to choose the day to pick up the order
    Give the possibility to your customers to choose the day when to collect their orders.
  • Allow pickup method ahead
    Choose how much time in advance the Click & Collect method can be planned. For example, allow the pickup method ahead 15 days.
  • Date format to display
    Choose how you want the date to be displayed in the frontend. A table should help you to configure the date format as you want it to appear. 
    For example, to write Wednesday 14th April, you should write:
    m/d/Y

Below, you will find the characters recognized in the date format. 

Time Settings

You can give your customers entire satisfaction by allowing them to choose the time to pick up their order. 
  • Allow the customer to choose the time to pick up the order
    Give the possibility to your customers to choose the time when to collect their order. 
  • Pickup time range
    Define a Pickup time range. You need to be aware that this range shouldn't exceed 60 minutes.
  • Minimum time required to handle an order
    Define the minimum time required to handle an order. In the case where you need one day to prepare the order, you can enter:
    60See how to define a specific time to handle orders for a source.
  • Minimum time required to handle a backorder
    Define the minimum time required to handle a backorder. In the case where you need 2 days to prepare the order, you can enter:
    120See how to define a specific time to handle backorders for a source.
  • Time format to display
    Choose how you want the time to be displayed in the frontend.
    For example, to display 11:30 am, you should write:
    h:i A

Below, you will find the characters recognized in the time format. 

Note that the time slots when customers can come and collect their orders are limited to the opening hours of the stores.

Labels

In that section, you can define labels for the below titles:

  • Click & Collect activation title
    Define the title when activating Click & Collect method.
    It is displayed in the Shipping section of the checkout. 
  • Shipping address title
    Define your title for the Shipping address. 
    It is displayed in the Shipping section of the checkout. 
  • Store choice title
    Define your title when selecting the store.
    It is displayed in the Shipping section of the checkout. 
  • Ship to title
    Define your title for the place to ship.
    It is displayed in the Review & Payment section of the checkout.

Add a Store Locator to your page

You have the possibility to add the Store Locator widget to all your frontend pages.

Add the widget

You have the possibility to add a widget to let your customers see all your stores. 

For that, go to: 
ContentElementsWidgets

Click on Add Widget .

Select Store Locator as the type and choose your theme. Click on Continue

Configure the Storefront Properties according to your needs and Add Layout Updates as in the example below.

Click on Save

From the frontend, you should have the Store Locator widget displayed in your Page Header Panel. 

STEP 3: Enable the Preferred store option

Your customers have the possibility to select their preferred store so that they don't have to worry anymore about having to choose a store during checkout.

You first have to add the widget to your website. 

Add the widget

You have the possibility to add a widget to let your customers select their preferred store. 

For that, go to: 
ContentElementsWidgets

Click on Add Widget.

Select Preferred Store as the type and choose your theme. Click on Continue

Configure the Storefront Properties according to your needs and Add Layout Updates as in the example below.

Finally, choose the widget options. You have the choice between:

  • 1 column - Store List 
  • 1 column - Google Map
  • 2 columns - Store List and Google Map

You can also choose to automatically select the nearest store if the customer doesn't have selected a preferred store. 

Select the preferred store

When the widget is added, your customers will then have the possibility to choose their preferred store by clicking on Find a store from the top bar. 

A popup should be displayed and list all available stores. 

If enabled, geolocation can be used to propose the closest store and customers can also select their preferred store by clicking on Choose this store

Once the store is selected, this will be displayed in the top bar.

Note that if customers have a preferred store, then it is automatically highlighted with the mention "Preferred store" or "*" and selected in the order summary and in the checkout if they choose to collect their order in store.

STEP 4: Check the calendar

You can check all reserved time slots for each source from:
SalesClick & CollectCalendar

   

In the calendar, all reserved time slots are displayed and show the below information:

  • Hour of pickup
    The hour reserved by the customers to collect their orders is displayed.
  • Customer name
    The full name of the customer is displayed
  • Oder id
    Click on the order id to be redirected to the order's back-end page

When moving the mouse over the time slots, the above information will be displayed as well as the name of the pickup store. 

  

You have several possibilities to filter your time slots.

Time filter

You can filter all the reserved time slots by:

  • day
  • week
  • month

Sources filter

Click & Collect allows you to filter all reserved time slots by source.

You can define a specific color for each source from: 
StoresInventorySources

Use Click & Collect with Payment Method Rules to allow specific payment methods for your pickup locations.

Show all the places where you sell on a Store Locator and allow your customers to collect their orders in any of your stores with Click & Collect!

Offer your customers the best of both world: Buy Online, Collect in Store

  • Customers find the item they want online, where they also check its availability at a nearby brick-and-mortar.
  • Offer a seamless shopping experience, generate more sales, and increase the traffic of your points of sales.

Display all your stores on a Google map

  • Help users finding the directions of the nearest store thanks to geolocation. 
  • Completely customize the display of each store with variables and CSS code.

Create specific pages for each store

Create a unique page for each one of your offline stores and customize the content for each page as you want. 

Take the shopping experience on your website to a higher level

  • Display all your stores on a Google Map in the checkout and/or in a CMS page.
  • Automatically suggest the store that is the nearest to their location.
  • Provide detailed information and directions from the customer's location to your stores.
  • Let your customers choose the store, the day, and the hour when they want to collect their orders. 
  • Limit the number of customers who can select the same time slot and check each reservation from a calendar.

You're not using the Magento® MSI module? Then check the Pickup@Store extension! 

Front-end features

  • An infinite number of points of sale
  • Fully responsive interface
  • Configuration of business hours including lunchtime and holidays for each store
  • Many options to customize the checkout experience: translation, show map in checkout (yes/no), display days (yes/no), display hours (yes/no), date and hour format, store description and information, time required to handle the orders, price...
  • Store details and additional information
  • Specific page for each store
  • Images for each store
  • Store locator with geolocation to show the nearest store in the customer area
  • Link to the stores' pages from the Store Locator
  • Get direction feature from any location
  • Distance displayed in miles or kilometers
  • Preferred store feature

Back-end features

  • Multiple Store and Website supported
  • API key to add in the configuration of the extension
  • Bulk stores import and export via a CSV file
  • Easy and quick configuration of your stores
  • Latitude and longitude of a store automatically filled
  • Define the content of the stores' pages
  • Custom attributes for your stores
  • Custom description for each store in the store locator
  • Points of sale management by store views and/or customer groups
  • Many settings for each store
  • Quick and understandable overview of the click and collect orders in the orders grid
  • Reserved time slots registered in a calendar integrated into your Magento® back-office
Freqently Asked Questions
Pre-sales informations

Find in the below comparison table, the differences between the default Magento in-store pickup feature and our Click & Collect extension.

Wyomind Click & Collect Magento in-store pickup

Front-office

Google map

Selection of the pick-up day/hour

Preferred Store

Store Locator

Store Locator page

Specific pages for each store

UX design

Selection of the pick-up point among the shipping methods

Selection of the pick-up point from the Google map and/or the list

Hours, addresses, and additional information displayed for the pick-up point

Possibility to configure opening hours for the sources

Shipping fee definition for each source

Time slots

Possibility to limit the number of time slots

Time slots calendar in the back-office

Order management

Source notified by email

Mark an order as ready for pickup from the order's page

Selection of the email templates for click and collect orders

Pickup hour and date displayed in the orders grid

This extension works with Magento Community Edition and also Magento Enterprise Edition. To know if Click & Collect is compatible with your Magento version, please check the Compatibility tab.

You can use Pickup@Store on any version of Magento 2. 

However, if you are using the Magento MSI module available from Magento 2.3, you must use the Click & Collect extension. 

There are some limitations with the Google Shopping API that allows to calculate the directions. Only the 24 closest locations can be calculated but all the points of sale will be displayed anyway in your Magento 2 online store.

License and domains

A license is valid for an unlimited period of time on one single Magento installation

  • If you're using more than one Magento installation, you will have to buy a separate license for each instance.
  • if you're running several domains on a same Magento installation, you will need only one license for all of them.
Although your license doesn’t have a limited period of validity, your support period does. By purchasing an extension, you’ll be granted a 6-month support period for free. Passed this period, you will have to pay for a new one (see FAQ: Extend your Support period)

You can pre-register your live domain to your license in advance.

Thanks to this option, you'll be able to get the extension ready to use on your domain before it goes live.

To pre-register your production domain: 

  1. Go to:
    mY accountLicenses & DOwnloads
  2. Click on  next to the extension you want your domain to pre-register on.
  3. Click on the link at the bottom of the page saying:
    Do you want to pre-register your domain in order to be ready to go live?
  4. Finally, enter your domain name and click on pre-register now .
Attention, this doesn't mean your license is activated. You'll still have to activate it on your new domain when the extension is installed. 

One license is valid for an unlimited period of time on one Magento installation only. However, it is possible to extend or transfer your license in 2 cases: 

  • If you would like to add your testing environments to your license. 
    In that case, it is possible to extend your license to an unlimited number of domains for free.
    For example: mywebsite-staging.com or mywebsite-dev.com
  • If you want to transfer your license to another live domain.
    In that case, the support period for your license must still be active.

To be able to use Click & Collect on both your production and testing environments, follow the instructions below:

  1. Download Click & Collect.
    (see FAQ: Extensions download)
  2. Install Click & Collect on your environment.
    (see FAQ: Extensions installation)
  3. Activate the license.
    (see FAQ: Extensions activation from the backoffice or Extensions activation from the CLI)

Also, if you are managing a large amount of domains, please contact us so that we can automatically whitelist these domains.
Extension versioning and download

In order to download Click & Collect, log into your Wyomind account:

    1. Go to:
      my accountLicenses & downloads 
    2. Click on the  icon next to Click & Collect.

      A new window opens.

    3. Choose the version of Click & Collect.
      You will be able to choose the most recent version of Click & Collect (for both Magento 1 and Magento 2).
    4. Click on  .

Your download can start.

When purchasing an extension from wyomind.com, you benefit from a lifetime upgrade. You can at any time download the latest version of the extension directly from your account. 

To upgrade Click & Collect, follow the steps below:

  1. Go to:
    my accountLicenses & Downloads
  2. Click on  next to Click & Collect.
  3. Choose the latest version of Click & Collect (for Magento 1 and Magento 2).
  4. Click on download .
  5. Install the new version of Click & Collect to update your Magento admin. 

Extensions Installation/Uninstallation

You can install Click & Collect manually.

  1. Download Click & Collect (zip file) on:
    mY ACCOUNTLicenses & Downloads
     
    Refer to the FAQ: Extensions download
  2. Once Click & Collect is downloaded, open the folder and unzip it.
  3. Copy the content of the unzipped folder and paste all files and directories in your Magento 2 root directory.
  4. In your Command Line Interface, execute:
    bin/magento setup:upgrade 

    If you are using a production mode, execute also:

    bin/magento setup:static-content:deploy  
    bin/magento setup:di:compile  

You can install Click & Collect using Composer software in two cases:

  • if you purchased Click & Collect on Magento Marketplace.
  • if you purchased Click & Collect on Wyomind.com AND requested access to our repository:
    repo.wyomind.com
  1. Add to your composer configuration our repository:
    composer config repositories.wyomind composer https://repo.wyomind.com 

  2. Execute Composer command:
    composer require wyomind/clickncollect
  3. Then go in your Command Line Interface and execute:
    bin/magento setup:upgrade ​
  4. If you are using a production mode, also execute:
    bin/magento setup:static-content:deploy  ​
    bin/magento setup:di:compile​

To uninstall Click & Collect, start with disabling the extension running the following command:

bin/magento module:disable Wyomind_ClickNCollect

Then, you have 2 ways to uninstall the extension depending on how the extension has been previously installed: 

  • Manual installation

    Run the clickncollect-uninstall.sh file (you can find it in the extension zip folder) from your Magento root directory:

    sh clickncollect-uninstall.sh

     

  • Installation via Composer

    Run the below command line:

    composer remove wyomind/clickncollect

Once the uninstallation is over, refresh your cache and enable the compiler back again (if you use it). 

You can install Click & Collect via Web Setup Wizard if you purchased it from Magento Marketplace only.

To know how to proceed, all steps are described in the link below: 
http://docs.magento.com/m2/ce/user_guide/system/component-manager.html

Next step is to activate your license:
Extension activation

Extensions activation

Once Click & Collect is installed, you have to activate the license. For previous versions, you can activate the license from your back-office:

    1. Go to your Magento admin panel. A message pops up at the top of the page.


      If the message doesn't appear then you must check that:

         1. The Adminhtml_Notifications and Wyomind_Core modules are well enabled.
         2. The HTML output of the Adminhtml_Notifications and Wyomind_Core modules are not disabled in:
      storesconfigurationadvanced advanced
         3. The encryption key well exists in app/etc/env.php:
      <?php
       return array(
       'backend' => array(
       'frontName' => 'admin'
       ),
       'crypt' => array(
       'key' => '1e8f3c6772b7a6a6689c3c8cefa4ccf0'
       ),
       /* ... */
       )
      ?>​
    2. Copy your activation key in:
      StoresConfigurationWyomind Your extension

      You can find your activation key in 2 different places:
      In the confirmation email that you received after purchasing Click & Collect.
      In your Wyomind account:My account Licenses & downloads
      Select Click & Collect and click on  .

      A new page opens where you'll find your activation key (see below).


    3. In your Magento admin go to:
      StoresConfigurationWyomind Your extension

      Paste the activation key in the Activation Key field and choose between the automatic (yes) or the manual (no) activation method:
      By choosing Yes, the connection to Wyomind license server will be automatic.
      By choosing No, you will have to log on to Wyomind license server yourself.

    4. Click on Save config .
    5. A message appears at the top of your admin panel. Click on that link: 
      Activate it now!
    6. Copy and paste the license code in the License code field from your admin or simply click on Activate now! 


    7. Finally, refresh your cache, log out and log in back straight after, to complete the installation.

When the extension includes other modules, repeat the steps described above for each one, using the corresponding activation keys (each module has its own activation key).

Add another domain to your license


To activate the license on another domain (test, staging...):

  1. Once the extension is installed on the new domain, copy your activation key in:
    StoresConfigurationWyomind Your extension
  2. After having saved the configuration, a notification appears. Click on Add this domain to my license.

  3. A transfer request will then be sent to our team within an hour.
    Once the request is taken care of, you will receive a confirmation email.
    If your transfer request is accepted, you can use Click & Collect on both environments at the same time.

Note that the order in which you activate your license on your domains does not matter. You can start with your staging/dev/local environment or with your live domain, the process will be the same.

Also, if you have loads of staging domains, or if you are an agency managing load of domains for your customers, please contact us so that we can automatically whitelist these domains.

Once Click & Collect is installed, you have to activate the license.

For this, you can use the below command line (change the Activation key with the corresponding value):

bin/magento wyomind:license:activate Wyomind_ClickNCollect <YOUR_ACTIVATION_KEY>

To retrieve the list of all the available modules as well as the licenses status, please use:

bin/magento wyomind:license:status

 Among the different status, you can find: 

  • registered = your license is registered
  • pending = you need to run the activation command line
  • invalidated = the license has been invalidated due to a wrong activation key or a license infringement
 
Check how to add another domain to your license.
Extensions use

In order to use Click & Collect, you need to have a Google API key filled in the extension's settings. 

Google APIs are now paying services. Find the pricing for Maps, Routes and Places here.

To create an API key:

  1. Log into https://console.developers.google.com
    There, you'll be asked to agree the Terms of Service.
    You can then click on Agree and Continue 

  2. You will first need to create a new project with a name, an organization and a location.
  3. To that project you will have to link some API's by clicking on Enable APIs and services .
  4. From the library you will be able to add the services you want.
  5. In order to use Click & Collect, you will need to enable the below APIs by clicking on Enable 

    - Maps JavaScript API

    - Geocoding API

    - Distance Matrix API

    - Directions API

  6. When enabled, you'll be able to see the traffic, errors and latency for each API. 
  7. You should see all the enabled APIs from the APIs section. 
  8. FromAPIs & ServicesCredentials, you will be able to create credentials. 
    Click on Create credentials  and then choose API key.
  9. You'll also have the possibility to restrict your API key by websites, applications, IP addresses...
  10. Once restricted or not, the API key will be listed among the credentials. 
  11. The final step for this to work is to link your account to a billing account from the Billing section. 
Find more info on how to get an API key

To create a new stock, go in:
StoresInventoryStocks

Click on Add New Stock .

In the General section, you will have to fill in a name. For example: 
Europe

From Sales Channels, select the website. Note that only one stock can be mapped to each sales channel and that all unassigned sales channels will be assigned to the default stock.

Finally, from Sources, click on Assign Sources . Select the sources you want to link to that stock and click on Done 

After having clicked on Save , the selected sources will be assigned to that new stock. 

Start with editing a product from:
CatalogProducts

In the Sources section, you can assign sources by clicking on Assign Sources 

Note that you can assign inventory per source in bulk from the products' grid directly. 

Select the sources for which you want to add quantities and click on Done .

Then, you will be able to add quantities for each stock and click on Save .  

You will have access to that information from the products' grid, in the Quantity per Source column.

Magento® Compatibility

Magento® Open Source

(Magento® Community Edition)

  • 2.4.3
  • 2.4.2
  • 2.4.1
  • 2.4
  • 2.3.7
  • 2.3.6
  • 2.3.5
  • 2.3.4
  • 2.3.3
  • 2.3.2
  • 2.3.1
  • 2.3

Adobe® Commerce

(Magento® Enterprise Edition)

  • 2.4.3
  • 2.4.2
  • 2.4.1
  • 2.4
  • 2.3.7
  • 2.3.6
  • 2.3.5
  • 2.3.4
  • 2.3.3
  • 2.3.2
  • 2.3.1
  • 2.3
User's reviews
Log into your account to leave your review and get up to 3 months of free support.

15th December 2020

Amazing & extra-complete

I was looking for click&collect extension since native functionality into magento 2.4 does not work properly. After cheking the posibilities, wyomind click&collect seems to be the right one, and finally this is. But the most important is support team. The team is amazing, fast and professional, it is very nice to work with them.

13th May 2020

The Best Extension for Store Pickup

I was looking for a good store pickup extension for Magento 2. I checked and compared many extensions, and the Click & Collect by Wyomind is by far the best. It comes with some features no other store pickup extension has (support for MSI is one of them). On top of it, the support team is amazing.

Isaac - Ecommerce Agency - User for more than 1 year
Changelog
  • Compatibility fix with Fastly
  • The "please select a shipping method" text can be translated in the checkout
  • Fix on the control to force the selection of a shipping method if the Click & Collect is not selected
  • Fix for a control in the checkout when selecting shipping methods
  • Fix when there is no quote in the session
  • Fix when adding a product to cart when it has no quote yet
  • Fix for the checkout display when adding products to cart
  • Fix when creating orders from the back-end
  • Fix for the method used to retrieve quotes in the checkout to avoid the following error:
    Infinite loop detected, review the trace for the looping path
  • Fix when passing an order during the payment validation

Bug fix

  • Fix for the time slots reservations
  • Fix for SKUs with an apostrophe
  • Fix for the products availability calculation in points of sale for quantities in the cart that are greater than 1
  • Fix for the display of the Ship button in the orders page according to the order status and to the Decrease stock option in the shipping method configuration
  • Fix for choosing the sources in the checkout for which the products are in backorder
  • Fix when retrieving the Manage stock value for products during the checkout
  • All sources are used in the case where the product doesn't handle stocks
  • Fix for sending the order confirmation email when the customer use another shipping method than Click & Collect
  • Fix for selecting a point of sale when they are displayed as a list in the checkout (radio button)

Enhancement

  • Possibility to send a copy of the order confirmation email to the source selected during the checkout
  • Fix for products that don't need to be shipped (downloadable, virtual)

Compatibility

  • The store address is not saved as the client's shipping address when creating an account after the order has been placed
  • Fix for the field: Use the source to allow the customers to collect their orders in store
  • Minor fix for the demo store scenario

Enhancement

  • Better management for dynamic SKUs

Enhancement

  • Possibility to display the source in the checkout and/or in the store locator
  • The selected pickup point and date are emptied in the database when rolling back to the shipping method selection in the checkout
  • Minor fix for emptying the first name of the shipping address during the checkout

Bug Fix

  • Fix for the display of date/time in the orders grid
  • Fix when saving shipping information when creating orders from the back-office
  • Fix for the missing file: js/checkout-data.js
  • The first available shipping method selection is removed if no method is selected

Enhancement

  • Sample data updated for the demo
  • Fix for a class constructor argument

Enhancements

  • Improved license management system (Clear code)
  • Possibility to display the title of the shipping method only in the backend order page instead of the complete description
  • The Click & Collect block is not displayed in the checkout if no source is available
  • The billing address is emptied if Click & Collect is enabled
  • The date format configured in the shipping method is also used in the checkout

Bug Fix

  • Fix for orders with the Sagepay payment method (from Magenest)
  • Fix for the JS configuration file
  • Use of the date format configured in the shipping method in the checkout summary

Enhancement

  • The billing address is emptied in the checkout when selecting Click & Collect as the shipping method
  • Fix for the display of the option in the checkout when the method is enabled or disabled

Enhancement

  • The Click & Collect block is not displayed if no source is available
  • Fix for retrieving the Click & Collect method title when placing an order
  • Minor fix on code
  • License system enhancement

Enhancement

  • The Click & Collect name in the shipping address uses the title of the shipping method in the configuration

Compatibility

  • Compatibility of the email templates with Magento 2.3.4
  • Fix for the color assignation when there is more than 11 sources
  • Fix for an error message in the checkout

Enhancements

  • Dynamic sample data
  • Sample data available for the calendar
  • Fix for the calculation of available time slots in the checkout
  • Minor change in CSS files

Enhancement

  • Possibility to define a maximum number of pickups per time slots
  • Sample data added for the demo
  • Fix for the source's stock status at the level of the checkout

Bug Fix

  • Fix for selecting pickup locations using radio buttons in the checkout

Bug Fix

  • Fix on the Place Order button for Paypal Express template
  • Enhancement of the fallback management for the points of sale
  • The Click and Collect option is not proposed for multi-shipping
  • Pickup locations addresses are now taken into account in the checkout calculation when users are logged in
  • Modifications of permissions for the demo

Compatibility

  • Fix on the name of an interface
  • Fix when saving the pickup location
  • Fix for the access to objects sources properties (PHP)
  • Fix when retrieving available sources in the checkout if a product is not linked to a source
  • Fix on a directory name
Demo store
Front-end
Back-end
Login
Click&Collect
Password
Click&Collect123

Stay tuned and get a coupon code of 10% off any purchase while creating your account!

Subscribe now for updates, promotions and products launch twice a month at most.

Please indicate a valid email