WooCommerce 商品決済ページに移動するカスタムリンクを作成 - WordPress 情報パッケージ
ベストセラー人気 WordPress テーマTop 30 詳細

WooCommerce 商品決済ページに移動するカスタムリンクを作成

Last Updated:2019年2月16日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

リンクをクリックするか、ボタンをクリックすると、すぐに特定の商品を決済することができ WordPress WooCommerce カートページや決済ページが表示されるようにしたい場合があります。 以下で説明する方法で、リンクやボタンをクリックすると、すぐに支払いが行われるようにすることができます。

基本的にはリンクを...の形式でリンクを追加することができます。 リンクは、テキストリンクやボタンの形式などで多様に​​追加することが可能です。 ページビルダーを使用している場合、ページビルダーでサポートしているボタンの要素を利用することもできます。

例えば、 AvadaのFusion Builderで提供されるButtonコンポーネントを使用すると、簡単にボタンを作成し、ボタンのテキストと一緒にURLを入力することができます。

Avada ボタン要素

単純商品(Simple Product)

単純商品は非常に簡単にショッピングカートに追加したり、ショッピングカートに追加した後、決済ページに移動させることができます。 まず、商品IDを確認するようにします。

WooCommerce 単純商品

上の図では、ID部分が商品IDです。

1つの単純な商品をカートに追加する

次のような形式でURLを追加します。

<a class="button" href="http://www.example.com/?add-to-cart=758">장바구니에 담기</a>

リンク内のドメインのアドレスは、そのドメイン名に変更するようにします。 ボタンをクリックすると、ID = 758の商品1個カートに追加されます。

1つの単純な商品を3つの数量でカートに追加する

この場合には、次のような形式でURLを追加します。

<a class="button" href="http://www.example.com/?add-to-cart=758&quantity=3">장바구니에 담기</a>

リンクをクリックすると、IDが758である1つの商品が3つの数量でカートに追加されます。 種類の異なる2つの商品をURLにショッピングカートに追加することはできません。

1つの単純な商品をショッピングカートに入れた後、カート(Cart)ページに移動する

商品をショッピングカートに追加した後カートのページに移動するには、次のようにURLを追加するようにします。

<a class="button" href="http://www.example.com/cart/?add-to-cart=758">장바구니</a>

カートページのURLを変更した場合には、/ cart /を適切に変更してください。 そして WooCommerce >設定>商品>カートに入れる形から 店のページでAJAXカートに入れる]ボタンを有効にする オプションをチェックする必要があります。

1つの単純な商品をショッピングカートに入れた後、決済(Checkout)ページに移動する

商品をショッピングカートに追加した後カートのページに移動するには、次のようにURLを追加するようにします。

<a class="button" href="http://www.example.com/checkout/?add-to-cart=758">결제하기</a>

リンクが正常に動作する WooCommerce >設定>商品>カートに入れる形から 店のページでAJAXカートに入れる]ボタンを有効にする オプションをチェックして、「追加の成功の後カートページへ」を無効にします。

カートに追加した後、決済ページに移動する

オプション商品

オプション商品の場合、商品IDのほか、オプションのIDと属性名スラグ、属性用語スラグを確認する必要があります。 まず、属性IDは、商品編集画面で確認が可能です。

オプションID

上の図でVariation ID(オプションID)は、20995です。

プロパティ名IDと属性の用語IDは 商品>属性 ページで確認することができます。

WooCommerce プロパティ名ID

上の図でcolorが属性名IDです。 URLに使用されるときにはattribute_pa_カラーのようにattribute_pa_の後に追加されます。

用語環境設定をクリックして、プロパティ用語IDを確認することができます。

WooCommerce 属性用語ID

上の図で、プロパティ用語IDはredです。 URLはattribute_pa_color =のように使用されます。

1つのオプション商品(属性1つだけを含む)をカートに追加する場合は、次のような形式でURLを追加します。

<a class="button" href="http://www.example.com/?add-to-cart=758&attribute_pa_color=red&variation_id=20995">장바구니에 담기</a>

1つのオプション商品の2つの属性を含むカートに​​追加するには、次の形式でURLを使用することができます。

<a class="button" href="http://www.example.com/?add-to-cart=758&7&attribute_pa_color=red&attribute_pa_size=m&variation_id=20995">장바구니에 담기</a>

数量を追加したい場合は&quantity = 3のようにパラメータを追加します。

そしてカートに商品を追加した後にカートページに移動するには、次のように/ cart /パスを追加します。

<a class="button" href="http://www.example.com/cart/?add-to-cart=758&attribute_pa_color=red&variation_id=20995">장바구니</a>

同様の商品をショッピングカートに追加した後の支払いページにリダイレクトするには、/ checkout /パスを追加するようにします。

メモ:



コメントを残す

コメント