# バレンタインデーのセールを最適化する

PageFlyダイナミックチェックアウトボタンは、チェックアウトプロセスを改善し、コンバージョン率を高めたいオンラインストアにとって貴重なツールです。より速く簡単な購入方法を提供することで、ダイナミックチェックアウトボタンは売上を伸ばし、顧客満足度を向上させるのに役立ちます。

来るバレンタインデーの商品ページでは、ダイナミックチェックアウトボタンは、購入者にお好みの支払い方法を提供することで、コンバージョン率を高めるのに非常に役立ちます。もしこれを楽しみにしているなら、この記事をチェックしてください！

### 目次

以下の項目で、バレンタインデーのセールに向けてストアを最適化する方法を学びましょう。

1. [PageFlyダイナミックチェックアウトボタンについて](https://help.pagefly.io/manual/tips-to-optimize-sale-on-valentines-day-with-pagefly-dynamic-checkout-button/#understanding-pagefly-dynamic-checkout-button)
2. [PageFlyページにダイナミックチェックアウトボタンを追加する方法](https://help.pagefly.io/manual/tips-to-optimize-sale-on-valentines-day-with-pagefly-dynamic-checkout-button/#adding-pagefly-dynamic-checkout-button)
3. [バレンタインデーセールのコンバージョン率を最大化するための追加のヒント](https://help.pagefly.io/manual/tips-to-optimize-sale-on-valentines-day-with-pagefly-dynamic-checkout-button/#additional-ideas-for-a-successful-valentines-season)
4. [よくある質問](https://help.pagefly.io/manual/tips-to-optimize-sale-on-valentines-day-with-pagefly-dynamic-checkout-button/#frequently-asked-questions)![](/files/mUN6Xw5SmVUXql0psmPG)

### PageFlyダイナミックチェックアウトボタンについて

PageFlyダイナミックチェックアウトボタンは、通常商品ページで使用されますが、ホームページや検索結果など、オンラインストアの他のページでも使用できます。

### PageFlyダイナミックチェックアウトボタンの追加

#### 手順

#### Shopify管理画面での設定

[Paypal](https://help.shopify.com/en/manual/payments/paypal/set-up-paypal)オプションまたは他の支払い方法を追加するには、Shopifyストアでこの支払い方法を設定する必要があります。Shopifyストアの**管理画面** > **設定** > **決済** に移動して、支払い方法を追加してください。

![](/files/kttVdvPI2wIz9lKKkrjj)

#### PageFlyページでの設定

PageFlyページ上のダイナミックチェックアウトボタンは、「今すぐ購入」ボタンです。

* バレンタインページにダイナミックチェックアウトボタンを追加するには、まずこのキャンペーンの商品を選択します。
* 次に、このコード: **{{ form | payment\_button }}** をHTML/Liquid要素に挿入して、その商品にダイナミックチェックアウトボタンを追加します。

![](/files/k5qJmtVBMq8Y8Mau2SoC)

このボタンを追加するための必要なすべての手順については、詳細を[この記事](https://help.pagefly.io/manual/button-element/#3-2-how-to-create-a-dynamic-checkout-button)で確認できます。これは、[商品詳細要素](https://help.pagefly.io/manual/shopify-elements-product-details/)内でオプション「バリエーションを結合」がオンになっている場合にのみ機能することに注意してください。

例：

![](/files/Cynnmo6wz3qErla05VSF)

#### ダイナミックチェックアウトボタンのカスタマイズ

今すぐ購入ボタンの色をカスタマイズするには、このコードをカスタムコードエディタに追加します。

```css
.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background: red;
}
```

背景テキストの後にある色名または色の16進数コードを好きなものに置き換えることができます。

![](/files/Z688ZPucmoytFUT9nbNO)

{% hint style="info" %}
[このフォルダ](https://www.pagef.ly/1vk5fw)にアクセスすると、このサンプルページの**エクスポートファイル**を取得できます。その後、ストアにインポートして使用してください。
{% endhint %}

### バレンタインシーズンの成功のための追加のヒント

バレンタインをテーマにしたオンラインストアにとって、フォントと色の選択は、適切な雰囲気を作り出し、顧客を引き付ける上で重要な役割を果たします。いくつか推奨事項をご紹介します。

Shopifyストア向けに見事なバレンタインをテーマにしたプロモーションページを作成し、素敵なセールを約束する方法についてのビデオチュートリアルをチェックしてください！

{% embed url="<https://www.youtube.com/watch?v=h6wyYi3RCBc>" %}

#### フォントの推奨事項

* Playfair Display: クラシックでエレガントな雰囲気を持つ洗練されたセリフ体フォント。
* Merriweather: 本文に適した読みやすいセリフ体フォントで、快適さとスタイルを提供します。
* Roboto Slab: 伝統的なスラブセリフ体を現代的にアレンジしたもので、よりモダンな美しさをもたらします。

#### バレンタインデーのカラーパレット

* 赤: 愛と情熱を象徴します。スカーレットやクリムゾンのような豊かで鮮やかな色合いを使用してください。
* ピンク: 遊び心と甘さを表します。パステルピンクやローズのような柔らかい色合いを選びましょう。カラーコードを取得するには、このソースを参照してください：[Color Hex](https://www.color-hex.com/color-palette/17058)。
* グラデーションカラー: 背景色にグラデーションを追加したい場合、[CSS Gradient](https://cssgradient.io/)は色をカスタマイズしてCSSコードを取得するための無料ツールです。このツールは背景色でのみ機能することに注意してください。CSSコードを取得したら、PageFlyページに移動し、このようにCSSコードボックスに貼り付けます。

![](/files/4k18PVoT1jaorNlA3lFt)

#### バレンタインデーのギフトガイドセクション

「おすすめ商品セクション」などを活用して、バレンタインデーのギフトセールセクションを作成し、お客様が大切な人への完璧なギフトを見つけるのを助けることができます。興味、予算、または贈る相手に基づいて商品を分類することで、ショッピング体験を簡素化します。

ページ作成の時間を節約するために、[PageFlyの既製バレンタインデーページテンプレート](https://pagefly.io/pages/templates)を使用することもできます。これは当社のテンプレートコレクションからの例です。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/gD_-ZetJtiUVdLFSjkxzBQ_9XJ8NUP613xc9-5l3XK5tz9op7_D1zSUuqhR2tVkOtQhXEWt3N9r4tgniigk7lup0aW1qbxXNGS5H5uBFLLV17boqcd5i02HsYLeU5gn817mYwZPMeJBj6G.png)

詳細については、[PageFlyテンプレートから新しいページを作成する方法](https://help.pagefly.io/manual/use-a-template-to-create-a-new-page/)のガイドを確認してください。

#### 後払い

「[後払い](https://www.shopify.com/blog/buy-now-pay-later)」（BNPL）はShopifyで急速に成長しているトレンドです。実際、Klarnaによる最近の調査では、ShopifyでのBNPL利用が2022年に250%増加したことが明らかになりました。ShopifyはKlarna、Affirm、Afterpayなどの主要なBNPLプロバイダーと提携することで、マーチャントがBNPLオプションを簡単に統合できるようにしているため、このオプションをShopifyストアに追加できます。

![](/files/AFyBy5zF1lEkuxFsVeHF)

#### バレンタインデーの売上を最大化する強力な要素

* カウントダウンタイマー: 期間限定プロモーションやフラッシュセールにカウントダウンタイマーを組み込むことで、コンバージョン率を高めます。これらのタイマーは緊急感を演出し、顧客に迅速な行動を促します。[Essential Countdown Timer Bar app](https://pagef.ly/1jw82u)を使用すると、タイマーの外観をストアのブランドに合わせてカスタマイズし、開始と停止を自動的にスケジュールできます。新規サインアップと既存のマーチャントの両方で、アプリをインストールした後にこのコード: **ESSENTIAL33 を適用すると、すべてのプランが33%オフになります。**
* テーマ別バンドルの企画: ロマンチックなカップルセットやグルメ愛好家向けバンドルなど。バンドル価格を個別に購入するよりも割引価格として宣伝しましょう。[Kaching Bundles Quantity Break](https://pagef.ly/1ib7mj)は、これらのバンドルを簡単に作成するのに役立ちます。割引コード: **PAGEFLY40 - すべてのプランが3ヶ月間40%オフ**（加えて14日間の無料トライアル）を提供します。この割引コードは料金プランページで適用できます。
* 注文追跡: ブランド化された購入後追跡体験で顧客満足度を向上させ、売上を伸ばすために、[Parcel Panel Order Tracking](https://pagef.ly/16l44i)アプリを**30日間の無料トライアル**で利用できます。このオファーはこの**インストールリンク**でのみ適用されることに注意してください。

### よくある質問

#### 概要

\| バレンタインデーはいつですか？ | 毎年2月14日 |\
\| ----------------------------------------------------------- | 宝飾品、セクシーなランジェリー、テディベアなど… |\
\| バレンタインデーに伝統的に贈られるものは何ですか？ | カード、花、チョコレートの箱 |

#### 今すぐ購入ボタンのカスタムカラーコードがページで機能しないのはなぜですか？

カスタムカラーコードは、オリジナルの「今すぐ購入」ボタンにのみ適用されるためです。PaypalボタンとShoppayボタンはデフォルトのスタイルを使用します。

#### 今すぐ購入ボタンがクリックできない、または表示されないのはなぜですか？

解決策：今すぐ購入ボタンを機能させるには、商品詳細内に商品バリエーションを追加する必要があります。

#### バレンタインデーのベストクリアランスアイデアは何ですか？

ブランドをプロモーションし、顧客に最高のバレンタインデーセール情報を提示するためのアイデアをお探しですか？現在の顧客にセールを知らせるメールを送る、ストアに専用セクションを追加する、無料のギフトラッピングを提供する、地元のインフルエンサーにセールを宣伝してもらうなどを試すことができます。これらの戦術はすべて、バレンタインデーの2週間前までに行うべきです。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/optimization/tips-to-optimize-sale-on-valentines-day-with-pagefly-dynamic-checkout-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.