コンテナ（ブロック）ウィジェット&アンカーポイントを設定
コンテナ（ブロック）ウィジェット
コンテナウィジェットを使用すると、コンテナやブロックと呼ばれる追加の要素をウェブページ上に設置できます。
コンテナの追加方法
「ウィジェット」メニューから「コンテナ」を選択し、ウェブサイトに追加します。
コンテナを設置すると、そのページに最適なセクション設計が可能になります。
さまざまな設定が利用可能となり、自由なデザインが実現します。
それでは、コンテナ設定を詳しく見ていきましょう。
表示される主な設定項目は以下の通りです：
- ブロック設定
- 列の設定
- 表示タブの設定
- ブロックの追加
コンテナ内で可能な編集内容
- 背景色の変更
- ビデオの追加
- グラデーションの設定
- オーバーレイの設定
- 形状ディバイダーの挿入
- アンカーポイントの設定
コンテナ要素とは？
詳細に入る前に、コンテナの基本構造を見てみましょう。
他のブロックと同様、コンテナは水平方向・垂直方向に分割できます。
以下の図では、コンテナが3つの横並びのカラムに分割されているカラムを示しています。
コンテナは最大5カラムまで分割可能です。
分割したいコンテナまたはブロックの上部にマウスを置くと、分割ボタンが表示されます。
💡 各カラムの幅は自由に調整可能で、境界線や異なる背景色を加えることもできます。
縦カラムの作成
カラムの活用方法を進める前に、縦カラム（行）の追加についてご説明します。
たとえば、既存の3カラムの上または下に行を追加するには、「＋」アイコンをクリックします。
これにより、新しい行が追加され、黒とレモン色の2カラムで構成された行が作成されます。
このカラムでは、次の構成のコンテナが出来上がりました：
- 上部：2カラム
- 下部：3カラム
グローバルカラム（Global Column）
**グローバルカラム（列）**は、複数ページで同じ列（ブロック）を共有・一括編集できる便利な機能です。
作成手順：
- 対象となるカラムを選択します
- 右側の設定パネルで「これはグローバルカラム（列）です」を有効にします
- ドロップダウンメニューからオプションを選択
- カラムに名前を付けて「保存」をクリック
これでそのカラム（列）はグローバルカラム（列）となり、複数ページで貼り付けても、1ヶ所の変更がすべてのページに反映されます。
✅ 他の通常の列は影響を受けません
グローバルカラムの削除や名前の変更は、チェックを外すか、名前編集欄から行えます。
](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/4_i85o7j.png)
アンカーポイント
アンカーポイントとは、訪問者がボタンやリンクをクリックしたときに、ページ内の特定のセクションへジャンプするための目印です。
アンカーポイントの設定方法：
- 「コンテナ設定」へ移動
- 「アンカーポイント」を選択
- わかりやすいラベルを設定
- ボタンなどの行動喚起要素にそのラベルをリンクとして追加
たとえば：
- ボタンを選択
- リンク先としてアンカーポイントを設定
- 対象セクションやページ、ファンネルステップを選択
モバイルとデスクトップで異なるアンカーポイントを設定することも可能です。
※ドロップダウンに表示されない場合は、アンカーポイントが保存されているか確認してください。
コンテナの追加設定
コンテナ内では以下の操作も可能です：
- コンテナ遅延表示：指定時間後に表示
- ドラフト（下書き）状態の非表示/作成：訪問者に非公開に
- コンテナ位置の調整：ページ上下への移動
コンテナ遅延はウィジェット遅延と同様、訪問者がページを訪れてから一定時間後に表示されるよう設定できます。
非表示または下書きマークを使えば、一時的に公開しない状態にできます。
位置調整では、ページ内の表示順を簡単に変えることができます。
カラムタブ
カラムタブを使うと、タブをクリックしてカラム内のコンテンツを切り替えられます。
カラムタブを作成するには、タブモードを選択します。カラムの上部にタブが表示され、下部でタブの内容や動作を設定できます。
タブ設定
歯車アイコンをクリックすると、タブ設定が開きます。
まず、次の4種類からタブのスタイルを選択します。
- ピル
- 下線
- ミニマル
- アウトライン
スタイルを選択したら、必要に応じてタブのタイトル、アイコン、バッジを追加します。背景や、マウスポインターを重ねたときの表示なども設定できます。
タブの仕組み
スライダーモードと同様に、タブごとに異なるコンテンツを用意できます。タブを選択すると、そのタブに対応するコンテンツがコンテナ内に表示されます。コンテンツは、新しく作成することも、既存のものを複製することもできます。
注： タブをドラッグすると、表示順を変更できます。
ウィジェット一覧
更新日 15/09/2026
ありがとうございます