WooCommerce ショッピングボタンの下に問い合わせボタンを追加するチュートリアル

保存すると、Web サイトのトップページに「今すぐお問い合わせ」ボタンが表示されます。まだスタイルはありません。

テーマの CSS で .nibbutton のスタイルをカスタマイズできます。方法が分からない場合は、次のコードをコピーして追加してください。

Amazonジャンプボタンを追加する

多くの越境EC企業はAmazonストアを運営しているため、自社の独自Webサイトの商品紹介ページにAmazonストアにジャンプするボタンを追加したいと考えています。この機能を実現するには3つの方法があります。

、商品の簡単な説明を入力するときにボタンを挿入します。

2. 上記のお問い合わせボタンと同様の方法を使用してコードを追加します。

3. プラグイン経由。

コード方式:

ここではカスタムフィールドとして追加できます。まず、Woocommece の商品ページに mzon_link などのカスタムフィールドを追加し、mzon_link の値に Amazon の URL を入力します。

次に、テーマファイルに次のコードを追加します。コードスニペットプラグインを使用して直接追加することもできます。

保存後、Amazon UL商品を記入するとフロントにAmazonボタンが付き、追加されていない場合は表示されません。

上記は、WooCommece ショッピングボタンの下に問い合わせボタンを追加する方法に関するチュートリアルです。ウェブマスターの皆様のお役に立てれば幸いです。必要な方は、引き続きこのサイトに注目して詳細情報をご確認ください。

おすすめ: 「WooCommece セットアップチュートリアル: アカウントとプライバシー設定」

アメリカのホスティングプロバイダーを利用するウェブマスターのほとんどは、基本的にウーコマースプラグインは製品システムを構築するために使用されます。一部のウェブマスターは、製品インターフェースに問い合わせボタンを追加します。この記事では、コードを使用してこの問い合わせボタンに WooCommece カスタムボタンを追加する方法を説明します。

効果図は以下のとおりです。ショッピングカートボタンの下に WooCommece ボタンを追加して、ボタンのテキストとリンクをカスタマイズします。

方向：

次のコードをコピーして、テーマの関数ファイル functions.php に貼り付けます。

dd_ction(̺woocommece_single_poduct_summy̻, ̺my_ext_button_on_poduct_pge̻, 30);

function my_ext_button_on_poduct_pge() { globl $poduct; echo ̺< clss=̶nibbutton̶ hef=̶https://blog.nibbiji.com̶>すぐにご連絡ください</>̻; }

.nibbutton {色: #;背景色: gb(0,0,0,0.);ボーダースタイル: solid;ボーダー幅: px px px px;ボーダー色: #009688;ページ: 0px; }

dd_ction(̺woocommece_single_poduct_summy̻, ̺my_ext_button_on_poduct_pge̻, 30);

function my_ext_button_on_poduct_pge() { globl $poduct; if ( get_post_met(get_the_ID(), ̺mzon_link̻, tue) ){ echo ̺< clss=̶mzon-button̶ hef=̶̺.get_post_met(get_the_ID(), ̺mzon_link̻, tue).'̶ tget=̶_blnk̶>Amazonで購入</>̻; }

} dd_ction( ̺wp_hed̻, function () { ?> <style> .poduct-desc li:befoe { content: “\f2̶; font: noml noml noml 6px/ LineAwesome; colo: #f0494c; } .poduct-desc li { list-style: none; pdding-bottom: 7px; } .poduct-desc ul { pdding-left: 0px; } </style> <?php } );