開店ガイド
運用サポート(平日10:00~17:00) 06-6485-6485

LINE ID連携紹介ページを変更する

このパートでは、スタートアップテーマに初期状態で入っている[LINE ID連携紹介]ページの内容を確認し、必要であれば表記内容を修正していきます。
[LINE ID連携紹介]ページは、[フリーページ]に、[フリーパーツ]を読み込んで作成されています。[フリーページ]画面と[フリーパーツ]画面で内容を修正していきましょう。

※LINE ID連携オプションをご利用の場合のみ。ご利用でない場合は、フッタのリンクを外してください。詳しくは、ショップ内のページ表記を確認しよう>フッターの情報を変更するをご覧ください。

[フリーページ]の基本要素を修正する

  1. [フリーページ]]をクリックし、[LINE ID連携でお買い物が便利に]のをクリックします。

  2. [フリーページ変更]画面で基本要素を修正します。
    基本要素[タイトル・URL・キーワード・概要・ページ見出し]に関して、修正が必要であれば修正します。

    [タイトル]
    HTMLの<title>要素です。
    ページ上には表示されませんが、検索結果の記事タイトルとして表示されます。
    [ページ見出し]を変更した場合は[タイトル]も合わせて同じ文言にしておきましょう。
    [URL]
    初期状態では[line-intro]となっていますが、自由に変更することもできます。
    ※ただし、変更した場合はURLが変わるので、フッターーコンテンツに初期状態で入っているURLも修正する必要があります。
    [キーワード]
    HTMLの<keyword>要素です。
    ページ上には表示されませんが、SEOを意識する場合は変更してください。
    [概要]
    HTMLの<description>要素です。
    ページ上には表示されませんが、検索結果の説明文として表示されます。
    SEOを意識する場合は変更してください。
    [ページ見出し]
    ページ上に表示されている見出しを変更できます。
    [本文]
    置換文字が表示されています。
    [フリーパーツ]で作成した内容を読み込んでいます。
    [フリーパーツ]の変更については後の手順でご説明します。
    ポイント

    このように、[フリーパーツ]で作成した内容を本文に読み込むことで、[フリーページ]の本文の記述を短縮し、htmlの煩雑さや更新・管理時にミスを防止することができます。
    他のページをご利用時にも、参考にしてください。

     

以上でページの設定は完了です。 初期状態では、どのような内容が表示されているか、一度プレビューで確認しましょう。

[フリーパーツ]で表示する内容を変更する

  1. [フリーページ]一覧の[LINE ID連携でお買い物が便利に]にあるをクリックします。

  2. 表示されるモーダルにて[デザイン確認]を選択し、プレビューを表示します。
    [本文]に記入されていた2つの置換文字で読み込まれる表示内容をご確認ください。

    [LINE ID連携特典紹介]の置換文字
    {% parts[fs.lineIdLinkIntroduction1] %}
    [LINE ID連携方法説明]の置換文字
    {% parts[fs.lineIdLinkIntroduction2] %}

次に、置換文字によって読み込まれている[フリーパーツ]を確認し、表示される内容を変更しましょう。

[フリーパーツ]で表示する内容を変更する

  1. パーツ一覧でキーワード[LINE]で検索します。
    [LINE ID連携特典紹介][LINE ID連携方法説明]が初期状態で表示されるパーツです。
    それぞれの[パーツ]のをクリックし、[フリーパーツ変更]画面を開きます。

  2. [パーツ名]は、必要に応じて変更してください。
    [表示内容]に表示したい内容をhtmlで入力し、[保存する]をクリックします。

以上で、LINE ID連携紹介ページの修正が完了しました。