SAKU Gift Option: What customers see and how they buy

This article explains how the gift option looks to customers and how they buy with it once setup is done. To check it in your store, the status must be set to "Active" and saved, and the block must be added to your theme and saved. Before that, you can only see it in the app's "Preview".

In this article

• How it looks on product pages (closed and open)
• How extra fields appear when a gift is chosen
• How it looks in the cart and at checkout
• How it looks in different languages and when errors occur

Where to look: the product pages and cart page of your store that customers see

Overview

1. On the product page, open the "Gift options" heading and choose a gift (1️⃣2️⃣).
2. Choose or fill in the extra fields (3️⃣).
3. Add the product to the cart (4️⃣). For an entire-order gift, choose the gift on the cart page (5️⃣).
4. Go to checkout (6️⃣).

What you need before you start

• SAKU Gift Option is installed
• The status in the app's "Gift Option Settings" is "Active" and saved
• The block for your scope has been added to your theme and saved

1️⃣ See the gift option on a product page

Open a product page of your store in a browser to check. The product page shows a collapsible "Gift options" heading, closed at first, with an open/close icon on the right. On the Basic plan, if you have enabled "Show thumbnail", the product image appears to the left of the heading. On the Pro plan, the thumbnail image you chose in the app is shown (it does not change when customers choose). It's shown as a reference image even before a gift is chosen.

You can change the heading text with "Title" in the theme editor. If there's a translation for the language, the translation is used. If the title is still the default ("Gift options"), the standard text for each language is shown.

2️⃣ Open the heading and choose a gift

Click the heading to open it. The dropdown menu starts at "No thanks".

Each choice shows the display name and the amount added, for example "Gift wrapping (+5.00USD)" (stores in yen show the amount in yen). Choices priced at 0 show only the display name. Gifts with no display name don't appear in the list. If the thumbnail is on, it switches to the image of the selected gift.

With the "Use product information" method, choices are shown as "Product name (+price currency)". If the gift product can't be purchased, it can't be selected and shows "Product name — Currently unavailable".

[Pro plan] When you have added several gift options
One dropdown appears for each gift option, in the order set in the admin. A gift option with a heading shows it above its dropdown (if the heading is blank, only the dropdown is shown). Additional info appears right below its gift option, only when that gift option is chosen.

The red box shows a product page with two gift options. Choosing "Message card" shows "Card color" and a message box right below it; choosing "Wrapping" shows "Ribbon color" right below it.

3️⃣ Choose or fill in the extra fields

When a customer chooses anything other than "No thanks", the extra fields (ribbon color, message card and so on) appear. Dropdowns start with "Please select", and text goes in the box marked "Please enter".

If the text is longer than the maximum length, a red error appears below the field and the item can't be added to the cart.

4️⃣ Add to cart

When the product is added to the cart, the chosen gift appears as an option attached to the item in the cart. What appears when an item is added to the cart depends on your theme.

The red box shows the gift contents in the cart. The chosen gift options and additional info are listed below the product, and the prices of the gift options are added to the product price.

Per-product gifts follow the quantity of the purchased item. If the item is removed, the gift is removed with it.

5️⃣ Choose on the cart page (Entire order)

When "Application Scope" is "Entire order", the block is shown on the cart page, already open. The customer chooses a gift from the dropdown, fills in the extra fields, and clicks "Add gift option" (it can't be clicked until a gift is chosen). Once added, the chosen details and price are shown, and the button changes to "Remove gift option". The gift has a quantity of 1 for the whole order.

The red boxes show the "SAKU Gift (Cart)" block you add in the theme editor, the gift option shown in the cart, and the Save button.

For setup, see "How to set a gift option for the entire order".

The red box shows where you choose "Entire order" under "Application Scope" and the setting that routes customers through the cart page before checkout.

6️⃣ Go to checkout

Just before checkout, "Preparing checkout…" may appear. The gift price is added to the checkout total.

If the customer changes item quantities or removes items, the gifts are adjusted to match.

Languages and errors

• Text you translated in the admin is shown in the customer's language. Text you didn't translate is shown as set in the app.
• Fixed text such as "No thanks" and "Please select" is available in Japanese, English, Simplified Chinese, Traditional Chinese and Korean, and is shown in English for other languages. Messages customers type are not translated.
• If processing fails, "Something went wrong. Please try again later." appears.
• If the whole cart exceeds the limit, "The gift information exceeds the limit. Please shorten your messages or split your order." (or the message you set) appears.
• When the gift settings have changed, old gifts left in the cart are removed, and "Gift settings have changed. Please select your gift again, or continue without the removed gift." appears with the button "I have reviewed the changes".

With some themes, the gift option doesn't work in the small "quick add" window that opens from a product list to add items to the cart quickly.

For translations, see "How to set up translations for multiple languages". For limit errors, see "How to set the input limit error message".

Troubleshooting

• The gift option doesn't appear
  See "What to check when the option doesn't show or can't be added".
• A choice can't be selected and shows "Currently unavailable"
  With the "Use product information" method, the gift product can't be purchased. Check where it's published, the markets it's sold in, and that inventory tracking is turned off.
• The cart doesn't look the way I expected
  How gifts look depends on your theme. Check with your actual theme.