a22573bf0b
- WordPress core y plugins - Tema Twenty Twenty-Four configurado - Plugin allow-unfiltered-html.php simplificado - .gitignore configurado para excluir wp-config.php y uploads 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
756 lines
37 KiB
PHP
Executable File
756 lines
37 KiB
PHP
Executable File
<div class="tve_lp_header tve_empty_dropzone tve_content_width">
|
|
</div>
|
|
|
|
<div class="tve_lp_content tve_editor_main_content tve_empty_dropzone thrv_wrapper tve_no_drag"
|
|
style="margin-top: 50px; max-width: 1180px; background-attachment: scroll;">
|
|
|
|
<h1 style="color: #333; font-size: 63px;margin-top: 0;margin-bottom: 0;" class="tve_p_center">
|
|
This is Your Main Headline... <font color="#f58000">Use This to Grab Your Visitor's Attention</font>
|
|
</h1>
|
|
|
|
<h2 style="color: #f58000; font-size: 63px; margin-top: 0;margin-bottom: 60px;" class="tve_p_center first_heading">(Make Them Want to Read On)</h2>
|
|
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #459285">
|
|
<div class="in lightSec">
|
|
<div class="cck tve_clearfix">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="5">
|
|
<div class="tve_cb tve_cb5 tve_teal" style="margin-top: -10px; margin-bottom: -10px;">
|
|
<div class="tve_cb_cnt">
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix">
|
|
<div class="tve_colm tve_oth">
|
|
<div style="width: 421px;margin-top: 50px;" class="thrv_wrapper tve_image_caption aligncenter">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image tve_lead_product"
|
|
src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/landing_page_3_book.png' ?>"
|
|
style="width: 421px"/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_tth tve_lst">
|
|
<h2 style="color: #fff; font-size: 38px; margin-top: 0;margin-bottom: 30px;">
|
|
<span class="bold_text">
|
|
Use this Subheading for the Most Important Differentiator of Your Product
|
|
</span>
|
|
</h2>
|
|
|
|
<p style="color: #fff; font-size: 20px;margin-top: 0;margin-bottom: 25px;">
|
|
In this above-the-fold content, the goal is to give your visitors a clear reason
|
|
to stay and read on. Communicate not only what your product does, but also why
|
|
it's a better solution than any alternative.
|
|
</p>
|
|
|
|
<p style="color: #fff; font-size: 24px;margin-top: 0;margin-bottom: 25px;">
|
|
<span class="italic_text">
|
|
"Use a statement, promise or testimonial to emphasize an important point about your product."
|
|
</span>
|
|
</p>
|
|
|
|
<div class="thrv_wrapper" style="margin-top: 0;">
|
|
<hr class="tve_sep tve_sep1"/>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_button_shortcode tve_fullwidthBtn" data-tve-style="1">
|
|
<div class="tve_btn tve_btn3 tve_nb tve_orange tve_bigBtn" style="margin-top: -20px;">
|
|
<a class="tve_btnLink " href="">
|
|
<span class="tve_left tve_btn_im">
|
|
<i></i>
|
|
<span class="tve_btn_divider"></span>
|
|
</span>
|
|
<span class="tve_btn_txt">Get Your Copy Now >></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_icon aligncenter guide_arrow" style="margin-bottom: -25px;">
|
|
<span style="font-size: 30px;color: #fff;" class="tve_sc_icon vibrant-sales-arrow tve_white" data-tve-icon="vibrant-sales-arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="tve_p_center" style="font-size: 20px; color: #cccccc; margin-top: 50px; margin-bottom: 10px;">
|
|
<span class="bold_text">OUR CLIENTS</span>
|
|
</p>
|
|
|
|
<div style="width: 1086px; margin-top: 0px;margin-bottom: 30px;" class="thrv_wrapper tve_image_caption aligncenter">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image"
|
|
src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/logos.png' ?>"
|
|
style="width: 1086px"/>
|
|
</span>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #d5e8e5; box-shadow: 0 1px 0 0 #ceddda;">
|
|
<div class="in lightSec">
|
|
<div class="cck tve_clearfix">
|
|
<h2 class="tve_p_center" style="color: #333; font-size: 52px;margin-top: 50px;margin-bottom: 30px;">
|
|
<span class="bold_text">
|
|
This is for you if...
|
|
</span>
|
|
</h2>
|
|
|
|
<p style="color: #666; font-size: 20px;margin-top: 0;margin-bottom: 50px;" class="tve_p_center">
|
|
When selling a product, telling your visitors who the product is for and who it's NOT for is a very
|
|
powerful way to get the right people's attention. That's what this section is for.
|
|
</p>
|
|
<div class="thrv_wrapper thrv_icon aligncenter guide_arrow" style="margin-bottom: -25px;">
|
|
<span style="font-size: 30px;color: #000;" class="tve_sc_icon vibrant-sales-arrow tve_white" data-tve-icon="vibrant-sales-arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #fff; box-shadow: 0 -2px 0 0 #ededed;">
|
|
<div class="in lightSec">
|
|
<div class="cck tve_clearfix">
|
|
<div class="thrv_wrapper thrv_content_container_shortcode">
|
|
<div class="tve_clear"></div>
|
|
<div class="tve_content_inner tve_center" style="width: 900px; min-width: 50px; min-height: 2em;">
|
|
<ul class="thrv_wrapper" style="margin-top: 50px;">
|
|
<li class="">
|
|
To make best use of this section, don't list features or even benefits of your product
|
|
or service. What's important here isn't about your product, it's about your visitor.
|
|
</li>
|
|
<li class="">
|
|
The more you know about your ideal prospect, the more precise you can be in your "this
|
|
is for you if..." list.
|
|
</li>
|
|
<li class="">
|
|
Most importantly: don't be afraid of limiting your audience. Don't make vague statements
|
|
that include everyone. Make statements that clearly address your target market. If no
|
|
one stops reading and leaves here, the section is pointless.
|
|
</li>
|
|
<li class="">
|
|
A point you make here could include the elements: who your visitor is, what they do,
|
|
what they've tried and a problem they still have. E.g. "You're a small business owner
|
|
and you're aware of security risks, but all the backup solutions you've tried are out of
|
|
your price range."
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tve_clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper" style="margin-top: 0;">
|
|
<hr class="tve_sep tve_sep2"/>
|
|
</div>
|
|
<h2 style="font-size: 48px;margin-top: 50px;margin-bottom: 20px;" class="tve_p_center">
|
|
<span class="bold_text">Don't Fear the Feature List! <font color="#f58000">Deliver a Wow-Factor With the List in
|
|
this Section!</font></span></h2>
|
|
<h5 style="color: rgb(102, 102, 102); font-size: 24px;margin-top: 0;margin-bottom: 70px;" class="tve_p_center second_heading">
|
|
A visual element for each feature, some text to explain the benefits plus the
|
|
sheer number of features make this an effective selling point:</h5>
|
|
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix" style="margin-top: 0px;">
|
|
<div class="tve_colm tve_oth">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-download tve_white" data-tve-icon="vibrant-sales-download"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Name of the Feature</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">In this paragraph,
|
|
explain the feature in terms of how it makes your product more useful for your customer.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_oth">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-gear tve_white" data-tve-icon="vibrant-sales-gear"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Software</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">
|
|
If you're selling a
|
|
software product, a feature list is important to add. Make it easy to scan, for comparison
|
|
shoppers.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_thc tve_lst">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-chart tve_white" data-tve-icon="vibrant-sales-chart"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Information/Services</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">
|
|
If you aren't selling
|
|
software, a section like this becomes about benefits more than features.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix">
|
|
<div class="tve_colm tve_oth">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-lock tve_white" data-tve-icon="vibrant-sales-lock"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Chapters/Sections</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">
|
|
For information
|
|
products, use a section like this to advertise each major chapter or section in the product.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_oth">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-plug tve_white" data-tve-icon="vibrant-sales-plug"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Services</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">
|
|
If you're selling a
|
|
service, use this section to talk about all the aspects of your service that are
|
|
exceptional.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_thc tve_lst">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-modem tve_white" data-tve-icon="vibrant-sales-modem"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Tech Talk</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">
|
|
If you're selling to
|
|
a tech-savvy audience, don't shy away from being technical in your feature descriptions.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix">
|
|
<div class="tve_colm tve_oth">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-heart tve_white" data-tve-icon="vibrant-sales-heart"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">Empty Benefits</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">
|
|
List what sets you
|
|
apart from competitors first. List items your visitor already expects last.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_oth">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-briefcase tve_white" data-tve-icon="vibrant-sales-briefcase"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">More Information</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">Linking each feature
|
|
to an article or video with more details is something worth testing.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_thc tve_lst">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="symbol">
|
|
<div class="tve_cb tve_cb_symbol tve_teal">
|
|
<div class="thrv_wrapper thrv_icon aligncenter" style="border-radius: 52px; margin: 3px;">
|
|
<span style="padding: 20px; border-radius: 50px;" class="tve_sc_icon vibrant-sales-people tve_white" data-tve-icon="vibrant-sales-people"></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<p style="color: #333; font-size: 22px; margin-bottom: 15px;" class="tve_p_center"><span class="bold_text">All vs.
|
|
Best</span></p>
|
|
|
|
<p style="color: #666; font-size: 18px;margin-bottom: 0;" class="tve_p_center">Test a longer feature
|
|
list with everything you can think of against a shorter one with just the highlights.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #459285">
|
|
<div class="in lightSec">
|
|
<div class="cck tve_clearfix">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="6">
|
|
<div class="tve_cb tve_cb6 tve_teal">
|
|
<div class="tve_cb_cnt">
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix" style="margin-top: 0;margin-bottom: 0;">
|
|
<div class="tve_colm tve_tfo tve_df ">
|
|
<h4 style="color: #333333; margin-top: 10px; margin-left: 0px;margin-bottom: 0; font-size:30px">
|
|
Get instant access to our <font color="#f58000">PRODUCT NAME</font> now!
|
|
</h4>
|
|
|
|
<p style="color: #666; font-size: 20px;margin-top: 15px;margin-bottom: 0;">
|
|
A subheading, an image and a strong call to action: this section is all about
|
|
getting your visitor to click the button and start the purchase process.
|
|
</p>
|
|
</div>
|
|
<div class="tve_colm tve_foc tve_ofo tve_df tve_lst">
|
|
<div style="width: 118px; margin-top: 0px;margin-bottom: 0;"
|
|
class="thrv_wrapper tve_image_caption aligncenter">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image file_icon"
|
|
src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/whammy_file.png' ?>"
|
|
style="width: 118px"/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_button_shortcode tve_fullwidthBtn" data-tve-style="1">
|
|
<div class="tve_btn tve_btn3 tve_nb tve_orange tve_bigBtn">
|
|
<a class="tve_btnLink " href="">
|
|
<span class="tve_left tve_btn_im">
|
|
<i></i>
|
|
<span class="tve_btn_divider"></span>
|
|
</span>
|
|
<span class="tve_btn_txt">Yes, I Want to Get [Benefit] Now >></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #d5e8e5">
|
|
<div class="in darkSec">
|
|
<div class="cck tve_clearfix">
|
|
<h2 style="color: #333; font-size: 48px;margin-top: 50px;margin-bottom: 50px;" class="tve_p_center">
|
|
<span class="bold_text">A Text Section with a Subheading</span>
|
|
</h2>
|
|
<p style="color: #666666;margin-bottom: 30px;">
|
|
<span class="bold_text">This is the most repeatable section on the page.</span> You can use text
|
|
sections like this repeatedly, to explain details about your product, elaborate on the major
|
|
benefits you offer and much more.
|
|
</p>
|
|
<p style="color: #666666;margin-bottom: 30px;">
|
|
<span class="bold_text">Beware the wall of text.</span> We've used many visual elements and a lot of
|
|
visual variety on this page. This is meant to keep readers engaged. Make sure that you don't hit
|
|
them with a wall of text in your text sections. Lots of text isn't a bad thing, but break it up with
|
|
short paragraphs, highlighted text and occasional images.
|
|
</p>
|
|
<p style="color: #666666; margin-bottom: 80px;">
|
|
<span class="bold_text">Address your visitor's objections.</span> A text section like this is ideal
|
|
for addressing objections. Whenever you get pre-purchase questions especially pay attention to
|
|
anything that's keeping your prospects from making a purchase. What makes them hesitate? What are
|
|
they unsure about? These are points you can address here, on your sales page.
|
|
</p>
|
|
<div class="thrv_wrapper thrv_icon aligncenter guide_arrow" style="margin-bottom: -25px;">
|
|
<span style="font-size: 30px;color: #000;" class="tve_sc_icon vibrant-sales-arrow tve_white" data-tve-icon="vibrant-sales-arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_testimonial_shortcode " data-tve-style="11">
|
|
<div class="tve_ts tve_ts-bigpicture tve_teal" style="margin-top: 50px;margin-bottom: 0;">
|
|
<div class="tve_ts_o-bigpicture">
|
|
<div class="tve_ts_imc-bigpicture">
|
|
<div class="tve_image_caption thrv_wrapper img_style_circle" style="width: 98px;">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image" style="width: 98px;" src="<?php echo TVE_LANDING_PAGE_TEMPLATE ?>/css/images/shanemelaugh.png" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_ts_t-bigpicture">
|
|
<h4 style="color: #333; font-size: 22px; margin-top: 0;margin-bottom: 30px;">Add Testimonials for
|
|
Social Proof</h4>
|
|
<div class="thrv_wrapper" style="margin-top: 0; margin-bottom: 20px;">
|
|
<hr class="tve_sep tve_sep2">
|
|
</div>
|
|
<p style="font-size: 20px; color: #666666;margin-bottom: 20px;">
|
|
"Testimonials are a great way to add some social proof to your sales page and they usually increase
|
|
conversions (although it's still something you should test)."
|
|
</p>
|
|
<div class="tve_ts_o">
|
|
<span class="tve_ts_bigpicture-aut">
|
|
John Doe, ACME Inc.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="thrv_wrapper thrv_testimonial_shortcode " data-tve-style="11">
|
|
<div class="tve_ts tve_ts-bigpicture tve_teal" style="margin-bottom: 50px;">
|
|
<div class="tve_ts_o-bigpicture">
|
|
<div class="tve_ts_imc-bigpicture">
|
|
<div class="tve_image_caption thrv_wrapper img_style_circle" style="width: 98px;">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image" style="width: 98px;" src="<?php echo TVE_LANDING_PAGE_TEMPLATE ?>/css/images/girl.jpg" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_ts_t-bigpicture">
|
|
<h4 style="color: #333; font-size: 22px; margin-top: 0;margin-bottom: 30px;">What the Perfect
|
|
Testimonial Looks Like</h4>
|
|
<div class="thrv_wrapper" style="margin-top: 0; margin-bottom: 20px;">
|
|
<hr class="tve_sep tve_sep2">
|
|
</div>
|
|
<p style="font-size: 20px; color: #666666;margin-bottom: 20px;">
|
|
"We've created a simple but excellent testimonial layout for you here. It consists of a headline (the
|
|
best sentence or statement from the testimonial), the testimonial text itself, an image and a
|
|
name/byline.
|
|
</p>
|
|
<p class="" style="font-size: 20px; color: #666666;margin-bottom: 20px;">And of course, it's all beautifully
|
|
designed so your testimonials make a great impression!"
|
|
</p>
|
|
<div class="tve_ts_o">
|
|
<span class="tve_ts_bigpicture-aut">
|
|
Jane Doe, OtherCorp
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper" style="margin-top: 0; margin-bottom: 0;">
|
|
<hr class="tve_sep tve_sep2">
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #459285">
|
|
<div class="in darkSec">
|
|
<div class="cck tve_clearfix">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode tve_no_corner" data-tve-style="6">
|
|
<div class="tve_cb tve_cb6 tve_teal" style="margin: 0 10px;">
|
|
<div class="tve_cb_cnt">
|
|
<div class="thrv_wrapper thrv_columns">
|
|
<div class="tve_colm tve_twc">
|
|
<div style="width: 421px;margin-top: 50px;" class="thrv_wrapper tve_image_caption aligncenter">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image tve_lead_product"
|
|
src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/landing_page_3_book.png' ?>"
|
|
style="width: 421px"/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_twc tve_lst">
|
|
<h2 class="tve_p_center" style="color:#333333; font-size: 48px;margin-top: 0; margin-bottom: 30px;">
|
|
<span class="bold_text">
|
|
This
|
|
is the "What You Get" Section.
|
|
</span></h2>
|
|
|
|
<p style="color: #666; font-size: 20px;margin-bottom: 20px;" class="">
|
|
This is another call to action section, with a few conversion boosting
|
|
elements.</p>
|
|
|
|
<p style="color: #666; font-size: 20px;margin-bottom: 20px;" class="">
|
|
Add a heading and a large image of your product. In the text section above the
|
|
product, describe exactly what your customer gets after making the purchase. The
|
|
clearer your visitor is about what they will get, the less friction there is
|
|
before the purchase.</p>
|
|
|
|
<div class="thrv_wrapper thrv_button_shortcode tve_fullwidthBtn" data-tve-style="1">
|
|
<div class="tve_btn tve_btn3 tve_nb tve_orange tve_bigBtn" style="margin-top: 0px;margin-bottom: 0px;">
|
|
<a class="tve_btnLink " href="">
|
|
<span class="tve_left tve_btn_im">
|
|
<i></i>
|
|
<span class="tve_btn_divider"></span>
|
|
</span>
|
|
<span class="tve_btn_txt">Get Your Copy Now >></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #ededed">
|
|
<div class="in darkSec">
|
|
<div class="cck tve_clearfix">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="4">
|
|
<div class="tve_cb tve_cb4 tve_white" style="margin-top: 30px; margin-bottom: 30px;">
|
|
<div class="tve_hd">
|
|
<span></span>
|
|
</div>
|
|
<div class="tve_cb_cnt">
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix" style="margin-top: 0;margin-bottom: 0;">
|
|
<div class="tve_colm tve_foc tve_df tve_ofo ">
|
|
<div style="width: 207px;" class="thrv_wrapper tve_image_caption aligncenter">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image"
|
|
src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/vibrant_sales_guarantee.png' ?>"
|
|
style="width: 207px"/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_tfo tve_df tve_lst">
|
|
<h4 style="color: #333333; font-size: 30px;margin-top: 30px;margin-bottom: 25px;">
|
|
Try It Out 100% Risk-FREE for <font color="#ff9900">30 DAYS!</font></h4>
|
|
|
|
<p style="color: #666666; font-size: 20px; margin-top: 0;margin-bottom: 10px;"
|
|
class="">Add your guarantee statement or money back guarantee here. Describe what
|
|
your guarantee entails as well as a reason why you're offering it. It's also
|
|
worth testing different guarantees against each other, although offering a
|
|
standard money-back guarantee is a fairly safe bet.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_icon aligncenter guide_arrow" style="margin-bottom: -25px;">
|
|
<span style="font-size: 30px;color: #fff;" class="tve_sc_icon vibrant-sales-arrow tve_white" data-tve-icon="vibrant-sales-arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_testimonial_shortcode " data-tve-style="11">
|
|
<div class="tve_ts tve_ts-bigpicture tve_teal" style="margin-top: 50px;margin-bottom: 0;">
|
|
<div class="tve_ts_o-bigpicture">
|
|
<div class="tve_ts_imc-bigpicture">
|
|
<div class="tve_image_caption thrv_wrapper img_style_circle" style="width: 98px;">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image" style="width: 98px;" src="<?php echo TVE_LANDING_PAGE_TEMPLATE ?>/css/images/shanemelaugh.png" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_ts_t-bigpicture">
|
|
<h4 style="color: #333; font-size: 22px; margin-top: 0;margin-bottom: 30px;">Add More Testimonials
|
|
Here, After the Main Call to Purchase</h4>
|
|
<div class="thrv_wrapper" style="margin-top: 0; margin-bottom: 20px;">
|
|
<hr class="tve_sep tve_sep2">
|
|
</div>
|
|
<p style="font-size: 20px; color: #666666;margin-bottom: 20px;" class="">
|
|
"Visitors have had several opportunities to purchase the product, so if they're still scrolling at this
|
|
point, they're still unsure. Testimonials are a great way to sway undecided visitors."
|
|
</p>
|
|
<div class="tve_ts_o">
|
|
<span class="tve_ts_bigpicture-aut">
|
|
John Doe
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="thrv_wrapper thrv_testimonial_shortcode " data-tve-style="11">
|
|
<div class="tve_ts tve_ts-bigpicture tve_teal" style="margin-bottom: 0px;">
|
|
<div class="tve_ts_o-bigpicture">
|
|
<div class="tve_ts_imc-bigpicture">
|
|
<div class="tve_image_caption thrv_wrapper img_style_circle" style="width: 98px;">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image" style="width: 98px;" src="<?php echo TVE_LANDING_PAGE_TEMPLATE ?>/css/images/girl.jpg" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_ts_t-bigpicture">
|
|
<h4 style="color: #333; font-size: 22px; margin-top: 0;margin-bottom: 30px;">Testimonials With
|
|
Specific Details Win</h4>
|
|
<div class="thrv_wrapper" style="margin-top: 0; margin-bottom: 20px;">
|
|
<hr class="tve_sep tve_sep2">
|
|
</div>
|
|
<p style="font-size: 20px; color: #666666;margin-bottom: 20px;" class="">
|
|
"Don't just list testimonials that are gushingly positive about your product or company in general.
|
|
Although those can help, the best testimonials are ones that include specific details.</p>
|
|
|
|
<p class="" style="font-size: 20px; color: #666666;margin-bottom: 20px;">For
|
|
example, a customer saying how something went wrong, but your support staff was extremely fast and
|
|
helpful can be better than just another customer saying everything was excellent."
|
|
</p>
|
|
<div class="tve_ts_o">
|
|
<span class="tve_ts_bigpicture-aut">
|
|
Jane Doe
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="thrv_wrapper thrv_testimonial_shortcode " data-tve-style="11">
|
|
<div class="tve_ts tve_ts-bigpicture tve_teal" style="margin-bottom: 50px;">
|
|
<div class="tve_ts_o-bigpicture">
|
|
<div class="tve_ts_imc-bigpicture">
|
|
<div class="tve_image_caption thrv_wrapper img_style_circle" style="width: 98px;">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image" style="width: 98px;" src="<?php echo TVE_LANDING_PAGE_TEMPLATE ?>/css/images/shanemelaugh.png" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_ts_t-bigpicture">
|
|
<h4 style="color: #333; font-size: 22px; margin-top: 0;margin-bottom: 30px;">More Testimonials...</h4>
|
|
<div class="thrv_wrapper" style="margin-top: 0; margin-bottom: 20px;">
|
|
<hr class="tve_sep tve_sep2">
|
|
</div>
|
|
<p style="font-size: 20px; color: #666666;margin-bottom: 20px;">
|
|
"We're nearing the end of the sales page, so adding many more testimonials here can work in your favor.
|
|
In the first testimonials section, show just two or three of your best ones. But here, you can list
|
|
dozens, to try and sway those undecided visitors."
|
|
</p>
|
|
<div class="tve_ts_o">
|
|
<span class="tve_ts_bigpicture-aut">
|
|
John Doe
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tve_clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-image: url('<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/vibrant_sales_pattern.png' ?>');background-repeat: repeat;">
|
|
<div class="in darkSec">
|
|
<div class="cck tve_clearfix">
|
|
<h2 style="color: #333333; font-size: 48px;margin-top: 20px;margin-bottom: 20px;" class="tve_p_center">
|
|
<span class="bold_text">FAQ</span>
|
|
</h2>
|
|
<h5 style="color: #666666; font-size: 24px; margin-top: 0;margin-bottom: 30px;" class="tve_p_center">Here are answers to some frequently asked questions:</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_columns" style="margin-top: 60px;margin-bottom: 60px;">
|
|
<div class="tve_colm tve_twc">
|
|
<div class="thrv_wrapper thrv_toggle_shortcode tve_teal">
|
|
<div class="tve_faq">
|
|
<div class="tve_faqI">
|
|
<div class="tve_faqB"><span class="tve_not_editable tve_toggle"></span><h4>Why Add This FAQ Section?</h4></div>
|
|
<div class="tve_faqC" style="display: none;">
|
|
<p>An FAQ section like
|
|
this is a great way to address more possible objections that your visitors might have (and
|
|
do it in a compact way).</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_toggle_shortcode tve_teal">
|
|
<div class="tve_faq">
|
|
<div class="tve_faqI">
|
|
<div class="tve_faqB"><span class="tve_not_editable tve_toggle"></span><h4>Browse for the Information You Need</h4></div>
|
|
<div class="tve_faqC" style="display: none;"><p>We're using content
|
|
toggles for this section, so that visitors can easily read more about the things they want
|
|
to learn more about and skip the rest.</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_colm tve_twc tve_lst">
|
|
<div class="thrv_wrapper thrv_toggle_shortcode tve_teal">
|
|
<div class="tve_faq">
|
|
<div class="tve_faqI">
|
|
<div class="tve_faqB"><span class="tve_not_editable tve_toggle"></span><h4>Boring Technical Stuff Goes Here</h4></div>
|
|
<div class="tve_faqC" style="display: none;"><p>Questions like
|
|
"does this work with my operating system?" don't make for thrilling sales page content, but
|
|
they can easily be addressed in this section.</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_toggle_shortcode tve_teal">
|
|
<div class="tve_faq">
|
|
<div class="tve_faqI">
|
|
<div class="tve_faqB"><span class="tve_not_editable tve_toggle"></span><h4> Heatmaps Are Your Friend</h4></div>
|
|
<div class="tve_faqC" style="display: none;"><p>It's a good idea to
|
|
measure clicks you get onto different FAQ items (e.g. with a heatmap). If an item is getting
|
|
a lot of clicks, it might be worth adding it as a larger section on the page.</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_page_section" data-tve-style="1">
|
|
<div class="out" style="background-color: #459285">
|
|
<div class="in lightSec">
|
|
<div class="cck tve_clearfix">
|
|
<div class="thrv_wrapper thrv_contentbox_shortcode" data-tve-style="6">
|
|
<div class="tve_cb tve_cb6 tve_teal">
|
|
<div class="tve_cb_cnt">
|
|
<div class="thrv_wrapper thrv_columns tve_clearfix" style="margin-top: 0;margin-bottom: 0;">
|
|
<div class="tve_colm tve_tfo tve_df ">
|
|
<h4 style="color: #333333; margin-top: 10px; margin-left: 0px;margin-bottom: 0; font-size:30px">
|
|
Get instant access to our <font color="#f58000">PRODUCT NAME</font> now!
|
|
</h4>
|
|
|
|
<p style="color: #666; font-size: 20px;margin-top: 15px;margin-bottom: 0;" class="">
|
|
A subheading, an image and a strong call to action: this section is all about
|
|
getting your visitor to click the button and start the purchase process.</p>
|
|
</div>
|
|
<div class="tve_colm tve_foc tve_ofo tve_df tve_lst">
|
|
<div style="width: 118px; margin-top: 0px;margin-bottom: 0;"
|
|
class="thrv_wrapper tve_image_caption aligncenter">
|
|
<span class="tve_image_frame">
|
|
<img class="tve_image file_icon"
|
|
src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/whammy_file.png' ?>"
|
|
style="width: 118px"/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thrv_wrapper thrv_button_shortcode tve_fullwidthBtn" data-tve-style="1">
|
|
<div class="tve_btn tve_btn3 tve_nb tve_orange tve_bigBtn">
|
|
<a class="tve_btnLink " href="">
|
|
<span class="tve_left tve_btn_im">
|
|
<i></i>
|
|
<span class="tve_btn_divider"></span>
|
|
</span>
|
|
<span class="tve_btn_txt">Yes, I Want to Get [Benefit] Now >></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tve_lp_footer tve_empty_dropzone tve_drop_constraint" data-forbid=".thrv_page_section,.sc_page_section">
|
|
<p class="tve_p_center" style="color: #333333;font-size: 17px;margin-top: 10px;">© {tcb_current_year} Vibrant Sales Page.. All
|
|
rights Reserved | Disclaimer</p>
|
|
</div>
|