尝试添加联系表格

Question

由于我的技能有限，这方面的工作有点困难。到目前为止，我创建了该区域，但事实证明添加联系表对我来说是一个巨大的挑战。

这是目前的区域：

灰色区域是我希望联系表单所在的位置，如下所示：

我希望联系表单实现的目标：

1. 添加（提问）

2. 使用联系表格的人必须输入姓名、电子邮件和电话，然后才能发送联系代理按钮。

3. 默认消息的信息框：我对邮政地址感兴趣，但他们总是可以通过输入自己的消息来覆盖。

4. 联系信息将发送到上面填写的任何电子邮件地址（现在是我的 joe@teamambrose.realtor

5. 在联系代理按钮下方显示：发送请求即表示您同意我们的隐私政策。

这是我到目前为止的代码：

<!--======= Agent Info =========-->
			<section class="info-property agents-info">
				
				<h5 class="tittle-head"><?php esc_html_e('agent details', 'realtor');?></h5>
				<div class="inner"> 
					
					<!--======= AGENT DETAILS =========-->
					<div class="row">
						<div class="col-sm-3">
							<?php echo wp_get_attachment_image(_sh_get_attachment_id_from_src(sh_set($meta1, 'agent_img')), '270x288');?>
						</div>
						<div class="col-sm-9">
							<?php $term_list = wp_get_post_terms(get_the_id(), 'property_agent', array("fields" => "names")); ?>
							<h5><?php echo implode( ', ', (array)$term_list );?></h5>
							<!--======= SOCIAL ICONS =========-->
							<ul class="social_icons">
								<li class="facebook"><a href="<?php echo sh_set($meta1, 'facebook_link');?>"><i class="fa fa-facebook"></i></a></li>
								<li class="twitter"><a href="<?php echo sh_set($meta1, 'twitter_link');?>"><i class="fa fa-twitter"></i></a></li>
								<!--<li class="googleplus"><a href="<?php echo sh_set($meta1, 'google_plus_link');?>"><i class="fa fa-google-plus"></i></a></li>-->
								<!--<li class="linkedin"><a href="<?php echo sh_set($meta1, 'linked_in_link');?>"><i class="fa fa-linkedin"></i></a></li>-->
								<li class="instagram"><a href="<?php echo sh_set($meta1, 'instagram_link');?>"><i class="fa fa-instagram"></i></a></li>
							</ul>
							<p><?php $description = $agents_term[0]->description; echo $description;?></p>

							<!--======= AGENT INFOR =========-->
							<ul class="agent-info">
								<li>
									<p><i class="fa fa-phone"></i> <?php echo sh_set($meta1, 'phone');?> </p>
								</li>
								<li>
									<p><i class="fa fa-envelope-o"></i><span style='font-size:11px'><?php echo sh_set($meta1, 'email');?></span></p>
								</li>
								<li>
									<p><i class="fa fa-home"></i> <?php printf( esc_html__('Listed %s Properties', 'realtor'), sh_set(sh_set($agents_term, 0 ) , 'count' ) );?> </p>
								</li>
							</ul>
						</div>
					</div>
					
					<div class="overlay">
		                <div class="container">
			                <h1><?php echo balanceTags($title);?></h1>
							<div class="pull-left"><?php echo balanceTags($title);?> </div>
							<h5>
							<div style="text-align: center;">
							    <?php echo 'Learn More: ' . get_the_title();?> </div>
							</h5>
				        </div>
	                </div>
			    	
					<div class="row">
                        <div class="col-sm-4">
				    	    <div style="height: 400px; width: 300px; background-color: #f8f8f8; border: 1px solid #dddddd;">
                            </div>
						</div>
						<div class="col-sm-8">
						    <div style="max-height: 400px; overflow: hidden; max-width: 610px; padding-left: 43px;">
						    <?php the_post_thumbnail('337x271', array('class' => 'img-responsive', 'style' => 'transform: translate(0%, -10%)'));?>
							</div>
					    </div>
				    </div>
			</section>

对此的任何帮助都会很棒！

Answer 1

我自己想出来的。必须将教程中的所有 echo 命令包装在 php 中