How To Add Product Delivery Options
In Tilda, you can add several product delivery options that will be displayed in the shopping cart. This guide will show you what options are available for configuring in your project.
Show
Show
Show
Show
Show
For delivery options to be available to clients, be sure to have the ST100 block Shopping cart with an order form added to your website.
Adding simple delivery options via the "Delivery variants" field in the shopping cart
Simple delivery options are useful if you have a limited list of delivery options with a fixed price. For example, you only offer in-store pickup and several delivery options in specific areas with a price that does not change.

To add simple delivery options, click on the "Content" in the ST100 block and open the "Input fields" tab. Click on the "Add input field".
In the block Content panel: the "ADD INPUT FIELD" button below the list of fields.
Select the "Delivery variants" field type from the list.
In the block Content panel: the "Delivery variants" option selected from the field type drop-down list.
List the delivery variants, using a line break to separate them. If the delivery variant isn’t free, add the = sign and enter the price (numbers only, no currency sign).
The "VARIANTS" text field in the "#4 DELIVERY VARIANTS Delivery" section of the cart block settings.
An option to select a delivery variant will appear in the shopping cart. The delivery cost will be added to the price.
Cart pop-up: delivery options under "Delivery" in the checkout form.
If your online store has an Online Store Customer Account enabled, the selected delivery option will be displayed to the buyer in the order card.
The "PAYMENT" section with shipping costs and the "DELIVERY" section with the delivery method name on the order details page.
In the Leads section of the order card, delivery information will be automatically displayed in the Delivery block as well together with the price.
Order card in Tilda CRM: the "DELIVERY" section with the delivery method name and price at the bottom left.
When using this option to add delivery variants, the address input fields are not displayed automatically.

To allow the buyer to enter an address, you need to add a separate field manually. The following fields are suitable for adding an address: Text comment, One-line input field, and Multi-line text field.
If you need more complex delivery options for your store, such as a calculator, use the built-in and integrated delivery services.
Using the advanced mode for delivery settings
To enable delivery services in your project and use the advanced settings, open the Content block of the ST100 "Shopping cart with an order form" block. Find or add the "Delivery variants" field if you haven’t already.

Expand the field completely and select the Use advanced delivery settings mode option checkbox. Save the changes in Content before closing the block.
In the Content panel of the cart block, the checkbox "Use advanced delivery settings that allow you to connect integrated delivery services" under "DELIVERY VARIANTS".
To create and configure advanced delivery options, go to Site Settings → Delivery. You can create two custom delivery options.
If the "Use advanced delilvery settings" checkbox is selected in the "Delivery variants" field, only services added in Site Settings → Payment Systems → Delivery services will be displayed as options in the cart.
Creating a custom option with delivery at an address
To make this delivery option available in the shopping cart, you need to enable advanced settings mode first.
This delivery option is suitable if you self-deliver goods or involve third-party couriers, such as taxis. It allows you to better configure your courier delivery option, create separate options for each city or area, and set a minimum order amount.

Go to Site Settings → Delivery and select the "Deliver to a custom address" option.
Site Settings: the "Delivery" section under Integrations in the left menu, opening custom delivery options.
Specify a name for the delivery option and the delivery time. If the option is available in a specific city, please specify it. If you work with several cities, you need to create several delivery options at an address. If the delivery option is not city-specific, keep it blank.
The "Delivery service connection: Custom option with order delivery to the address" settings with the "NAME*", "MINIMUM NUMBER OF DELIVERY DAYS*", and "CITY" fields.
Add a hint and select additional fields the buyer will need to fill in.
Delivery service settings: The "Apartment / Office" checkbox in the "FIELDS" section.
If you want to hide the delivery from the shopping cart temporarily, select the Disable delivery option in the settings.
Delivery service settings: The "Disable delivery" checkbox at the bottom of the form.
Creating a custom order pickup point
To make this delivery option available in the cart, you need to enable advanced settings mode first.
This delivery option is suitable if you have your own pickup points, such as retail stores. You can add several pickup points and add a map so that a customer can easily see where to pick up their order.

Go to Site Settings → Delivery and select the "Custom pickup points" option.
Site Settings > Delivery: the "Custom pickup points" card under "CUSTOM DELIVERY OPTIONS".
Specify the delivery time, its price, and the city if you have pickup points in several cities. You will need to create a separate delivery option for each city. When selecting a city, the addresses of pickup points in that city will be displayed.
Delivery service connection: settings form for "custom option with pick-up points" with the "NAME", "MINIMUM NUMBER OF DELIVERY DAYS", and "CITY" fields.
Add the addresses of the pickup points to be shown in the list.
Delivery settings: "ADDRESSES" section with fields for "NAME*", "ADDRESS", "BUSINESS HOURS", "ADDRESS COMMENT", and "PHONES".
Once you have completed this, when you select a city in the shopping cart, all pickup points added in this city will be shown.
Payment system visibility conditions in delivery options
This feature is available in test mode. To enable it for your project, go to Profile and select the "Opt-in to become a beta tester and try new features before they are released" checkbox.
On Tilda, you can configure which payment systems a delivery service should work with. To do this, go to the settings of the delivery service, find "Available payment systems", and deselect the checkbox for the payment system that should not be available for this delivery option.
Delivery service settings: checkboxes for connected payment systems under "AVAILABLE PAYMENT SYSTEMS".

How to create an online store or accept payments for single goods and services on Tilda website builder

A guide to selling single products or services in online stores created on Tilda website builder

Setting up automatic customer notifications with order details for online stores created on Tilda website builder

Allowing customers to order online and pay later in online stores created on Tilda website builder

Creating a fully-fledged online store and assigning a shopping cart to it on Tilda website builder

Настройка возможности сохранять товар в избранное для магазина на Тильде

Using Product Catalog or adding new products manually using blocks from the "Store" category in Tilda Block Library.

How to set up personal accounts for customers with order history and manage orders as a store owner

You can connect Stripe, PayPal, Verifone, and other payment systems to your Tilda website to receive online payments.

Made on
Tilda