ショッピングカートの設定方法

オンラインストアのショッピングカート設定

ショッピングカートの設定方法に関するこのチュートリアルをご覧ください

オンラインストアにショッピングカートを追加する方法
表示
オンラインストアでショッピングカートをどのように利用できるか
表示
ショッピングカートを扱う際の具体的なコツ
表示
ショッピングカートの永続化、最低注文金額、その他のパラメータ
表示
ショッピングカートを使用すると、購入者は支払い方法や配送方法を選択し、連絡先やその他の追加情報を入力できます。

Tilda、カタログから商品を選択して販売する場合や、単品商品・サービスを販売する場合にもショッピングカートを利用できます。
例えば、商品やプロモーションページを備えたオンラインストアを作成し、オンラインコースを販売できます。各商品ごとに独自のショッピングカートを設定可能です。ショッピングカートの柔軟な設定により、ウェブサイト上で最も非標準的な販売シナリオを構築できます。
ショッピングカートを追加する
プロジェクトにショッピングカートを追加するには、ブロックライブラリに移動し、「ストア」カテゴリをクリックします。リストからST100「注文フォーム付きショッピングカート」ブロックを選択します。
ショッピングカートが機能しているかどうかのテスト方法
ショッピングカートがウェブサイト上で正しく表示されているか確認するには、プレビュー画面に移動し、ショッピングカートのアイコンをクリックしてください。
プレビューでは、テスト製品が既定でショッピングカートに表示されています。この製品はプロジェクト内に存在せず、プレビュー表示専用に使用されています。
支払いシステムや配送サービスが機能するかテストするには、ショッピングカートを含むページを公開する必要があります。公開したページで、ショッピングカートに商品を追加し、すべての項目を入力して注文を送信してください。
ショッピングカートに接続されている決済システムまたは商品配送サービスが1つだけの場合、統合タイトルはショッピングカートに表示されません。

ショッピングカートに複数のサービスが接続されている場合、統合タイトルが表示されます。
ショッピングカートの使用シナリオ
ショッピングカートは、個別のプロジェクトページとプロジェクト全体の両方に追加できます。

プロジェクト全体にショッピングカートを配置する。 複数ページからなるウェブサイトの場合 ショッピングカートはヘッダーまたはフッターに配置し、顧客が常に見えるようにしてください。
ヘッダーとフッターの設定。詳細についてはガイドをお読みください。
特定のページにショッピングカートを配置する。製品カタログを使用せず個別商品を販売する場合、またはページごとに異なるショッピングカート設定が必要な場合、各ページにショッピングカートブロックを追加できます。
このオプションを使用する際、ショッピングカートの設定が重複しないようにするには、ショッピングカート設定時に「カートに商品を保存しない」オプションを選択する必要があります。
これを行うには、設定に移動し、[詳細設定]タブを開き、[カートに商品を保存しない]チェックボックスを選択します。ショッピングカートを閉じると、商品は削除されます。購入者が別のページに移動した場合、以前のショッピングカートの設定は、別のページのショッピングカートには保持されません。
オンラインストアのヘッダーとフッターにショッピングカートを配置する。 Tilda、オンラインストア内の商品関連ページにのみ、ヘッダーとフッターを個別に追加できます。これを行うには、商品カードがページとして開くように設定する必要があります。カード操作の詳細なガイドはこちらのリンクからご覧いただけます。
ページ上のショッピングカートの仕組み
ショッピングカートは、購入者が少なくとも1つの商品をカートに追加した後にのみページに表示されます。商品が追加されていない場合、ショッピングカートのアイコンは表示されません。
ショッピングカートをウェブサイトのヘッダー、フッター、またはページに追加すると、そのアイコンはプレビューで常に表示されます。アイコンをクリックするとサンプル商品が表示され、ショッピングカートの動作を確認できます。

ご安心ください。公開されたウェブサイトでは、アイコンも商品も同時に表示されることはありません。
「購入」ボタンをクリックすると、ショッピングカートが表示されます。
購入者が商品をショッピングカートに追加すると、注文フォーム付きのポップアップウィンドウが画面に表示されます。

