トップページをオリジナルlp(html)に変更する方法について

Topic summary

ShopifyのトップページにオリジナルLP(HTML)を適用する方法についての質問です。

主な課題:

  • ページ追加でHTMLを入力すると /pages/ というURLになってしまう
  • トップページのURLのままLPを表示したい

提案された解決策(2通り):

  1. トップページにLPをページとして載せる方法

    • URLはトップページのまま
    • カスタマイズ画面でページを追加
  2. リダイレクトを使用する方法

    • theme.liquidの<head>タグ直前にリダイレクトコードを挿入
    • トップページにアクセスするとLP用ページに自動転送
    • URLはLP用ページになる

追加質問:
質問者は他サーバーで公開中のLP(HTML/CSS/JSで構成)をShopifyに統合したいと希望。自力では難しい場合の外部委託の納期・費用、またliquidでのコード編集が必要かどうかについて確認中。

状況:
Dawnテーマを使用。解決策は提示されたが、具体的な実装方法について追加の質問が続いている状態。

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.

オリジナルLP(HTML)をShopifyのトップページに適用することは可能でしょうか?

ページ追加でHTMLを入力すると、/pages/となりURLが変わってしまうので、

トップページにLPをそのまま適用したいです。

その他の商品ページなどはShopifyのテーマ(Dawn)を使用し、トップページのみオリジナルに変更したいです。

今あるLPのコードをliquidに変更する作業など、どのような作業が必要になるのか教えて頂けますでしょうか?

参考となる記事等もございましたら、教えて頂きたいです。

宜しくお願い致します。

Yuya_aonoさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

トップページをLPにできるとお客様にしっかり訴求できて良いですよね。

2通り実装方法があるかと思います。

①トップページにLPをページとして載せる (URLはトップページ)

LPをページとして作成し、トップページのカスタマイズ画面でページを追加

② トップページにアクセスしたらLPにリダイレクトさせる(URLはLP用ページ)

海外のフォーラムでも回答があるように、theme.liquidのタグの直前に

{%- if template contains ‘index’ -%}

{%- endif -%}

を挿入し、LPページのハンドルを記入。

この場合トップページは必ずLPにリダイレクトされるので実質トップページ=LPになります。

ご参考になりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

1 Like

早速のご返答ありがとうございます!

とても参考になりました!

ご回答ありがとうございました。

下記について追加の質問となります。

>①トップページにLPをページとして載せる (URLはトップページ)

>LPをページとして作成し、トップページのカスタマイズ画面でページを追加

上記方法で他サーバーで公開しているLP1本をそのままShopifyのページで作成し、すべてShopifyにまとめたいと考えております。

その場合、liquidでコードを直接編集する必要があるかと思いますが、

どのような手順で行えば宜しいでしょうか?

LPはレスポンシブデザインで主にHTML・CSS・Jsで構成されています。

また、自力で出来ず外部に委託する場合、どれくらいの納期・費用になりますでしょうか?

お手数ですが、宜しくお願い致します。