# 「商品について問い合わせる」をクリックしたあと、問い合わせフォームに商品名を自動で反映させたい

**URL:** <https://community.shopify.com/t/topic/580870>\
**Category:** Store Design\
**Tags:** design\
**Created:** [December 25, 2025, 8:00am UTC](https://community.shopify.com/t/topic/580870 "2025-12-25T08:00:49Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

商品ページの「商品について問い合わせる」を押した後、問い合わせフォームの本文欄に商品名を自動入力したい、という相談。コード断片が中心で、`main-product.liquid` で商品名をURLパラメータとして渡し、`contact-form.liquid` 側でその値を取得して textarea（問い合わせ本文）へ入れる方法を試している。 

投稿者は JavaScript と Liquid の追加案を提示したが、期待どおり動作していない。途中でスクリプト記載漏れがあり、後続投稿で修正版コードを再掲している。 

返答では、実現にはテーマファイル内のカスタム実装が必要で、テーマ編集権限がない場合は対応できないとの指摘があった。あわせて共同編集者としてコード確認を行う提案も出た。 

最終的に投稿者は有償対応や依頼までは希望せず、提案への謝意を述べて終了。具体的な修正方法の提示や動作確認結果は出ておらず、技術的には未解決のまま。

<div class="post-metadata">

**Author:** ![km8](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@km8](https://community.shopify.com/u/km8)\
**Post date:** [December 25, 2025, 8:00am UTC](https://community.shopify.com/t/topic/580870/1 "2025-12-25T08:00:49Z")

</div>

表題の件の通りになります。  
いくつか方法を試しましたがダメでした😭

お分かりになる方いらっしゃいましたら、よろしくお願い致します！

▼該当ページ

> **[バルーンギフト｜サクラ🌸卒業おめでとう｜風船のブーケ・花束　誕生日プレゼントや開店祝い、推し活に人気！バルーンの通販で全国へお届け！](https://shop-hanna.com/collections/balloon-gift/products/balloon-sakura-s-ome)**
>
> 「卒業・卒園」を祝うためにデザインされた素敵なバルーンアレンジメント。桜柄のハート型バルーンには「祝 おめでとうございます！」のメッセージが描かれています。トーンを抑えた優しいピンク色でまとめ、カラフルで楽しい雰囲気を醸し出しています。アカデミックなイメージを演出する白いリボンと桜のアーティシャルフラワーがポイント。 希望に満ちた門出に、素敵な思い出のシーンにぴったりの贈り物です。桜の季節であれば入学・入園式にもお贈りいただけます。

**「商品について問い合わせる」をクリックしたあと、問い合わせフォームに商品名を自動で反映させようと思ってます。**

**①contact-form.liquidの変更**  
以下を追加

**②main-product.liquidに以下を追加**

\<a href=“/pages/contact?product={{ product.title | url\_encode }}”

class=“button button–full-width” style=“background: {{ block.settings.color\_btnBk }}; color: {{ block.settings.color\_btnTxt }};” target=“\_blank”\>{{ block.settings.btn\_txt }}

-––

以上になります。

初歩のCSS程度の知識でAIを用いながら試しましたが、実現には至らず…

ぜひ、お力お借り出来たら嬉しいです！

---

<div class="post-metadata">

**Author:** ![km8](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@km8](https://community.shopify.com/u/km8)\
**Post date:** [December 25, 2025, 8:03am UTC](https://community.shopify.com/t/topic/580870/2 "2025-12-25T08:03:37Z")

</div>

①の追加内容が消えていたので下記に記載します👇

←——script\>

document.addEventListener(‘DOMContentLoaded’, function() {

```
const urlParams = new URLSearchParams(window.location.search);

const productName = urlParams.get('product');

if (productName) {

  const messageField = document.querySelector('textarea\[name="contact\[body\]"\]');

  

  if (messageField && !messageField.value) {

    messageField.value = '商品名: ' + decodeURIComponent(productName) + '\\n\\nお問い合わせ内容:\\n';

  }

}

```

});

\</——script\>

---

<div class="post-metadata">

**Author:** ![Moeed](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/moeed/32/407464_2.png) [@Moeed](https://community.shopify.com/u/Moeed)\
**Post date:** [December 25, 2025, 8:17am UTC](https://community.shopify.com/t/topic/580870/3 "2025-12-25T08:17:13Z")

</div>

こんにちは @km8

テーマファイルにアクセスできないと、テーマファイル内でカスタムコーディングが必要になるため、それは絶対に不可能です。共同編集者リクエストのコードをプライベートメッセージで共有していただけますか？そうすれば、対応させていただきます。

よろしくお願いします。  
Moeed

---

<div class="post-metadata">

**Author:** ![km8](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@km8](https://community.shopify.com/u/km8)\
**Post date:** [December 25, 2025, 8:35am UTC](https://community.shopify.com/t/topic/580870/4 "2025-12-25T08:35:13Z")

</div>

Dear Moeed！

お返事ありがとうございます！

費用を使ってまでのプロジェクトではないので、お言葉だけ有難く頂戴しておきます 😁