このガイドは、makeshopでご利用いただけるノーコードデザイン機能における、U-KOMIのタグ設置ガイドです。
従来のテンプレートデザインとは異なり、コーディングやデザインの専門知識がなくても、ショップのデザインを作成・管理できる機能です。あらかじめ用意された テンプレート から選び、 セクション を並べてページの構成を整え、カラーやフォントを調整するだけで、簡単にページを作成することが可能です。
✍️ ノーコードデザイン機能の詳細はこちらのページをご覧ください。
☝️ すでにテンプレートを作成・設定済みの方は、設置編にお進みください。
① makeshop管理画面の テンプレート選択・編集 ページより、 ノーコードデザインを使用する を押します。
makeshop：テンプレート選択・編集より、「ノーコードデザインを使用する」を押す
② テンプレートを追加 を押します。
makeshop：テンプレートを追加を押す
③ お好きなテンプレートを選択し、この内容で決定 を押します。
makeshop：テンプレートを選択し、「この内容で決定」を押す
トップページにレビューが表示されるには、公開済みで、かつ評価が高いレビューが10件程度以上存在している必要がございます。
① 設置したいテンプレートの テンプレートを編集 を押します。
makeshop：「テンプレートを編集」を押す
② セクションを追加 を押し、レビュー を選択します。
makeshop：「セクションを追加」＞「レビュー」
③ タイトルなどを設定し、保存 を押せば完了です。
makeshop：設定後、「保存」を押す
商品一覧ページ・検索ページ・トップページの新商品・おすすめ商品・スペシャル商品などにスターレーティング（星評価）が表示されます。
① 画面左上の テーマ（サイト全体）を押します。
makeshop：テーマ（サイト全体）を押す
② スクロールし、「表示項目」の レビュー にチェックを入れ、保存 を押します。
makeshop：レビューにチェックを入れ、保存を押す
☝️ ノーコードデザイン機能では、下記の項目を設定することができます。
タイトル・サブタイトル・アンダーライン
タイトル・サブタイトル・アンダーラインの表示位置（PC画面の場合）
右パネルに表示されているレビューの見た目は、実際のショップ画面で表示されるレビューの見た目とは少々異なります。
実際の見た目を確認したい場合は、上部にあるプレビューボタンを押してご確認ください。
makeshop：プレビューボタンの位置
※ 以下のレビュー設定は右パネルには反映されないため、実際の画面表示を確認する場合はプレビューボタンを押して確認してください。
設定項目 | 説明 | 選択肢 |
表示するレビュー数 | トップページに何件レビューを表示させるかを設定します。 | 1〜20 |
並び順 | 表示されるレビューの順番の基準を設定します。 | 日付順,評価順,いいね順,購入確認順,写真・動画付き順 |
並び方向 | レビューを降順と昇順どちらで表示させるかを設定します。 | 降順,昇順 |
投稿日を表示する | レビューと共に投稿日を表示させるかどうかを設定します。 | チェック：表示する チェックなし：表示しない |
上下の余白 | レビューセクションの上下にどのくらい余白をもたせるかを設定します。 | 最小,標準,大きめ,最大 |
ノーコードデザインについての詳細は、下記のマニュアルをご覧ください。
以上が、ノーコードデザイン機能におけるU-KOMIのタグ設置ガイドとなります。