例えば、商品を取り扱うオンラインストアや、オンライン講座を販売するためのプロモーションページを作成し、商品ごとに独自のショッピングカートを設定することができます。ショッピングカートの柔軟な設定により、ウェブサイト上で最も非標準的な販売シナリオを構築することが可能です。

プロジェクトにショッピングカートを追加するには、ブロックライブラリに移動し、「Store」カテゴリをクリックします。リストからST100「注文フォーム付きショッピングカート」ブロックを選択してください。

ショッピングカートがウェブサイト上で正しく表示されているかを確認するには、プレビュー画面に移動し、ショッピングカートのアイコンをクリックしてください。

プレビューでは、テスト用商品がデフォルトでショッピングカートに表示されています。この商品はプロジェクトには存在せず、プレビューでの表示専用に使用されています。

決済システムや配送サービスが正常に動作するかどうかを確認するには、ショッピングカートを搭載したページを公開する必要があります。公開されたページで、商品をショッピングカートに追加し、すべての項目を入力して、注文を送信してください。

ショッピングカートは、個別のプロジェクトページにも、プロジェクト全体にも追加できます。

ショッピングカートをプロジェクト全体に配置する。 複数ページからなるウェブサイトの場合は 、顧客が常に目にするように、ヘッダーまたはフッターにショッピングカートを配置してください。

特定のページにショッピングカートを配置する。商品カタログを使用せず、単品販売を行っている場合や、ページごとに異なるショッピングカートの設定が必要な場合は、各ページにショッピングカートブロックを追加することができます。

オンラインストアのヘッダーとフッターにショッピングカートを配置する。『 Tilda 』では 、オンラインストア内の商品関連ページにのみ、ヘッダーとフッターを個別に追加することができます。これを行うには、商品カードがページとして開かれるように設定する必要があります。カードの操作に関する詳細なガイドは、こちらのリンクからご覧いただけます。

ショッピングカートは、購入者が少なくとも1つの商品をカートに追加した後にのみ、ページに表示されます。商品が追加されていない場合、ショッピングカートのアイコンは表示されません。

購入者が商品をショッピングカートに追加すると、注文フォームが表示されたポップアップウィンドウが画面に現れます。

商品選択後にショッピングカートを表示するオプションを無効にすると、注文フォームへの入力を完了することなく、商品がショッピングカートに追加されます。購入者は、後でショッピングカートにアクセスした際に、フォームへの入力を完了することができます。

タグをクリックすると、ガイド内の必要な設定の説明に直接移動します。

ウェブサイト訪問者があるページで商品をショッピングカートに追加した後、別のページを開いたり、ウェブサイトを閉じたりした場合でも、その商品は30日間ショッピングカートに残ります。この期間はブロック設定で変更できます。0に設定すると、ショッピングカートのポップアップが閉じられるとすぐに、その商品はショッピングカートから削除されます。

デフォルトでは、ショッピングカートには決済オプションが設定されていません。ウェブサイト設定から個別に連携する必要があります。1つ以上の決済システムを連携させることができます。「サイト設定」→「決済システム」に移動し、リストから必要なものを選択してください。決済システムの操作方法に関する詳細はこちらに記載されています。

購入者がウェブサイトから再購入する際に連絡先情報を入力する必要がないようにするには、連絡先情報を保存するオプションを有効にしてください。

これを行うには、ST100ブロック → コンテンツ → 入力フィールドを開き、新しいチェックボックス「次回の購入のために連絡先情報を保存する」フィールドを追加してください。

ショッピングカート内のデータは購入者のブラウザに保存されるため、ウェブサイトのプライバシーポリシーに記載する必要はありません。購入者がデータを削除したい場合は、ブラウザのキャッシュを消去するだけで済みます。

転送されるすべてのデータは暗号化されており、第三者による傍受から保護されています。

10ドルなど、特定の金額以上から注文を受け付けたい場合は、最低注文金額を指定することができます。

購入者がそれより金額の低い商品を選択した場合、その商品はショッピングカートに追加されますが、「チェックアウト」ボタンは非アクティブ状態となり、ショッピングカート内にヒント文が表示されます。

購入者は、貴社のウェブサイト上で注文フォームを使用して情報を入力します。これを設定するには、ST100ブロック内の「コンテンツ」をクリックしてください。その後、以下の手順に従ってください：

— 購入者が入力するフィールドを追加・設定し、各フィールドにラベルを割り当てます；
— 必須項目となるフィールドを選択します；
— フォームから送信されたリードを受け取るために、データ収集サービスを連携させます。

ブロック設定では、ショッピングカートや各フィールドのスタイルを選択できます。

デフォルトでは、フォームのデータは「見込み客」セクションに30日間保存されます。この保存期間は、「サイト設定」→「フォーム」→「フォームの一般設定」で最大90日まで変更できます。

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

詳細については、「データ収集サービス」ガイドをご覧ください。

連携済みの配送サービスと、組み込みの「配送バリエーション」フィールドを使用して、ショッピングカートで配送設定を行うことができます。このガイドでは、プロジェクトに配送サービスを追加し、それらをショッピングカートに連携させる方法について説明します。

以下では、連携済みの配送サービスがない場合の「配送バリエーション」フィールドのオプションについて説明します。

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

配送料が無料でない場合は、「=」記号を入力し、通貨記号なしで配送料を指定してください：

ウェブサイトにオンライン決済機能が用意されておらず、ショッピングカートをリード獲得のみの目的で使用している場合は、ショッピングカート内で直接成功ページを設定することができます。ST100ブロックの「コンテンツ」をクリックし、「その他」タブに移動して、「成功ページのURL」フィールドに、必要なページへのリンクを指定してください。

プロジェクトに決済システムを連携させている場合は、決済システムの設定で「成功ページ」を設定する必要があります。設定を行うには、「サイト設定」→「決済システム」に移動し、リストからサービスを選択して、その設定画面で成功ページのURLを指定してください。