# カート文言の「今すぐ購入」の文言を変更したいです

**URL:** <https://community.shopify.com/t/topic/24174>\
**Category:** 技術的なQ＆A\
**Created:** [November 3, 2020, 7:03am UTC](https://community.shopify.com/t/topic/24174 "2020-11-03T07:03:33Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopifyのカート／商品ページにある「今すぐ購入」ボタンの文言を、「お支払い手続きはコチラ」に変更したいという相談。対象のボタンは dynamic checkout button（動的チェックアウトボタン）で、標準機能としては文言を直接編集できない、という過去の公式フォーラム回答が共有された。 

代替策として、テーマコードにJavaScript（jQuery）を追加し、`.shopify-payment-button__button` などの要素テキストを書き換える方法が案内された。手順は、`theme.js` の末尾にコードを追記し、jQuery未導入なら `theme.liquid` の `<head>` 内で読み込む、というもの。Debutテーマで動作確認済みとされた。 

注意点として、元の文言が一瞬表示されること、jQuery追加で表示速度に影響する可能性があることも明記された。最終的に、質問者はこの方法で表示文言を変更できたと報告しており、議論は実質的に解決している。

<div class="post-metadata">

**Author:** ![YokoOyama](https://avatars.discourse-cdn.com/v4/letter/y/f6c823/32.png) [@YokoOyama](https://community.shopify.com/u/YokoOyama)\
**Post date:** [November 3, 2020, 7:03am UTC](https://community.shopify.com/t/topic/24174/1 "2020-11-03T07:03:33Z")

</div>

カートの「今すぐ購入」するを「お支払い手続きはコチラ」に変更したいのですが、ご存知の方がいらっしゃいますでしょうか？

---

<div class="post-metadata">

**Author:** ![takeru-noda](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takeru-noda/32/163722_2.png) [@takeru-noda](https://community.shopify.com/u/takeru-noda)\
**Post date:** [November 3, 2020, 1:55pm UTC](https://community.shopify.com/t/topic/24174/2 "2020-11-03T13:55:54Z")

</div>

英語のフォーラムで過去に同じ内容の質問があり、Shopifyスタッフの方が回答されています。

[https://community.shopify.com/c/Shopify-Design/How-to-edit-quot-Buy-It-Now-quot-Button/td-p/527340#M134558](https://community.shopify.com/c/Shopify-Design/How-to-edit-quot-Buy-It-Now-quot-Button/td-p/527340#M134558)

結論から言うと、現状では「今すぐ購入」ボタンは [dynamic checkout button](http://bit.ly/2WQ9oaJ)という特殊な仕様であるため、文言の編集ができないようです。

**次善の策としてJavascriptを追記して文言を変える方法があります(jQuery)。**

[https://community.shopify.com/c/Shopify-Design/How-to-edit-quot-Buy-It-Now-quot-Button/td-p/527340#M167056](https://community.shopify.com/c/Shopify-Design/How-to-edit-quot-Buy-It-Now-quot-Button/td-p/527340#M167056)

以下、具体的なコードの追加方法をご説明します。

1. 管理画面の「オンラインストア」→「テーマ」→「コードを編集」

2. Assetsフォルダの「theme.js」ファイルの一番下に以下のコードを追記します。

```javascript
setTimeout(function(){
$('.shopify-payment-button__button').text(‘お支払い手続きはコチラ);
},1000)

setTimeout(function(){
$('.shopify-payment-button__button--unbranded').text('お支払い手続きはコチラ');
},2000)

```

1. 現状でjQueryを読み込んでいない場合は、以下のコードをLayoutフォルダの「theme.liquid」に追記して読み込みます。

追記場所は、ファイル上部のタグ内です。

```javascript

```

Debutテーマで実装して動作確認済みです。

この方法の注意点としては、

・元々のテキストが一瞬表示される

・jQueryを読み込むため表示速度に影響する、などです。

以上、ご参考ください。

---

<div class="post-metadata">

**Author:** ![YokoOyama](https://avatars.discourse-cdn.com/v4/letter/y/f6c823/32.png) [@YokoOyama](https://community.shopify.com/u/YokoOyama)\
**Post date:** [December 1, 2020, 11:08pm UTC](https://community.shopify.com/t/topic/24174/3 "2020-12-01T23:08:27Z")

</div>

この度はとても丁寧に教えていただきまして、ありがとうございました。

ボタンに表示される文字を変更することができました。