如何在WordPress网站中添加关注微信公众号获取验证码功能?

网站流量转化为微信公众号最好的方法,很多朋友都再问如何添加这个功能,下面就为大家展示如何添加微信公众号验证码获取功能。

将下面的代码,添加到当前主题函数模板 functions.php 文件中:

//公众号获取验证码
function weixin_fans($atts, $content=null){
	extract(shortcode_atts( array (
		'key' => null,
		'reply' => ''
		), $atts));
	// 管理员登录直接显示隐藏内容
	if ( current_user_can('level_10') ) {
		return '<div class="hidden-content">'.do_shortcode( $content ).'</div>';
	}
	// 输入正确验证码显示隐藏内容
	if(isset($_POST['weixin_key']) && $_POST['weixin_key']==$key){
		return '<div class="hidden-content">'.do_shortcode( $content ).'</div>';
	} else {
		return '
		<form class="post-password-form weixin-form" action="'.get_permalink().'" method="post">
			<div class="weixin-box">
				<div class="post-secret"></i>获取高速下载链接</div>
				<p>
					<input style="width:120px;height:26px;" type="password" size="18" name="weixin_key">
					<input style="width:40px;height:30px;" type="submit" value="提交" name="Submit">
				</p>
				<div class="weixin-secret">
					<div class="weixin-w">回复<span class="weixin-n">'.$reply.'</span>将会获取<span class="weixin-n">验证码</span></div>
					<img src="https://defcon.cn/wp-content/uploads/2020/07/qrcode.jpg" alt="weixin">
				</div>
			</div>
		</form>';
	}
}
add_shortcode('weixin', 'weixin_fans');

记得修改为你的公众号名称

CSS样式,可自行修改调试


.hidden-content, .weixin-form {
	padding: 20px 0.5rem;
	border: 2px dashed #e63b3f;
	margin-top: -40px;
}
.weixin-form img {
	width: 140px;
	float: right;
        margin-top: -126px;
        margin-right: -3px;
}
.weixin-n {
	color: #e63b3f;
}
更多关于WordPress跨境电商建站可加群257938777交流。

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...