{"id":3212,"date":"2025-06-11T19:26:53","date_gmt":"2025-06-11T11:26:53","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3212.html"},"modified":"2025-06-11T19:26:53","modified_gmt":"2025-06-11T11:26:53","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e6%8e%a5%e5%8f%97-google-pay%ef%bc%88%e7%ae%80%e4%be%bf%e6%96%b9%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3212.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u63a5\u53d7 Google Pay\uff08\u7b80\u4fbf\u65b9\u6cd5\uff09"},"content":{"rendered":"<div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--1\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/dyA-1-400x300.jpg\" alt=\"Bug&#32534;&#35793;&#29422;\" class=\"wp-image-1842\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">Bug&#32534;&#35793;&#29422;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#35201;&#20351;&#24744;&#30340; WordPress &#32593;&#31449;&#25903;&#25345; Google Pay &#25509;&#25910;&#25903;&#20184;&#65292;&#24744;&#39318;&#20808;&#38656;&#35201;&#30830;&#20445;&#24744;&#30340;&#32593;&#31449;&#24050;&#32463;&#23433;&#35013;&#24182;&#28608;&#27963;&#20102; Google &#25903;&#20184;&#25554;&#20214;&#12290;&#25509;&#19979;&#26469;&#65292;&#35831;&#25353;&#29031;&#20197;&#19979;&#27493;&#39588;&#25805;&#20316;&#65306;<\/p>\n<h3>&#27493;&#39588; 1: &#23433;&#35013;&#21644;&#28608;&#27963; Google &#25903;&#20184;&#25554;&#20214;<\/h3>\n<ol>\n<li>&#30331;&#24405;&#21040;&#24744;&#30340; WordPress &#31649;&#29702;&#21518;&#21488;&#12290;<\/li>\n<li>&#36716;&#33267;&ldquo;&#25554;&#20214;&rdquo;&#36873;&#39033;&#21345;&#12290;<\/li>\n<li>&#22312;&#25628;&#32034;&#26694;&#20013;&#36755;&#20837;&ldquo;Google Pay&rdquo;&#65292;&#28982;&#21518;&#28857;&#20987;&#25628;&#32034;&#25353;&#38062;&#12290;<\/li>\n<li>&#25214;&#21040;&ldquo;Google Pay for WooCommerce&rdquo;&#30340;&#25554;&#20214;&#65292;&#28857;&#20987;&#23433;&#35013;&#25353;&#38062;&#12290;<\/li>\n<li>&#28608;&#27963;&#25554;&#20214;&#12290;<\/li>\n<\/ol>\n<h3>&#27493;&#39588; 2: &#37197;&#32622; Google &#25903;&#20184;&#25554;&#20214;<\/h3>\n<ol>\n<li>&#36827;&#20837;&ldquo;&#35774;&#32622;&rdquo; -&gt; &ldquo;&#25554;&#20214;&rdquo; -&gt; &ldquo;Google Pay for WooCommerce&rdquo;&#12290;<\/li>\n<li>&#22312;&ldquo;&#35774;&#32622;&rdquo;&#37096;&#20998;&#65292;&#24744;&#21487;&#20197;&#37197;&#32622; Google Pay &#30340;&#25903;&#20184;&#39029;&#38754;&#12289;&#36135;&#24065;&#36716;&#25442;&#21644;&#20854;&#20182;&#35774;&#32622;&#12290;<\/li>\n<li>&#22914;&#26524;&#38656;&#35201;&#65292;&#21487;&#20197;&#22312;&#27492;&#22788;&#28155;&#21152;&#39069;&#22806;&#30340;&#25903;&#20184;&#36873;&#39033;&#25110;&#20462;&#25913;&#29616;&#26377;&#36873;&#39033;&#12290;<\/li>\n<\/ol>\n<h3>&#27493;&#39588; 3: &#24320;&#22987;&#25509;&#25910; Google Pay &#25903;&#20184;<\/h3>\n<ol>\n<li>&#23558; Google &#25903;&#20184;&#25554;&#20214;&#19982;&#24744;&#30340; WooCommerce &#21830;&#24215;&#36830;&#25509;&#36215;&#26469;&#12290;&#36890;&#24120;&#65292;&#36825;&#21487;&#20197;&#36890;&#36807;&#22312;&#21830;&#24215;&#31649;&#29702;&#22120;&#20013;&#36873;&#25321;&ldquo;Google Pay&rdquo;&#26469;&#23436;&#25104;&#12290;<\/li>\n<li>&#35774;&#32622;&#22909;&#21518;&#65292;Google Pay &#25554;&#20214;&#20250;&#33258;&#21160;&#22788;&#29702;&#25152;&#26377;&#20132;&#26131;&#32454;&#33410;&#65292;&#21253;&#25324;&#29983;&#25104;&#35746;&#21333;&#12289;&#22788;&#29702;&#20184;&#27454;&#35831;&#27714;&#31561;&#12290;<\/li>\n<\/ol>\n<h3>&#31034;&#20363;&#20195;&#30721;<\/h3>\n<p>&#20551;&#35774;&#24744;&#24819;&#22312;&#25991;&#31456;&#39029;&#19978;&#23637;&#31034;&#19968;&#20010; Google Pay &#20108;&#32500;&#30721;&#38142;&#25509;&#65292;&#20197;&#20415;&#29992;&#25143;&#21487;&#20197;&#30452;&#25509;&#36890;&#36807;&#25163;&#26426;&#25195;&#25551;&#36141;&#20080;&#21830;&#21697;&#12290;&#20197;&#19979;&#26159;&#22522;&#26412;&#30340; HTML\/CSS\/JavaScript &#31034;&#20363;&#65306;<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;title&gt;Google Pay Example&lt;\/title&gt;\n    &lt;style&gt;\n        #googlepay {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 200px;\n            margin-top: 20px;\n        }\n        .googlepay-button {\n            width: 100%;\n            padding: 10px;\n            background-color: blue;\n            color: white;\n            border-radius: 5px;\n            text-align: center;\n        }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;div id=\"googlepay\"&gt;\n    &lt;button class=\"googlepay-button\"&gt;&#31435;&#21363;&#36141;&#20080;&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;script&gt;\n    \/\/ JavaScript to handle the Google Pay button click event\n    document.querySelector('.googlepay-button').addEventListener('click', function() {\n        window.location.href = 'https:\/\/www.google.com\/popup?merchant_id=YOUR_MERCHANT_ID';\n    });\n&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><strong>&#27880;&#24847;&#65306;<\/strong><\/p>\n<ul>\n<li>&#26367;&#25442; <code>YOUR_MERCHANT_ID<\/code> &#20026;&#23454;&#38469;&#30340;&#21830;&#25143; ID&#12290;<\/li>\n<li>&#30830;&#20445;&#24744;&#30340;&#32593;&#31449;&#24050;&#21551;&#29992; Google Pay &#24182;&#27491;&#30830;&#37197;&#32622;&#12290;<\/li>\n<\/ul>\n<p>&#36890;&#36807;&#19978;&#36848;&#27493;&#39588;&#21644;&#31034;&#20363;&#20195;&#30721;&#65292;&#24744;&#21487;&#20197;&#36731;&#26494;&#22320;&#22312; WordPress &#31449;&#28857;&#19978;&#38598;&#25104; Google Pay &#25903;&#20184;&#21151;&#33021;&#65292;&#20174;&#32780;&#23454;&#29616;&#20415;&#25463;&#30340;&#22312;&#32447;&#36141;&#29289;&#20307;&#39564;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div><div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--2\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/zp-400x300.jpg\" alt=\"&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;\" class=\"wp-image-1849\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h3>&#22914;&#20309;&#22312;WordPress&#20013;&#25509;&#21463;Google Pay<\/h3>\n<p><strong>&#30446;&#26631;<\/strong>&#65306;&#36890;&#36807;&#31616;&#21333;&#30340;&#27493;&#39588;&#23558;&#24744;&#30340;&#32593;&#31449;&#38598;&#25104;&#21040;Google Pay&#20013;&#12290;<\/p>\n<p><strong>&#24037;&#20855;&#19982;&#29615;&#22659;<\/strong><\/p>\n<ul>\n<li>WordPress 1.7&#25110;&#26356;&#39640;&#29256;&#26412;<\/li>\n<li>Google Pay API Key<\/li>\n<li>WooCommerce&#25554;&#20214;&#65288;&#25512;&#33616;&#20351;&#29992;&#65289;<\/li>\n<\/ul>\n<p><strong>&#27493;&#39588;<\/strong><\/p>\n<ol>\n<li>\n<p><strong>&#23433;&#35013;Google Pay API Key<\/strong><\/p>\n<p>&#39318;&#20808;&#65292;&#24744;&#38656;&#35201;&#33719;&#21462;&#19968;&#20010;Google Pay API Key&#12290;&#35775;&#38382;Google Cloud Console&#24182;&#21019;&#24314;&#19968;&#20010;&#26032;&#30340;&#39033;&#30446;&#65292;&#28982;&#21518;&#36716;&#21040;&ldquo;API&#21644;&#20197;&#22826;&#22346;&rdquo;&#37096;&#20998;&#65292;&#36873;&#25321;&ldquo;OAuth&#23458;&#25143;&#31471;ID&rdquo;&#12290;&#26681;&#25454;&#25351;&#31034;&#22635;&#20889;&#30456;&#20851;&#20449;&#24687;&#65292;&#29983;&#25104;API&#23494;&#38053;&#24182;&#19979;&#36733;&#25991;&#20214;&#12290;<\/p>\n<\/li>\n<li>\n<p><strong>&#35774;&#32622;Google Pay&#38598;&#25104;<\/strong><\/p>\n<p>&#22312;WordPress&#20013;&#65292;&#24744;&#21487;&#20197;&#36890;&#36807;WooCommerce&#25554;&#20214;&#26469;&#23454;&#29616;Google Pay&#30340;&#38598;&#25104;&#12290;&#39318;&#20808;&#65292;&#23433;&#35013;WooCommerce&#25554;&#20214;&#65306;<\/p>\n<pre><code class=\"language-bash\">wp plugin install https:\/\/plugins.wordpress.org\/plugins\/woocommerce\/<\/code><\/pre>\n<\/li>\n<li>\n<p><strong>&#28608;&#27963;&#24182;&#37197;&#32622;&#25554;&#20214;<\/strong><\/p>\n<p>&#21551;&#21160;&#25554;&#20214;&#21518;&#65292;&#36827;&#20837;&#21518;&#21488;&#65292;&#25214;&#21040;&#24182;&#28608;&#27963;&#25554;&#20214;&#12290;&#25509;&#19979;&#26469;&#65292;&#25171;&#24320;WooCommerce&#35774;&#32622;&#39029;&#38754;&#65292;&#30830;&#20445;&#24050;&#21551;&#29992;Google&#25903;&#20184;&#36873;&#39033;&#12290;&#36825;&#36890;&#24120;&#20301;&#20110;&ldquo;&#35774;&#32622; &gt; WooCommerce &gt; &#25353;&#38062;&rdquo;&#12290;<\/p>\n<\/li>\n<li>\n<p><strong>&#35774;&#32622;Google&#25903;&#20184;&#25353;&#38062;<\/strong><\/p>\n<p>&#22312;&#27492;&#27493;&#39588;&#20013;&#65292;&#24744;&#21487;&#20197;&#33258;&#23450;&#20041;&#25353;&#38062;&#26679;&#24335;&#12289;&#39068;&#33394;&#31561;&#12290;&#20363;&#22914;&#65306;<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/www.google.com\/pay\" class=\"google-pay-button\"&gt;\n   &lt;span&gt;Pay with Google Pay&lt;\/span&gt;\n&lt;\/a&gt;<\/code><\/pre>\n<\/li>\n<li>\n<p><strong>&#27979;&#35797;Google Pay&#21151;&#33021;<\/strong><\/p>\n<p>&#28857;&#20987;&ldquo;Pay with Google Pay&rdquo;&#38142;&#25509;&#65292;&#26816;&#26597;&#26159;&#21542;&#36339;&#36716;&#33267;Google Pay&#30028;&#38754;&#12290;&#22914;&#26524;&#25104;&#21151;&#65292;&#35828;&#26126;&#24744;&#30340;&#32593;&#31449;&#24050;&#27491;&#30830;&#38598;&#25104;Google Pay&#12290;<\/p>\n<\/li>\n<li>\n<p><strong>&#28155;&#21152;&#20854;&#20182;&#20184;&#27454;&#26041;&#24335;<\/strong><\/p>\n<p>&#22914;&#26524;&#38656;&#35201;&#25903;&#25345;&#26356;&#22810;&#25903;&#20184;&#26041;&#24335;&#65292;&#21487;&#20197;&#32771;&#34385;&#20351;&#29992;&#22914;Stripe&#25110;&#20854;&#20182;&#31532;&#19977;&#26041;&#26381;&#21153;&#25552;&#20379;&#21830;&#12290;<\/p>\n<\/li>\n<\/ol>\n<p><strong>&#27880;&#24847;&#20107;&#39033;<\/strong><\/p>\n<ul>\n<li>&#20351;&#29992;Google Pay&#26102;&#65292;&#35831;&#30830;&#20445;&#36981;&#24490;Google&#25903;&#20184;&#30340;&#38544;&#31169;&#25919;&#31574;&#12290;<\/li>\n<li>&#32771;&#34385;&#21040;&#23433;&#20840;&#22240;&#32032;&#65292;&#24212;&#36991;&#20813;&#30452;&#25509;&#23384;&#20648;&#29992;&#25143;&#30340;&#20449;&#29992;&#21345;&#20449;&#24687;&#65292;&#24314;&#35758;&#20351;&#29992;&#22806;&#37096;&#25903;&#20184;&#32593;&#20851;&#12290;<\/li>\n<\/ul>\n<p>&#36890;&#36807;&#20197;&#19978;&#27493;&#39588;&#65292;&#24744;&#21487;&#20197;&#22312;WordPress&#19978;&#36731;&#26494;&#22320;&#38598;&#25104;Google Pay&#65292;&#20026;&#29992;&#25143;&#25552;&#20379;&#26356;&#26041;&#20415;&#30340;&#22312;&#32447;&#25903;&#20184;&#20307;&#39564;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bug&#32534;&#35793;&#29422; &#35201;&#20351;&#24744;&#30340; WordPress &#32593;&#31449;&#25903;&#25345; Google Pay &#25509;&#25910;&#25903;&#20184;&#65292;&#038;#247..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3212","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3212"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3212\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3212"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}