\
**Category:** 技術的なQ＆A\
**Created:** [November 16, 2022, 3:48pm UTC](https://community.shopify.com/t/lp-html/168365 "2022-11-16T15:48:45Z")\
**Posts on this page:** 4\
**Page:** 1
## AI-generated summary
ShopifyのトップページにオリジナルLP（HTML）を適用する方法についての質問です。
**主な課題：**
- ページ追加でHTMLを入力すると `/pages/` というURLになってしまう
- トップページのURLのままLPを表示したい
**提案された解決策（2通り）：**
1. **トップページにLPをページとして載せる方法**
- URLはトップページのまま
- カスタマイズ画面でページを追加
2. **リダイレクトを使用する方法**
- theme.liquidの``タグ直前にリダイレクトコードを挿入
- トップページにアクセスするとLP用ページに自動転送
- URLはLP用ページになる
**追加質問：**
質問者は他サーバーで公開中のLP（HTML/CSS/JSで構成）をShopifyに統合したいと希望。自力では難しい場合の外部委託の納期・費用、またliquidでのコード編集が必要かどうかについて確認中。
**状況：**
Dawnテーマを使用。解決策は提示されたが、具体的な実装方法について追加の質問が続いている状態。
**Author:**  [@yuya\_aono](https://community.shopify.com/u/yuya_aono)\
**Post date:** [November 16, 2022, 3:48pm UTC](https://community.shopify.com/t/lp-html/168365/1 "2022-11-16T15:48:45Z")
オリジナルLP（HTML）をShopifyのトップページに適用することは可能でしょうか？
ページ追加でHTMLを入力すると、/pages/となりURLが変わってしまうので、
トップページにLPをそのまま適用したいです。
その他の商品ページなどはShopifyのテーマ（Dawn）を使用し、トップページのみオリジナルに変更したいです。
今あるLPのコードをliquidに変更する作業など、どのような作業が必要になるのか教えて頂けますでしょうか？
参考となる記事等もございましたら、教えて頂きたいです。
宜しくお願い致します。
---
**Author:**  [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [November 17, 2022, 9:11am UTC](https://community.shopify.com/t/lp-html/168365/2 "2022-11-17T09:11:49Z")
Yuya\_aonoさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
トップページをLPにできるとお客様にしっかり訴求できて良いですよね。
２通り実装方法があるかと思います。
①トップページにLPをページとして載せる (URLはトップページ）
LPをページとして作成し、トップページのカスタマイズ画面でページを追加
② トップページにアクセスしたらLPにリダイレクトさせる（URLはLP用ページ）
[海外のフォーラム](https://community.shopify.com/topic/382954)でも回答があるように、theme.liquidのタグの直前に
{%- if template contains ‘index’ -%}
{%- endif -%}
を挿入し、LPページのハンドルを記入。
この場合トップページは必ずLPにリダイレクトされるので実質トップページ＝LPになります。
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
---
**Author:**  [@yuya\_aono](https://community.shopify.com/u/yuya_aono)\
**Post date:** [November 17, 2022, 4:40pm UTC](https://community.shopify.com/t/lp-html/168365/3 "2022-11-17T16:40:54Z")
早速のご返答ありがとうございます！
とても参考になりました！
---
**Author:**  [@yuya\_aono](https://community.shopify.com/u/yuya_aono)\
**Post date:** [November 24, 2022, 2:34pm UTC](https://community.shopify.com/t/lp-html/168365/4 "2022-11-24T14:34:17Z")
ご回答ありがとうございました。
下記について追加の質問となります。
＞①トップページにLPをページとして載せる (URLはトップページ）
＞LPをページとして作成し、トップページのカスタマイズ画面でページを追加
上記方法で他サーバーで公開しているLP１本をそのままShopifyのページで作成し、すべてShopifyにまとめたいと考えております。
その場合、liquidでコードを直接編集する必要があるかと思いますが、
どのような手順で行えば宜しいでしょうか？
LPはレスポンシブデザインで主にHTML・CSS・Jsで構成されています。
また、自力で出来ず外部に委託する場合、どれくらいの納期・費用になりますでしょうか？
お手数ですが、宜しくお願い致します。