We will follow this structure in the article:

Setup your shop
logos and banners
shop services
payment services
link catalog
times to order
Exceptional closing days
Order x days upfront
for delivery: delivery methods

Set up your shop

There are several tabs in the shop environment:



You will find an identical menu in preparation locations. Both menus allow you to define time slots. It is important to understand the difference between the settings of ‘shops’ and ‘preparation locations’.

Shops timeslots will enable your customers to order at these specific moments. We recommend that you set up from 00h00m tot 23H59m. So people can order 24/7 in fact.

Preparations locations timeslots are the hours there will be a real client interaction, like a pickup in the restaurant. If you set up in preparation locations => delivery => time slots from 17h00m to 21h00m, clients will be able to get their delivery between these hours.

The your-shop tab allows you to change your address, add logos and banners that will be shown on the service level, add payment methods, add text that will be shown in AE front and add social media links.

Logos and banners

These are the ideal banner settings

Banners

Aspect Ratio
16:9
The browser size depends on the device (mobile, tablet & desktop). We enforce this ratio on all of them to optimize the display area. Respecting the ratio means your image will be displayed properly on all screen sizes and avoid cropping.

Recommanded Size
816px width / 459px height

Fill
Cover
The image will be resized while maintaining the aspect ratio to fill the entire available area. The entire image is made to fill the space available and be cropped if needed.

Background
The background color is white
In the event that your image does not respect the ratio and some part are transparent, the color behind the image is white.

Supported formats
JPEG, PNG, GIF

Transparency
Supported with PNG

Animated images

Not supported, even with GIF

If you enable a new service (ex. Eat in) in the settings section (shops & preparation location), don’t forget to check in the storefront section if the service is not excluded. Otherwise it won’t be shown in your webshop.

Payment services

Sayl supports different payment methods. As a customer of Sayl , you can make use of our preferred payment tarif fees, be sure to ask us.

Things to know about the payment methods:

You can rename the payment method as you like.
Other set up options are the min/max amount and to exclude services that use this payment method.

Cash

Add a new payment method → Select “cash” and set up the configuration as you wish.

Pay.nl

Our preferred partner, we do the set up for you.

Stripe

In Sayl, just add a new payment method → Select “stripe”.

Make sure that in the configuration field, you set up the environment at production and put in the correct keys.

You can find the Key and secret in your Stripe account.



Paypal

Make sure you add the payment method → Select “Paypal checkout”

If you accept paypal, then you will also have to provide us in the configuration area a client id and secret.

The link can help you retrieve this..
Make sure you put in the Live keys (not the Sandbox keys).

Mollie

Make sure you add the payment method → Select “Omnipay Mollie”

You will also need to provide the API key. Use this link to find it on the Mollie platform.

Invoice

Add this payment method if you want to force the input of a voucher before people can checkout.



Click & Collect


Your shop - Click and collect - delivery - virtual - Eatin

You can add the time slots that people can order in this service, and copy this all the other days. You can also just set it up day by day.



If you push the enable button in the right corner, this service will be activated and clients will be able to order during the hours you determined.

It is extremely important that you link a catalog to a specific service (otherwise your menu will not show up).
You can ofcourse select the same catalog per service.

Ordering time upfront

On shop level you can indicate how much time a customer at minimum must order upfront. Note that if the business rule is “A customer should at latest order 2 hours upfront” will translate in:

“4” when the timeslot settings are done per 30 minutes
“8” when the timeslot settings are set per 15 minutes
“12” when the timeslot settings are per 10 minutes, etc...



The Shift-days field lets you indicate how many days upfront an order should be placed. For example, imagine that for delivery, you do not want “same day” orders. Then you can indicate “Shift days” as 1.

Exceptions on normal day-times can also be set up in this section. You can allow or deny or to order. For example, you close on new years day.

Delivery

Your shop - Click and collect - Delivery - Virtual - Eatin

You can easily set up your delivery methods in this section. Just select the button “create a new delivery method” and “create a new delivery price”.

Select the applicable country and postal codes (don’t forget to click the add button). You can also choose the cost of delivery and set up a base amount.
You can enter multiple postal codes that you deliver to.

If you would like to work with different delivery prices, you can just add a new delivery method.

For the LS users: in order to connect your delivery method pricing from SAYL to your LS account, you must create an extra product in LS with the same PLU as the SLUG in SAYL. This may look a bit complicated but it is in fact really easy.
Let us explain with an example.

Create your delivery method in SAYL (Shops -> Delivery -> Add delivery method)



Create a new product in your LS account



Preparation location