カートに入っている商品(0点)
![first-view](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/083/large/e1ef8153-1f50-4e3e-a031-274567c785bd.jpg?1623893551)
![first-view](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/084/large/38e63868-9ba7-4bdb-bf64-47753aa48a2f.jpg?1623893557)
![slide_01](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/082/medium/acbfec60-f9cd-431d-af62-25fbb7283603.png?1623893551)
LPで使える編集アイテムサンプル集
はじめにお読みください
①作りたいLPの構成にあわせて各種編集アイテムを使用してください。
なお、一部の編集アイテムには複数のデザインのバリエーションがあります。一度選んで設定した編集アイテムのデザインバリエーションは、簡単に変更することができますので、お好きなデザインをお選びください。
<バリエーション変更方法>
1)登録した編集アイテムの右下をクリックすると、デザインバリエーションの選択肢がプルダウンで表示されます。(参考画像の赤枠部分を御覧ください)
2)お好きなバリエーションを選択してください。
![(750)](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/075/large/346c10b9-bf77-4eca-b9db-f171e6b5ef85.png?1623854140)
②ボタンリンクや、各編集アイテム内にある「リンク先url」には、外部ページへの遷移はもちろんのこと、同じLP内の特定の編集アイテムに遷移させることができます。
<手順>
1)遷移させたい先の編集アイテムの左上に表示される番号をクリックし、IDを取得します。
2)「リンク先url」に【#item●●●】と記入してください。●●●には1で取得したIDを入れてください。
例:#item351
![(777)](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/085/large/d9eb47fe-0fba-4913-b958-2e6dbdda543c.png?1623895394)
左上の番号をクリック→表示されるIDの数字部分をコピー
実際に同じLP内の特定の編集アイテムに遷移させるよう設定したボタンリンクはこちらです↓↓
各種アイテムのサンプルをご覧ください
■ファーストビューアイテムのサンプルです
LPの最上部に掲載するファーストビューを作成するアイテムです。「通常」と「全画面」の2サイズから選ぶことができます。
![first-view](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/057/large/1376a6c4-272c-4bbb-9100-32bfbff9b24d.jpg?1623746563)
![first-view](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/058/large/513f9ba6-75b0-4105-86f2-4bb529832dea.jpg?1623746574)
![slide_01](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/056/medium/b5692085-994a-4876-a556-e7af01a9f8b8.png?1623746562)
■見出しアイテムのサンプルです
見出しアイテムのサンプルです
ここに見出しのコピーやルビを入れることができます■レイアウトアイテムのサンプルです
商品の特徴や使い方などを紹介する時にお使いいただける、画像とテキストを組み合わせたアイテムです。画像やテキストの位置を自由にお選びいただけます。
![レイアウトのサンプルです](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/076/large/8091bf65-b934-443f-830a-7d8fe8285d5c.jpg?1623855202)
レイアウトのサンプルです
リードコピーが入ります
本文が入ります
■カラム型レイアウトアイテムのサンプルです
横に最大4つまで画像とテキストの組み合わせを並べられるアイテムです。(スマートフォンでは縦に並びます)
■画像アイテムのサンプルです
シンプルに1枚の画像を見せたい時にお使いいただくアイテムです。
![(754)](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/079/large/539b4626-e8bc-489a-bbf6-85bea890cd71.jpg?1623856659)
■カバーアイテムのサンプルです
画像の上にテキストを入れたい時にお使いいただくアイテムです。
![カバーアイテムのサンプルです](https://cdn.clipkit.co/tenants/1064/item_field_assets/assets/000/000/080/large/dd0b6230-f964-4888-b12c-93d3d76fb029.jpg?1623891418)
カバーアイテムのサンプルです
リードコピーが入ります
本文が入ります
■ボタンリンクのサンプルです
ボタンリンクのみ掲載したい場合にお使いいただくアイテムです。自由にボタンの色を変えられます。
■画像リンクのサンプルです
画像から任意のページに遷移させたい時にお使いいただくアイテムです。
■テーブルアイテムのサンプルです
行と列を自由に増やすことができます。また、テキストは左寄せ・センタリング・右寄せを自由に選べます。
A列 | B列 | C列 | |
行1 | ● | ✗ | - |
行2 | ✗ | - | ● |
行3 | - | ● | ✗ |
■ギャラリーアイテムのサンプルです
画像を複数枚並べたい時にお使いいただくアイテムです。(画像は各デザインに適したサイズに自動的にトリミングされます。)
■Shopifyアイテムのサンプルです
API連携しているShopifyのストアからアイテム情報を埋め込めるアイテムです。
■注釈アイテムのサンプルです
注釈アイテムのサンプルです