クーポンコードをコピーボタン

「クーポンコードをコピー」ボタンとは何ですか?

その クーポンコードをコピーボタン GemPages では、ストア ページに割引コードを表示するボタンを作成できます。 

ユーザーがこのボタンをクリックすると、クーポン コードが自動的にクリップボードにコピーされます。これにより、手動で入力する必要がなくなり、顧客はチェックアウト時に割引コードをより迅速かつ簡単に使用できるようになります。

ページにコピークーポンコード要素を追加するにはどうすればいいですか?

GemPages Editor v7 を使用して、コピークーポンコード要素をページにドラッグ アンド ドロップするには、以下の手順に従います。

• あなたにログインする Shopify管理者 > GemPages ビルダー アプリ> ページ.
• クーポン コードのコピー要素を追加するページをクリックして、エディターに入ります。
• 左側のサイドバーからこの要素を検索し、ページ上の目的の位置にドラッグ アンド ドロップします。

• 要素を見つけて設定を開き、さらにカスタマイズします。

設定タブを構成する

下 設定 タブでは、アイコンの表示を好みに応じて設定できます。

レイアウト

ボタンの 2 つのオプション (アイコンありとアイコンなし (テキストのみ)) を選択します。

クーポンコード

ボックスにクーポンコードを入力してください。

サイズ

• 幅（Width） の三脚と 高さ: ボタンのサイズを定義して、目立つけれども邪魔にならないようにします。
• パディング: テキストやアイコンの位置合わせを改善するために、ボタン内の内部間隔を調整します。

経歴

次の方法で、単色/グラデーションの色または画像を背景として設定します。

• カラーコードを入力してください
• 「最近の色」または「あなたにおすすめ” リスト
• 色見本から選ぶ
• カラーピッカーを使用して背景色を設定します。

形状

以下を使用して形状をカスタマイズします。

• 境界： 境界線のスタイル（線/破線/点線）を選択し、ブランドデザインに合わせて境界線の色と太さを変更します。
• コーナー： 視認性を高めるために角の半径を調整します。
• 影： 深みを出すために影の効果を適用します。

アイコン

下 アイコン セクションでは、オンに切り替えると、この要素に表示するアイコンを選択できます。

• オプション1: GemPagesシステムライブラリから選択する

ドロップダウンからアイコン スタイルを選択するか、検索ボックスにアイコン名を入力して、希望するアイコンを見つけます。

• オプション2: カスタムアイコンをアップロードする

参照する この記事 カスタム アイコンのアップロードの詳細については、こちらをご覧ください。

注:カスタムアップロードではSVG ファイルのみがサポートされます。

次に、アイコンの色を好みに合わせて変更し、アイコンのサイズとパディングをブランド デザインに合わせて調整します。

テキスト

ボタンにテキストを含める場合は、ブランドに合わせてスタイルを設定できます。

• スタイル: 目立つように見出しのスタイルを選択します。
• フォント: ストアのタイポグラフィに一致するフォント ファミリを選択します。
• サイズ: 視認性を高めるためにテキストのサイズを調整します。
• 太字/斜体/下線: これらのテキスト スタイルに強調を追加します。
• フォントの太さ: テキストの太さを制御します。
• 行の高さ: 複数行テキストの行間の間隔を微調整します。
• 文字間隔: 読みやすくするために、文字間のスペースを調整します。
• 最適化の適用: テキストの書式設定 大文字, 小文字または 資本化する 各単語。

効果

ホバー状態とクリック状態のボタンをカスタマイズします。

• ホバー： ユーザーがクーポンコピーボタンの上にマウスを移動したときの背景とテキストの色を変更します。

• クリックしました:

結果

更新内容を保存して公開し、ライブストアで結果を確認します。

クーポンコードのコピーボタンの使用に関するベストプラクティス

の効果を最大限に高めるために、 クーポンコードをコピーボタン GemPages v7 では、ユーザー エンゲージメントを最適化するために配置および設計することが重要です。 

より多くのコンバージョンを促進するためのベストプラクティスをいくつか紹介します。

ランディングページまたは商品ページに表示

の特徴 クーポンコードをコピーボタン ランディングページや製品ページに次のような広告を掲載することは、コンバージョンを高めるのに非常に効果的な方法です。

• ランディングページ： 訪問者はプロモーションを探すためにここに来ます。ワンクリッククーポンボタンは摩擦を減らし、購入を促進します。
• 製品ページ： 価格や「カートに追加」の近くにボタンを配置すると、買い物客はすぐに割引を受けることができ、購入が完了する可能性が高まります。

メールニュースレターのポップアップに表示 

• メールニュースレター: ボタンをメールに追加すると、ワンクリックで簡単にクーポンにアクセスでき、手動でのコード入力が不要になり、プロセスが合理化されます。
• ポップアップ： ポップアップを使用して、顧客がサイトを離れる前や閲覧後にクーポンを提供します。クイックコピー機能により、顧客がサイトに滞在して購入するように促します。

よくある質問

1. クーポンコードのコピーボタンはどのようにしてコンバージョン率を向上させるのでしょうか?

顧客がコードをすばやくコピーして適用できるようにすることでチェックアウトのプロセスが簡素化され、コンバージョンが向上します。

2. すべての GemPages プランで利用できますか?

はい、すべてのプランでご利用いただけます。

3. ボタンのデザインをカスタマイズできますか?

はい、GemPages エディターでスタイル、色、サイズを簡単に調整できます。

さらにサポートが必要な場合は、ライブ チャットまたは support@gempages.help を通じて、いつでも GemPages サポート チームにお問い合わせください。