Auto Add products at checkout as free gifts or paid products
Learn how to set up a free gift that automatically adds to the cart at checkout when a customer meets certain conditions. For instance, if a customer's order exceeds a hundred, a free gift is added to their cart.
When a product is added to the cart that brings the total over a hundred, an automatic free gift block appears.
To set this up, navigate to the checkout wizard app and select create extensions. When asked where the extension should appear, select
during checkout. After hitting
continue, create an
upsell. The ideal upsell design for the free gift is the
checkbox vertical. Click on
that and then click on
create block. In the display rules, establish the conditions under which the customer will receive this free gift or have this free product automatically added to their cart. Set this rule based on
cart total, cart currency, certain products or collections in the cart, or even if a specific discount code is added. This
free gift is automatically added to their checkout. If no rules are set, this block will be shown to all customers, and this product will be automatically added to all carts. For this demonstration, no display rules will be set.
Next, click on create offer to choose the specific products to auto add or give as a free gift. Select any product from this section
here and
click on add. To give it as a free gift, enable the discounts and give a hundred percent discount in the discount value section and also set a minimum cart value. Customize the discount code that will make this product free. If you don't want to give this product for free or you just want to give it at a fifty percent discount, change this to
fifty percent. If you don't want to give it for free, disable the
discount section completely.
To ensure that this product is automatically added at checkout, navigate to the
advanced configuration and enable auto add product to cart. Choose how many products or quantities of the individual products to auto add. For this demonstration, keep it at one.
Set a maximum number of products that can be added to the cart from this block to prevent customers from adding more and more free products.
After this, customize options such as text size, button size, label text color, image fit, and title.
Customize the title, subtitle, and product text from this multiple language section.
Once all of this is done, navigate to the publish block section to assign this block a location.
Choose any location from the list.
Remember this location value and then hit
save. After saving, navigate to settings in the checkout section. Add this block to your live checkout if you're ready to go live, or do it on a draft checkout and then preview it. Click on
customize. In the add a block section, click on
add app block and select check
out upsell. Enter
the same location value that was assigned in the app. Then
go back and drag and drop this
into the desired sections.
Drag and drop this to display the upsell offer in different areas. If you want to
show it on the right-hand side, place it below the discount section.
Preview directly here or on the live store. After making all changes, hit save. This completes the setup for a product to be auto added at checkout either as a free gift or as a paid product. For any doubts in the customization or implementation, or for further customization, reach out via the in-app chat, or directly via email at surya@skylama.com.
When a product is added to the cart that brings the total over a hundred, an automatic free gift block appears.
To set this up, navigate to the checkout wizard app and select create extensions. When asked where the extension should appear, select
during checkout. After hitting
continue, create an
upsell. The ideal upsell design for the free gift is the
checkbox vertical. Click on
that and then click on
create block. In the display rules, establish the conditions under which the customer will receive this free gift or have this free product automatically added to their cart. Set this rule based on
cart total, cart currency, certain products or collections in the cart, or even if a specific discount code is added. This
free gift is automatically added to their checkout. If no rules are set, this block will be shown to all customers, and this product will be automatically added to all carts. For this demonstration, no display rules will be set.
Next, click on create offer to choose the specific products to auto add or give as a free gift. Select any product from this section
here and
click on add. To give it as a free gift, enable the discounts and give a hundred percent discount in the discount value section and also set a minimum cart value. Customize the discount code that will make this product free. If you don't want to give this product for free or you just want to give it at a fifty percent discount, change this to
fifty percent. If you don't want to give it for free, disable the
discount section completely.
To ensure that this product is automatically added at checkout, navigate to the
advanced configuration and enable auto add product to cart. Choose how many products or quantities of the individual products to auto add. For this demonstration, keep it at one.
Set a maximum number of products that can be added to the cart from this block to prevent customers from adding more and more free products.
After this, customize options such as text size, button size, label text color, image fit, and title.
Customize the title, subtitle, and product text from this multiple language section.
Once all of this is done, navigate to the publish block section to assign this block a location.
Choose any location from the list.
Remember this location value and then hit
save. After saving, navigate to settings in the checkout section. Add this block to your live checkout if you're ready to go live, or do it on a draft checkout and then preview it. Click on
customize. In the add a block section, click on
add app block and select check
out upsell. Enter
the same location value that was assigned in the app. Then
go back and drag and drop this
into the desired sections.
Drag and drop this to display the upsell offer in different areas. If you want to
show it on the right-hand side, place it below the discount section.
Preview directly here or on the live store. After making all changes, hit save. This completes the setup for a product to be auto added at checkout either as a free gift or as a paid product. For any doubts in the customization or implementation, or for further customization, reach out via the in-app chat, or directly via email at surya@skylama.com.
Updated on: 12/09/2024
Thank you!