WordPress搭建外贸B2B商城询盘式网站

搭建B2B外贸商城需要用到的wordpress插件:Contact Form 7+Contact Form+Submissions+Easy WP SMTP+WC Catalog Enquiry+WooCommerce

一,Woocommerce:B2C商城,直接下单在线付款类型的插件,直接搜索安装,发布产品就是可直接下单的产品页面。按初次使用的用户引导使用即可。

二,Contact Form 7:表单提交插件,简单可以理解为询盘插件,发邮件的插件,使用方法,添加代码形式:

折叠式表单按钮:将PHP代码放在主题或子主题functions.php文件的底部。

  /**
 * @snippet       Show Product Inquiry CF7 @ Single Product Page - WooCommerce
 */
 
// --------------------------
// 1. Display Button and Echo CF7
 
add_action( 'woocommerce_single_product_summary', 'bbloomer_woocommerce_cf7_single_product', 30 );
 
function bbloomer_woocommerce_cf7_single_product() {
echo '<button type="submit" id="trigger_cf" class="single_add_to_cart_button button alt">Product Inquiry</button>';
echo '<div id="product_inq" style="display:none">';
echo do_shortcode('[paste_your_contact_form_7_shortcode_here]');
echo '</div>';
}
 
// --------------------------
// 2. Echo Javascript: 
// a) on click, display CF7
// b) and populate CF7 subject with Product Name
// c) and change CF7 button to "Close"
 
add_action( 'woocommerce_single_product_summary', 'bbloomer_on_click_show_cf7_and_populate', 40 );
 
function bbloomer_on_click_show_cf7_and_populate() {
   
  ?>
    <script type="text/javascript">
        jQuery('#trigger_cf').on('click', function(){
      if ( jQuery(this).text() == 'Product Inquiry' ) {
                   jQuery('#product_inq').css("display","block");
                   jQuery('input[name="your-subject"]').val('<?php the_title(); ?>');
         jQuery("#trigger_cf").html('Close'); 
      } else {
         jQuery('#product_inq').hide();
         jQuery("#trigger_cf").html('Product Inquiry'); 
      }
        });
    </script>
   <?php
      
}    

展开式表单呈现使用方法同上,并更换对应的contact form 7代码

/**
 * @snippet       Show CF7 @ Single Product Page - WooCommerce
 */
  
add_action( 'woocommerce_single_product_summary', 'bbloomer_woocommerce_cf7_single_product', 30 );
  
function bbloomer_woocommerce_cf7_single_product() {
echo do_shortcode('[paste_your_contact_form_7_shortcode_here]');
}

Contact form 7的配置

三,Easy WP Smtp:如果是使用VPS,那么需要插件Easy WP Smtp实现SMTP发送接收邮件

不同的版本的企业邮箱不同这里以阿里云企业邮箱为例:百度搜索阿里云企业邮箱SMTP,腾讯企业邮箱SMTP可获取相关配置信息,填入插件即可,只是插件是英文语言。

四,Contact Form Submissions:防漏的,wordpress后台就可以查看用户发的询盘信息。

五,WC Catalog Enquiry:用来去除列表页和单个产品的按钮”Add to cart“,并可以把”Add to cart”修改调整为任意文本如”Send inquiry“,配置参考如下:

说明:单独使用插件WC Catalog Enquiry不能正常首发邮件,不知道为啥?所以结合使用了contact form 7

最后我使用的服务器是它,推荐你也使用,有需要的可以点击下方图片:

技术参考以及技术辅助:www.zhudc.com 小朱的博客

发表评论

电子邮件地址不会被公开。