カートに追加ボタンの下に支払いアイコンを追加する

「カートに追加」ボタンの下に支払いアイコンを表示するのはなぜですか?

追加 支払い方法のアイコン のすぐ下に 商品をカートに追加 ボタンは、顧客の信頼を高め、より多くのコンバージョンを促進するシンプルでありながら強力な方法です。

これが重要な理由です:

• 信用を築きます: 顧客は、希望する支払い方法が受け入れられることを知って、より安心します。
• コンバージョンの促進: スムーズで透明性の高いチェックアウト プロセスにより、購入者は購入を完了しやすくなります。
• ユーザーエクスペリエンスの向上: 「カートに追加」ボタンの近くにアイコンを配置すると、顧客は一目で情報を得ることができます。

「カートに追加」ボタンの下に支払いアイコンを追加するにはどうすればいいですか?

GemPages レイアウトに支払いアイコンを追加するには、次の簡単な手順に従ってください。

ステップ1: 行要素を追加する

ステップ1： ドラッグアンドドロップ 行要素 GemPages ページの「カートに追加」ボタンのすぐ下にあります。

下 レイアウト セクションで、 列の数 表示する支払いアイコンの数に基づいて行に入力します (例: 3 つのアイコンの場合は 3 列)。

ステップ2: 支払いアイコンの追加方法を選択する

支払いアイコンを追加するには、次の 2 つのオプションがあります。

オプション1: 画像要素を使用する

• 検索バーを使って画像要素を探し、ドラッグ＆ドロップします 画像要素 行の各列に入力します。

• 下 ソース セクションで、お好みの支払いアイコン（例：Visa、Mastercard、PayPal）をアップロードします。Shopifyに画像をすでにアップロードしている場合は、 ギャラリーを閲覧する ライブラリから選択します。

• 画像の外観とレイアウトをカスタマイズするには、 設定 and 高機能 タブをクリックします。

画像設定の詳細な手順については、 この記事.

• 他のアイコンについてもこの手順を繰り返します。時間と手間を省くには、右クリックして コピー > コピースタイル 画像要素を複製し、各列の画像を置き換えます。

オプション2: アイコン要素を使用する

• 検索バーを使ってアイコン要素を探し、ドラッグ＆ドロップします。 アイコン要素 行の各列に入力します。

• プリインストールされたアイコンから選択するか、支払いアイコンをアップロードしてください。 SVG形式.

• デザインに合わせてアイコンのサイズ、配置、スタイルを調整します。

アイコン設定の詳細な手順については、 この記事.

• 行の残りの列に対してこのプロセスを繰り返します。

ステップ3: 保存して公開する

完了したら、 更新を保存する and プレビュー 公開前にページを確認して結果を確認してください。結果に満足したら、 パブリッシュ これらの変更をライブページに適用します。