> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://con-one.crisp.help/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # コンテナ（ブロック）ウィジェット&アンカーポイントを設定 # コンテナ（ブロック）ウィジェット **コンテナウィジェット**を使用すると、**コンテナ**や**ブロック**と呼ばれる追加の要素をウェブページ上に設置できます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yt_1gd77uq.png) ### コンテナの追加方法 「ウィジェット」メニューから「コンテナ」を選択し、ウェブサイトに追加します。 コンテナを設置すると、そのページに最適な**セクション設計**が可能になります。 さまざまな設定が利用可能となり、自由なデザインが実現します。 それでは、**コンテナ設定**を詳しく見ていきましょう。 表示される主な設定項目は以下の通りです： * ブロック設定 * 列の設定 * 表示タブの設定 * ブロックの追加 ### コンテナ内で可能な編集内容 * 背景色の変更 * ビデオの追加 * グラデーションの設定 * オーバーレイの設定 * 形状ディバイダーの挿入 * アンカーポイントの設定 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yu_13d8ggc.png) ### コンテナ要素とは？ 詳細に入る前に、コンテナの基本構造を見てみましょう。 他のブロックと同様、**コンテナは水平方向・垂直方向に分割**できます。 以下の図では、コンテナが**3つの横並びのカラム**に分割されているカラムを示しています。 コンテナは最大5カラムまで分割可能です。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yu_1ats6jo.png) 分割したいコンテナまたはブロックの上部にマウスを置くと、分割ボタンが表示されます。 💡 各カラムの幅は自由に調整可能で、境界線や異なる背景色を加えることもできます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yw_184qbnx.png) ### 縦カラムの作成 カラムの活用方法を進める前に、**縦カラム（行）の追加**についてご説明します。 たとえば、既存の3カラムの**上または下に行を追加**するには、**「＋」アイコン**をクリックします。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yv_pt9rh1.png) これにより、新しい行が追加され、黒とレモン色の2カラムで構成された行が作成されます。 このカラムでは、次の構成のコンテナが出来上がりました： * 上部：2カラム * 下部：3カラム ### グローバルカラム（Global Column） **グローバルカラム（列）**は、**複数ページで同じ列（ブロック）を共有・一括編集**できる便利な機能です。 ### 作成手順： 1. 対象となるカラムを選択します 2. 右側の設定パネルで「これはグローバルカラム（列）です」を有効にします 3. ドロップダウンメニューからオプションを選択 4. カラムに名前を付けて「保存」をクリック これでそのカラム（列）はグローバルカラム（列）となり、複数ページで貼り付けても、**1ヶ所の変更がすべてのページに反映**されます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/2_1f23tp1.png) ✅ 他の通常の列は影響を受けません グローバルカラムの削除や名前の変更は、チェックを外すか、名前編集欄から行えます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/3_gx61pr.png)](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/4_i85o7j.png) ### アンカーポイント **アンカーポイント**とは、訪問者がボタンやリンクをクリックしたときに、ページ内の特定のセクションへジャンプするための目印です。 ### アンカーポイントの設定方法： 1. 「コンテナ設定」へ移動 2. 「アンカーポイント」を選択 3. わかりやすいラベルを設定 4. ボタンなどの行動喚起要素にそのラベルをリンクとして追加 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/10_7a5zz2.png) たとえば： * ボタンを選択 * リンク先としてアンカーポイントを設定 * 対象セクションやページ、ファンネルステップを選択 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/5_10x2y82.png) ### モバイルとデスクトップで異なるアンカーポイントを設定することも可能です。 ※ドロップダウンに表示されない場合は、アンカーポイントが保存されているか確認してください。 ### コンテナの追加設定 コンテナ内では以下の操作も可能です： * **コンテナ遅延表示**：指定時間後に表示 * **ドラフト（下書き）状態の非表示/作成**：訪問者に非公開に * **コンテナ位置の調整**：ページ上下への移動 **コンテナ遅延**はウィジェット遅延と同様、訪問者がページを訪れてから**一定時間後に表示されるよう設定**できます。 **非表示**または**下書きマーク**を使えば、一時的に公開しない状態にできます。 **位置調整**では、ページ内の表示順を簡単に変えることができます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/77yr77yr_wq60u9.png) ### カラムタブ カラムタブを使うと、タブをクリックしてカラム内のコンテンツを切り替えられます。 カラムタブを作成するには、タブモードを選択します。カラムの上部にタブが表示され、下部でタブの内容や動作を設定できます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1cqwm3f.png) #### タブ設定 歯車アイコンをクリックすると、タブ設定が開きます。 まず、次の4種類からタブのスタイルを選択します。 * ピル * 下線 * ミニマル * アウトライン スタイルを選択したら、必要に応じてタブのタイトル、アイコン、バッジを追加します。背景や、マウスポインターを重ねたときの表示なども設定できます。 #### タブの仕組み スライダーモードと同様に、タブごとに異なるコンテンツを用意できます。タブを選択すると、そのタブに対応するコンテンツがコンテナ内に表示されます。コンテンツは、新しく作成することも、既存のものを複製することもできます。 **注：** タブをドラッグすると、表示順を変更できます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_11vrb7b.png) # ウィジェット一覧 [フリー画像素材の活用](https://con-one.crisp.help/ja/article/unsplash-33ih4h/) [注文概要の作成](/ja/article/5roo5pah5qac6kab44gu5l2c5oiq-1qzddd8/) [ボタンの使い方](/ja/article/44oc44k44oz44gu5l244ge5pa5-qn58hv/) [見出し&テキストの活用方法](/ja/article/6kal5ye644gxjuodhuocreocueodioobrua0ueuqoawueazlq-f4tkge/) [画像の追加&設定方法](/ja/article/55s75yop44gu6l95yqgjuiorewumuawueazlq-y3wxbz/) [メニューを好きな場所に追加しよう！](/ja/article/44oh44ol44ol44o844ks5aw944gn44gq5ac05oma44gr6l95yqg44gx44ki44gg77yb-lfzcdq/) [フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜](/ja/article/44ov44kp44o844og44gu5l244ge5pa544cc44gk5zwp44ge5zci44kp44gb44cb44oh44or44oe44ks44cb44ki44oz44kx44o844oi44gq44gp44cc-1vur3i/) [クイズフォームの使い方](/ja/article/44kv44kk44k544kz44ov44kp44o844og44gu5l244ge5pa5-1lg35ja/) [チェックアウトフォーム設定](/ja/article/44ob44kn44od44kv44ki44km44oi44ov44kp44o844og6kit5a6a-3kf0xy/) [カウントダウンタイマー機能を活用しよう！](/ja/article/44kr44km44oz44oi44oa44km44oz44k44kk44oe44o85qmf6io944ks5rs755so44gx44ki44gg77yb-1cdh60i/) [ファイルマネージャー（アップロード&ダウンロード方法）](/ja/article/44ov44kh44kk44or44oe44on44o844k444oj44o877yi44ki44od44ox44ot44o844ojjuodgoocpuodsodreodvoodieawueazle8iq-1fkvgfo/) [音声メディアを作ろう!](/ja/article/6zz5aow44oh44oh44kj44ki44ks5l2c44kn44gg77yb-wgcq1l/) [画像の埋め込み方法](/ja/article/5yuv55s744gu5zl44kb6l6844g5pa55rov77yb-9ulw60/) [スペーサー](/ja/article/44k544oa44oz44k144o8-1in3yb2/) [プログレスバー](/ja/article/44ox44ot44kw44os44k544oq44o8-621ukm/) [区切り線の設定](/ja/article/5yy65yih44kk57ea44gu6kit5a6a-724dr0/) [アコーディオン](/ja/article/44ki44kz44o844oh44kj44kq44oz-ardokk/) [地図を入れてみよう！](https://con-one.crisp.help/ja/article/google-2mi0u/?bust=1751420716231) [コードを埋め込んでみよう！](https://con-one.crisp.help/ja/article/html-i59b2o/?bust=1751420606583) [スライダーの活用](https://con-one.crisp.help/ja/article/44k544op44kk44oa44o844gu5rs755so-rq0oh8/?bust=1751420472886) [埋め込みの活用](https://con-one.crisp.help/ja/article/5zl44kb6l6844g44gu5rs755so-12426x5/?bust=1751420707630) [ブログ一覧をサイトの好きな場所に設置](https://con-one.crisp.help/ja/article/44ow44ot44kw5lia6kan44ks44k144kk44oi44gu5aw944gn44gq5ac05oma44gr6kit572u-18j5acg/?bust=1751420712044) [コンテナ（ブロック）ウィジェット&アンカーポイントを設定](https://con-one.crisp.help/ja/article/44kz44oz44og44ok77yi44ow44ot44od44kv77yj44km44kj44k444kn44od44oijuocouodsocqodvoodneocpoodsodioockuiorewumg-1qfju8x/) [ネットショップウィジェットの設置](https://con-one.crisp.help/ja/article/44on44od44oi44k344on44od44ox44km44kj44k444kn44od44oi44gu6kit572u-1d7hr52/) [ギャラリーウィジェット](https://con-one.crisp.help/ja/article/44ku44oj44op44oq44o844km44kj44k444kn44od44oi-1gj9332/) [SNS（ソーシャルメディア）ウィジェット](https://con-one.crisp.help/ja/article/sns-e6qji9/) [寄付金フォーム（ドネーション）](https://con-one.crisp.help/ja/article/5ae5luy6yer44ov44kp44o844og77yi44oj44on44o844k344on44oz77yj-xd17ja/) [画像ウィジェット](https://con-one.crisp.help/ja/article/55s75yop44km44kj44k444kn44od44oi-2n2ogq/) [アイコンリスト](https://con-one.crisp.help/ja/article/44ki44kk44kz44oz44oq44k544oi-1pcdrdj/) [見出しチップ（ピル型見出し）](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/) [](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/) [チームメンバー](https://con-one.crisp.help/ja/article/44ob44o844og44oh44oz44oq44o8-n2fgf1/) [統計カウンター](https://con-one.crisp.help/ja/article/57wx6kii44kr44km44oz44k44o8-9c7uw8/) [チャート](https://con-one.crisp.help/ja/article/44ob44oj44o844oi-x0hjvy/) [料金](https://con-one.crisp.help/ja/article/5paz6yer-ys4hgc/) [料金比較](https://con-one.crisp.help/ja/article/5paz6yer5qu6lyd-1lf6kot/) [動画によるお客様の声](https://con-one.crisp.help/ja/article/5yuv55s744gr44ki44kl44gk5a6i5qey44gu5aow-4k3hd/) [画像比較](https://con-one.crisp.help/ja/article/55s75yop5qu6lyd-1vs0sxl/) [画像自動ローテーション](https://con-one.crisp.help/ja/article/55s75yop6ieq5yuv44ot44o844og44o844k344on44oz-pv1554/) [画像ホットスポット](https://con-one.crisp.help/ja/article/55s75yop44ob44od44oi44k544od44od44oi-1jg8n12/) [タイムラインウィジェット](https://con-one.crisp.help/ja/article/44k44kk44og44op44kk44oz44km44kj44k444kn44od44oi-668dre/) [お客様の声ウィジェット](https://con-one.crisp.help/ja/article/44gk5a6i5qey44gu5aow44km44kj44k444kn44od44oi-1c2jpjr/) [テーブル](https://con-one.crisp.help/ja/article/44og44o844ow44or-9v90ox/) [ソーシャルプルーフ](https://con-one.crisp.help/ja/article/44k944o844k344oj44or44ox44or44o844ov-yfiulq/) [スクロールテキスト](https://con-one.crisp.help/ja/article/44k544kv44ot44o844or44og44kt44k544oi-h3c5uc/)