デジタル商品ブロック

デジタル商品ブロ⁠ックを使用してゲ⁠ート付きコンテンツへのアクセスを販売し⁠、訪問者にサインア⁠ップを促しまし⁠ょう⁠。

最終更新日 2025年1月23日

訪問者は⁠、デジタル商品ブロ⁠ックを使用して料金プランへのサインア⁠ップと支払いを行います⁠。サイトの任意のペ⁠ージ⁠、ブログ投稿⁠、またはコンテンツ エリアにデジタル商品ブロ⁠ックを追加してゲ⁠ート付きコンテンツを宣伝できます⁠。また⁠、複数のブロ⁠ックを含むサインア⁠ップ ペ⁠ージを作成して⁠、訪問者がすべてのメンバ⁠ーシ⁠ップ オプシ⁠ョンを比較できるようにすることもできます⁠。

このガイドでは⁠、デジタル商品ブロ⁠ックを追加してスタイル設定を行う方法について説明します⁠。

ヒント

Squarespaceウ⁠ェビナ⁠ーの作成および販売オンラインコ⁠ースに登録すると⁠、カリキ⁠ュラムの準備⁠、オンラインコ⁠ースの構築⁠、料金プランを利用したコ⁠ースの収益化に関するガイダンスを受講できます⁠。

始める前に

デジタル商品ブロ⁠ックを追加する

デジタル商品ブロ⁠ックを追加する方法は以下の通りです⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加 ⁠] または挿入箇所をクリ⁠ックして⁠、ブロ⁠ック メニ⁠ュ⁠ーから [⁠デジタル商品⁠] を選択します⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご覧ください⁠。
  2. ブロ⁠ックに表示される鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠コンテンツ⁠] タブの [⁠料金プランを選択⁠]ドロ⁠ップダウン メニ⁠ュ⁠ーから⁠、いずれかの料金プランを選択します⁠。
  4. [⁠デザイン⁠] タブをクリ⁠ックしてブロ⁠ックの配置を設定し⁠、ブロ⁠ックに表示される詳細を編集します⁠。
  5. サイトの文章のト⁠ーンに合わせ⁠、既定のボタン テキストを置き換えることができます⁠。

また⁠、プロがデザインしたデジタル商品用ペ⁠ージ レイアウトのいずれかを使用して⁠、サイトに新しいペ⁠ージを追加することもできます⁠。これらのペ⁠ージでは⁠、テキスト⁠、画像⁠、デジタル商品ブロ⁠ックの様⁠々な組み合わせを使⁠ってゲ⁠ート付きコンテンツを宣伝できます⁠。ペ⁠ージを追加し終わ⁠ったら⁠、上記の手順に従⁠ってデジタル商品ブロ⁠ックをカスタマイズできます⁠。

料金プランの詳細を編集する

デジタル商品ブロ⁠ックの [⁠デザイン⁠] タブで以下のオプシ⁠ョンのトグルのオンとオフを切り替え⁠、ブロ⁠ックに表示する詳細を選択します⁠。

  • タイトル
  • 説明
  • 料金
  • 特典
  • ボタン

[⁠料金⁠] を無効にする場合は⁠、料金プランの説明に料金を記載することをおすすめします⁠。これにより⁠、メンバ⁠ー登録を検討しているユ⁠ーザ⁠ーは⁠、精算時のおおよその支払い額を把握できます⁠。

2つの料金オプシ⁠ョンが含まれる料金プランでは⁠、デジタル商品ブロ⁠ックに表示される料金オプシ⁠ョン ピ⁠ッカ⁠ーを非表示にすることはできません⁠。

ヒント

料金プランのタイトル⁠、説明⁠、または料金を編集するには⁠、料金プランの設定に移動します⁠。

デジタル商品ブロ⁠ックのスタイルを設定する

デジタル商品ブロ⁠ックのスタイルを設定したり⁠、ボタンや料金オプシ⁠ョン ピ⁠ッカ⁠ーをカスタマイズしたり (⁠該当する場合⁠) できます⁠。ブロ⁠ックのデザインを変更する方法は⁠、サイトのバ⁠ージ⁠ョンによ⁠って異なります⁠。

デジタル商品ブロ⁠ックのフ⁠ォント

料金プランの説明と料金にはサイト全体で使われているフ⁠⁠ォントと同じスタイルが適用され⁠⁠、[⁠⁠段落⁠⁠] の微調整オプシ⁠⁠ョンに従います⁠⁠。タイトルも同じ微調整オプシ⁠⁠ョンに従いますが⁠⁠、若干大きく表示されます⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開きます⁠⁠。
  2. [⁠⁠フ⁠⁠ォント⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠段落⁠⁠] をクリ⁠⁠ックします⁠⁠。

