AfterPay統合

後払いとは何ですか?

Afterpay お客様が商品を受け取り、分割で支払うことができる支払い方法です。

Afterpay を提供することで、お客様は 6 週間にわたって 4 回に分けて柔軟に支払いができ、購入した商品を今日持ち帰ることができます。

全額支払いに比べて柔軟な支払いプランを選択すると、より多くのコンバージョンと新規顧客を獲得できる可能性が高まります。

Afterpay を Shopify と統合するにはどうすればいいですか?

まず、ShopifyストアにAfterpayを追加する必要があります。 この記事 詳細な手順については、こちらをご覧ください。

その後、Afterpay ウィジェットが GemPages の製品ページの上部に自動的に挿入されます。

場合によっては、ウィジェットを別の位置に表示したいこともあります。

ウィジェットの位置を調整するには、次の手順に従います。

ステップ1： アカウント設定ページに移動する Shopifyサービス > 部門3つの点のボタンをクリックして、 コードを編集 をドロップダウンから選択します。

ステップ2： ファイルを検索します「テーマ。リキッド」を選択します。ファイルを開きます。

ステップ3： 次に、下にスクロールして、 Afterpay コード。

ステップ4： 以下のコード行を探して削除してください // 行の先頭にあります。

削除後の行は次のようになります。

var afterpay_product_selector = '#product-price-selector';

次に、「Save」をクリックして変更を保存します。

Afterpay を GemPages と統合するにはどうすればいいですか?

まず、に行く 　 GemPagesダッシュボード > ページ > 製品そこから、希望する製品ページをクリックしてエディターを見つけます。

GemPages で構築した製品ページに Afterpay を表示するには、以下の手順を続行します。

GemPagesバージョン6の場合

ステップ1： ドラッグアンドドロップ 液体エレメント 左サイドバーからページに移動し、要素（P）価格のすぐ下、またはページ内の任意の位置に配置し、 製品モジュール.

ステップ3： Liquidモジュールを右クリックして コードを編集 コード パネルを開きます。

ステップ4： 以下のHTMLコードをコピーして貼り付けます。 テンプレート タブをクリックします。完了したら、 Save 変更を適用します。

<div id="product-price-selector"></div>

すべてが整ったら、 保存 ヒット パブリッシュ 製品ページを再公開します。

GemPagesバージョン7の場合

対象製品ページをエディターで開いたら、次の手順に従います。

ステップ1： 左側のサイドバーから検索バーを使用して、 カスタムコード要素この要素をドラッグして、 製品要素.

ステップ2： 要素をクリックすると設定が開きます。 カスタムコードボックスをクリックすると、コード パネルが開きます。

ステップ3： 以下のHTMLコードを貼り付けてください HTML/リキッド タブには何も表示されないことに注意してください。

<div id="product-price-selector"></div>

完了したら、をクリックします。 Save.

これで完了です。売上の増加と新規顧客の獲得に役立つ Afterpay ウィジェットの設定が完了しました。