商品選択後にショッピングカートを表示するオプションを無効にすると、注文フォームを完了せずに商品がカートに追加されます。購入者は後でショッピングカートに移動した際にフォームを完了できます。
ショッピングカートの設定では、カートを閉じるときに商品を削除するデフォルトの動作も設定できます。この設定が必要な理由や設定方法の詳細については、以下のガイドをお読みください。
ショッピングカートの表示方法の設定
ショッピングカートと支払いの基本設定
タグをクリックすると、ガイド内の必要な設定の説明に直接移動します。
ショッピングカートの永続化 
ウェブサイト訪問者があるページで商品をショッピングカートに追加した後、別のページを開いたりサイトを閉じたりした場合、その商品は30日間ショッピングカートに保持されます。この保持期間はブロック設定で変更可能です。0に設定すると、ショッピングカートポップアップが閉じられた時点で商品がカートから削除されます。
ショッピングカート内の商品を保持する期間の設定
決済システムをショッピングカートに接続する
デフォルトでは、ショッピングカートに支払いオプションは設定されていません。別途、ウェブサイト設定から接続する必要があります。1つ以上の決済システムを接続できます。サイト設定 → 決済システム に移動し、リストから必要なものを選択してください。決済システムの操作方法に関する詳細情報は、こちらに記載されています。
決済システムと通貨の設定ページ
連絡先データの保存
購入者がウェブサイトで再購入する際に連絡先情報を入力しなくて済むよう、連絡先情報の保存オプションを有効にしてください。

これを行うには、ST100ブロック → コンテンツ → 入力フィールドを開き、新しいチェックボックスを追加します:「次回購入時に連絡先データを保存する」フィールド
購入者の連絡先データを保存するオプションを有効にする
ショッピングカートのデータは購入者のブラウザに保存されるため、ウェブサイトのプライバシーポリシーに記載する必要はありません。購入者がデータを削除したい場合は、ブラウザのキャッシュをクリアするだけで十分です。

転送される全データは暗号化され、第三者による傍受から保護されています。
最低注文金額
特定の金額(例:10ドル)以上の注文から送信したい場合、最低注文金額を指定できます。

購入者がそれより低い金額の商品を選択した場合、カートには追加されますが「チェックアウト」ボタンは非活性状態となり、購入者はカート内にテキストヒントが表示されます。
注文書
購入者は、貴社のウェブサイト上でデータ送信に注文フォームを利用します。設定するには、ST100ブロック内の「コンテンツ」をクリックしてください。その後:

— 購入者が入力するフィールドを追加・設定し、タイトルを割り当てます
— 必須フィールドを選択します
— フォームからのリードを受信するため、データキャプチャサービスを接続します

ブロック設定でショッピングカートとフィールドのスタイルを選択できます。
オンラインストアの注文書
データ収集サービス
デフォルトでは、フォームデータはリードセクションに30日間保存されます。この期間は、サイト設定 → フォーム → 一般フォーム設定で最大90日まで変更可能です。

リードはメールやGoogleスプレッドシートで受信できるほか、MailChimp、GetResponse、UniSenderなどの連携サービスへ送信できます。これらの接続はサイト設定 → フォームセクションで設定可能です

詳細はデータキャプチャサービスガイドをご参照ください
ショッピングカートにおけるデータ収集サービスの連携例
配送バリエーション
ショッピングカートでは、接続された配送サービスと組み込みの「配送オプション」フィールドを使用して配送を設定できます。このガイドでは、プロジェクトに配送サービスを追加し、ショッピングカートに接続する方法について説明します。

以下では、配送サービスが接続されていない状態の「配送オプション」フィールドについて説明します。

注文時に配送オプションを表示するには、ST100ショッピングカートブロック内の「コンテンツ」をクリックします。「配送オプション」フィールドタイプを追加し、「オプション」フィールドに配送方法を各行に1つずつリストアップします。

配達が無料でない場合は「=」記号を付け、通貨記号なしで配送料を指定します:
無料の店頭受け取り
宅配便配送料 $20 =20
ショッピングカートの成功ページ
ウェブサイトでオンライン決済を提供せず、ショッピングカートをリード獲得のみに使用する場合、成功ページをカート内で直接設定できます。ST100ブロック内の「コンテンツ」をクリックし、「詳細」タブに移動します。その後、「成功ページURL」フィールドに必要なページのリンクを指定してください。
ST100ショッピングカート経由での成功ページの設定
プロジェクトに決済システムを連携している場合、決済システムの設定で成功ページを設定する必要があります。これを行うには、サイト設定 → 決済システムに移動し、リストからサービスを選択して、その設定で成功ページのURLを指定してください。

ウェブサイトで商品やサービスの支払いを受け付ける方法

オンラインストアの商品掲載手順書

複数ページからなるオンラインストア作成手順書。

追加パラメータを選択せずに商品を販売するシナリオ。

購入者が色、サイズ、時間、またはその他のパラメータを選択できるようにするにはどうすればよいですか。

Cloudpayments、ロボカッサ、ユカッサのオンラインレジ向けデータ送信方法

単品商品の販売設定

Tildaには人気の決済システムが統合されています。1つまたは複数を接続できます。

配送オプションを提案し、それぞれに異なる価格を設定できます。

注文確定前に購入者が設定できる関連オプションを追加する方法

ウェブサイトで顧客が商品を注文しただけで、後で支払うようにするにはどうすればよいですか。

製造元
Tilda