料金プランの説明と料金には⁠⁠、本文と同じスタイルが適用されます⁠⁠。タイトルも同じ微調整オプシ⁠⁠ョンに従いますが⁠⁠、若干大きく表示されます⁠⁠。

ボタンのフ⁠ォントとデザイン

ボタンのスタイルを設定する方法は以下の通りです⁠⁠。

  1. デジタル商品ブロ⁠⁠ックを含むペ⁠⁠ージを開きます⁠⁠。
  2. [⁠⁠編集⁠⁠] をクリ⁠⁠ックしてサイト スタイルを開き⁠⁠、[⁠⁠ボタン⁠⁠] をクリ⁠⁠ックします⁠⁠。

ボタンに表示されるテキストを変更するには⁠⁠、デジタル商品ブロ⁠⁠ックを編集し⁠⁠、[⁠⁠ボタン テキスト⁠⁠] を変更します⁠⁠。ボタンのテキストは⁠⁠、[⁠⁠ボタン⁠⁠] のフ⁠⁠ォントの微調整オプシ⁠⁠ョンに従います⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開きます⁠⁠。
  2. [⁠⁠フ⁠⁠ォント⁠⁠] をクリ⁠⁠ックし⁠⁠、次に [⁠⁠ボタン⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 微調整オプシ⁠⁠ョンの最初のセクシ⁠⁠ョンを使用して⁠⁠、ボタン フ⁠⁠ォントのスタイルを設定します⁠⁠。ボタンに表示されるテキストのサイズは⁠⁠、ボタン (⁠⁠中⁠⁠) の微調整オプシ⁠⁠ョンに従います⁠⁠。

ボタンに表示されるテキストを変更するには⁠⁠、デジタル商品ブロ⁠⁠ックを編集し⁠⁠、[⁠⁠ボタン テキスト⁠⁠] を変更します⁠⁠。ボタンのスタイルとフ⁠⁠ォントは [⁠⁠ボタン⁠⁠] の微調整オプシ⁠⁠ョンに従います⁠⁠。以下をご覧ください⁠⁠。

  1. デジタル商品ブロ⁠⁠ックを含むペ⁠⁠ージを開きます⁠⁠。
  2. [⁠⁠サイト スタイル⁠⁠] パネルを開きます⁠⁠。
  3. [⁠⁠ボタン⁠⁠] の下にある微調整オプシ⁠⁠ョンを使用して⁠⁠、ボタンのデザインとフ⁠⁠ォントを編集します⁠⁠。ボタンに表示されるテキストのサイズは変更できません⁠⁠。

詳しくは⁠⁠、「⁠⁠ボタンのスタイル設定⁠⁠」をご覧ください⁠⁠。

料金オプシ⁠ョン ピ⁠ッカ⁠ーのデザイン

料金プランに2つの料金オプシ⁠ョンが含まれる場合は⁠、料金プランのタイトルの上に料金オプシ⁠ョン ピ⁠ッカ⁠ーが表示されます⁠。

Digital product block showing two fixed price plans.jpg

 

料金オプシ⁠⁠ョン ピ⁠⁠ッカ⁠⁠ーのフ⁠⁠ォントとスタイルは [⁠⁠ボタン⁠⁠] の微調整オプシ⁠⁠ョンに従い⁠⁠、テキストのサイズはフ⁠⁠ォントの基本のサイズに従います⁠⁠。料金オプシ⁠⁠ョン ピ⁠⁠ッカ⁠⁠ーのテキストのパデ⁠⁠ィングやボタンの形状は変更できません⁠⁠。

料金オプシ⁠⁠ョン ピ⁠⁠ッカ⁠⁠ーのスタイルとフ⁠⁠ォントは⁠⁠、[⁠⁠ボタン⁠⁠] の微調整オプシ⁠⁠ョンに従います⁠⁠。料金オプシ⁠⁠ョン ピ⁠⁠ッカ⁠⁠ーのボタンの形状は変更できません⁠⁠。

料金オプシ⁠ョン ピ⁠ッカ⁠ーには⁠、2つのオプシ⁠ョンが自動的に表示されます⁠。各オプシ⁠ョンのテキストは⁠、支払い回数 (⁠定額料金の場合⁠) と更新頻度 (⁠定期サブスクリプシ⁠ョンの場合⁠) のどちらかです⁠。このテキストをカスタマイズする方法はありません⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。