How to add and customize the form on the one-page template - op-section.html

1 reply·opened Oct 6, 2016
H
HOMEMAKERS_2015Oct 6, 2016

Hi there,

I would like to customize the form on the header of the one-page template: op-section.html.

I would the form to display as follows:

Name Phone
Email
Message

Please can you advise how I can customize this? And where can I add the email account that the subscribe button links to?

Thanks or your time in advance
Colleen

S
SemiColonWebSTAFFOct 6, 2016

Hello,

This is Definitely Possible! Please consider replacing the Existing .subscribe-widget Container with the following code:

<div class="vertical-middle contact-widget" data-loader="button">
	<div class="col-padding">
		<div class="heading-block nobottomborder bottommargin-sm">
			<h1 style="line-height: 1.4;font-size: 24px;">Stay in Touch to get Exclusive Offers &amp; Daily Digest</h1>
			<span style="font-size:16px; top-margin: 20px;" class="t300">Deals, Coupon Codes &amp; Insider Tips to get the Best out of our Products &amp; Services</span>
		</div>
		<div class="contact-form-result"></div>
		<form id="slider-subscribe-form" action="include/sendemail.php" method="post" class="nobottommargin">
			<div class="col_half">
				<input type="text" class="sm-form-control required" name="template-contactform-name" placeholder="Full Name">
			</div>
			<div class="col_half col_last">
				<input type="text" class="sm-form-control required" name="template-contactform-phone" placeholder="Phone Number">
			</div>
			<div class="clear"></div>
			<div class="col_full">
				<input type="email" class="sm-form-control required" name="template-contactform-email" placeholder="Enter Email Address">
			</div>
			<div class="col_full">
				<textarea class="sm-form-control required" name="template-contactform-message" placeholder="Your Message" rows="6" cols="30"></textarea>
			</div>

			<div class="col_full hidden">
				<input type="text" name="template-contactform-botcheck" value="" class="sm-form-control" />
			</div>
			<button type="submit" class="button button-dark button-3d button-rounded btn-block nomargin" value="submit"><i class="icon-email2"></i> Subscribe Now</button>
		</form>
	</div>
</div>

Now, you can simply add your Email Address in the include/sendemail.php File.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard