HD LiveWire Custom Page Template W/ Content

To prepare for the new HD LiveWire, we have created a couple template pages that can be used for SEO and SEM.

Below is the HTML code for an HD LiveWire page. Each bolded section is something we would need to update, either a URL, or text.

Once an SEO rep creates the landing page they need to reach out to support to request that a custom form is created and linked to the buttons on the page. Once finished, please alert the SEM rep if your client has SEM so that SEM will be able to link any LiveWire ads to the page.


Here is the content article that was used: 

https://docs.google.com/document/d/1LN90jP2WybZB4JBcwauKeur_eeBulHdNDmspF_l6yGs/edit

Here are a couple example Pages:

DS: https://www.willamettevalleyhd.com/--HD-LiveWire

ARI: http://mcdbscmk.ari-build.com/hd-livewire

* To see a breakdown of assets, visit DSCUSTOMVIEW in the CMS

To Create a Custom Page on a Dealer Spike Website:

  1. Navigate to your dealer’s admin panel

  2. Click ContentSite EditingBegin Editing

  3. In the In-line Editor, select New Page



4. Select a Freeform Page and make the page name HD-LiveWire
















5. Click Save

6. Back in the Admin panel: select DS Admin Manage Snippets

7. Change the Default dropdown to Page

8. Find the page you just created

















9. Open the Source Code and paste the template from below

10. Update the bold text in the template with

    1. Dealership Name

    2. Dealership Location

    3. Phone number

    4. Image URLs (see below)

    5. Form Fill URL (see below)

11. Save and review the page to make sure formatting is preserved. Reach out to a senior rep or team lead if you need help making adjustments


Adding Images

You will need to take the bolded image URLs and upload them to your dealer’s FTP so the proper domain is associated with each image.

  1. Download the images to your computer

  2. Find your client in FTP using Notepad++ or Atom

  3. Click and drag your downloaded images to the seo subfolder, found under the images folder

  4. Update the image URLs in the template to: /images/seo/{file name of the image}

Example: /images/seo/LiveWire%20Kick%20Stand.jpg

Custom Form

The final thing we need to do is reach out to support so they can create a custom form submission for this page.

Like this: https://www.barneshd.com/--livewirepreorder 


Here is a template email you can send to support@dealerspike.com or the ARI Website Manager:

Hello,

Can we please have a custom LiveWire pre-order form created for [Dealer Name]?

Please use this page as an example of what we are looking for: https://www.barneshd.com/--livewirepreorder

Once this page is completed, please link it to the “Reserve Yours Today” buttons at the top and bottom of this page: [URL of the page you created].

Thank you!


__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Templates

DS

<div class="row">

<center>

<div><img alt="2020 Harley-Davidson® LiveWire" class="img-responsive img-rounded fr-dib" src="//cdnmedia.endeavorsuite.com/images/ThumbGenerator/Thumb.aspx?img=//cdnmedia.endeavorsuite.com/images/organizations/dafd1121-df02-4a8b-9169-071a4b3f8a95/livewire.jpg&amp;v=1558033031411&amp;mw=400&amp;mh=200&amp;f=1?v=20190516142624" /></div>

</center>

</div>

<div class="row">

<div class="col-xs-12 text-center">

<h1><strong>All-New 2020 Harley-Davidson® LiveWire</strong></h1>

<br />

<div class="seobutton" style="text-align:center; margin-bottom:-10px; margin-top:-10px;"><!-- SEO Button div start -->

<ul><!-- button list start -->

<li><a class="lead-button" href="###" role="button">Reserve Yours Today</a></li>

</ul>

<!-- button list end --></div>

<!-- SEO Button div end--></div>

</div>


<div class="row">

<div class="col-xs-12 margin-y-10">

<p class="lead">The future has arrived in style with the all-new 2020 Harley Davidson LiveWire. This electric motorcycle has plenty to offer, especially if you’re looking for a bike that provides incredible fuel savings while also helping to save the environment. It’s built with the solid, reliable construction you’d expect from any Harley-Davidson model. It’s also ultra-lightweight and promises lightning-fast acceleration that’s sure to fulfill your need for speed.</p>

<p class="lead">Here at [DEALERSHIP], we’re proud to carry a wide range of inventory, which includes the head-turning Harley-Davidson LiveWire. Stop by and see us in [LOCATION] to check out this electric motorcycle for yourself.</p>

</div>

</div>

<p style="margin-left: 60px; text-align: center;"><span class="fr-video fr-fvc fr-dvi fr-draggable" contenteditable="false"><iframe allowfullscreen="" class="fr-draggable" frameborder="0" height="315" src="https://www.youtube.com/embed/exUDbWXi4Do" width="560"></iframe></span></p>

<h2 style="margin-left: 60px; text-align: center;"><strong>The New Way to Ride</strong></h2>


<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5" style="padding-top: 0px;"><img alt=”Man riding 2020 HD LiveWire around a curveclass="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/2019-05-16%2014_03_09-billboard-livewire-bike.jpg%20(1350%C3%971012).png" /></div>

<div class="col-xs-12 col-sm-7">

<h3 class="text-center"><br />

<strong>Mind-Blowing Performance</strong></h3>

<p class="lead">It’s a common assumption that you'll have to forfeit performance in exchange for this level of sustainability, but that’s not the case. In fact, the LiveWire offers instant torque, which allows it to go from zero to 60 mph in a mere 3 seconds. You might even be surprised to learn that some of the fastest bikes in the world right now are actually electric motorcycles, some of which can reach up to speeds of over 200 mph.</p>

<p class="lead">The permanent magnet electric motor is located just below the battery, which effectively lowers the center of gravity for easy handling at all times. You’ll fall in love with the high-performance SHOWA front and rear suspension system, which is fully adjustable. This means you’ll be able to tailor it to your specific needs, so you can have the perfect combination of comfort and handling whenever you ride.</p>

</div>

</div>

<br />


<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5 margin-y-10 col-sm-push-7 " style="padding-top: 0px;"><img img alt="2020 HD LiveWire control panel" class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/2019-05-16%2014_06_46-key-feature-livewire-5.jpg%20(726%C3%97538).png" /></div>

<div class="col-xs-12 col-sm-7 col-sm-pull-5">

<h3 class="text-center"><strong>Staying Connected</strong></h3>

<p class="lead">What’s more, staying updated on your performance has never been so easy with the state-of-the-art touchscreen display. The 4.3-inch full-color, liquid-crystal display on the LiveWire will keep you in the loop on your speed, battery status, and range.<br />

<br />

Want to go a step further? Download the latest version of the Harley-Davidson app on your smartphone so you can stay connected. You’ll be able to check all the vitals, including the charge status, its location on the map, and you’ll even receive security alerts if your bike has been moved or tampered with.</p>

</div>

</div>

<br />


<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5" style="padding-top: 0px;"><img img alt="Electric outlet to charge the 2020 HD LiveWire" class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/2019-05-16%2014_08_09-billboard-electric-plug.jpg%20(1350%C3%971012).png" /></div>

<div class="col-xs-12 col-sm-7">

<h3 class="text-center"><strong>Battery Power</strong></h3>

<p class="lead">This Harley-Davidson model is equipped with a high-voltage battery, also known as a Rechargeable Energy Storage System (RESS). It’s composed of lithium-ion cells in a cast-aluminum housing. With a fully charged battery, you can expect 140 miles of city range or 88 miles of combined highway and stop-and-go range. The exact range can vary depending on your riding habits as well as weather and equipment conditions.</p>

<p class="lead">There are two ways you can go about charging the battery on your electric motorcycle. First, you can opt for the onboard Level 1 charger and power cord by connecting it to any household outlet, which will provide you with a full charge overnight. If you need a faster charge, you can pay a visit to any public Level 3 DC Fast Charge Station. You can reach an 80% charge in just 40 minutes or a 100% charge in one hour.</p>

</div>

</div>

<br />


<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5 margin-y-10 col-sm-push-7 " style="padding-top: 0px;"><img img alt="2020 HD LiveWire with kickstand down" class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/High-Res%20JPG%20-%20012A1443-2.jpg" /></div>

<div class="col-xs-12 col-sm-7 col-sm-pull-5">

<h3 class="text-center"><strong>Benefits of Going Electric</strong></h3>

<p class="lead">As if all these perks weren’t enough, there are still more electric motorcycle benefits coming your way. First and foremost, you’re going to be saving quite a bit of money on fuel alone. After all, gas prices are consistently rising. You’ll be making a wise investment by choosing to make the switch to an electric motorcycle sooner rather than later. You’re also going to save time and money on general maintenance because you won’t be bogged down by a combustion engine that needs routine check-ups and changes.</p>

<p class="lead">Perhaps the most important benefit of all is the green aspect of electric motorcycles. These battery-powered bikes produce zero emissions. Say goodbye to the days of getting dirty while dealing with sludgy oil changes. No oil slicks on the ground, either. Plus, you’ll no longer be contributing to the overwhelming amount of non-renewable fossil fuels polluting our atmosphere.</p>

</div>

</div>


<h2><strong>Cost, Launch Date, Where to Buy</strong></h2>

<div class="row">

<div class="col-xs-12 margin-y-10">

<p class="lead">By now, you’re probably eager to ride off into the sunset on your very own Harley-Davidson® LiveWire. This electric motorcycle is expected to make its debut in August 2019. If you simply can’t wait, you have the option of signing up for preorder.</p>

<div class="seobutton" style="text-align:center; margin-bottom:-10px; margin-top:-10px;"><!-- SEO Button div start -->

<ul><!-- button list start -->

<li><a class="lead-button" href="###" role="button">Reserve Yours Today</a></li>

</ul>

<!-- button list end --></div>

<!-- SEO Button div end--></div>

</div>


<p class="lead"><br />

For more detailed information on when and where to buy it, give us a call at <a href="tel:(866)%20479-2693">(866) 479-2693</a>. If you’d like to learn more about the preorder option, be sure to visit us at [DEALERSHIP] in [LOCATION].</p>

</div>

</div>


ARI

Header Asset

<div class="row">

<div class="col-xs-12"><img src="//cdnmedia.endeavorsuite.com/images/ThumbGenerator/Thumb.aspx?img=//cdnmedia.endeavorsuite.com/images/organizations/dafd1121-df02-4a8b-9169-071a4b3f8a95/livewire.jpg&v=1558033031411&mw=400&mh=200&f=1?v=20190516142624" class="img-responsive img-rounded fr-dib" alt="2020 Harley-Davidson® LiveWire"></div>

</div>

<div class="row">

<div class="col-xs-12 text-center">

<h1><strong>All-New 2020 Harley-Davidson® LiveWire</strong></h1>

<p>

<br>

</p>

<a href="###%20URL">

<button class="btn btn-primary text-center btn-lg margin-y-10" type="button">Reserve Yours Today</button>

</a>

</div>

</div>

<div class="row">

<div class="col-xs-12 margin-y-10">

<p class="lead">The future has arrived in style with the all-new 2020 Harley Davidson LiveWire. This electric motorcycle has plenty to offer, especially if you’re looking for a bike that provides incredible fuel savings while also helping to save the environment. It’s built with the solid, reliable construction you’d expect from any Harley-Davidson model. It&rsquo;s also ultra-lightweight and promises lightning-fast acceleration that&rsquo;s sure to fulfill your need for speed.</p>

<p class="lead">Here at [DEALERSHIP], we’re proud to carry a wide range of inventory, which includes the head-turning Harley-Davidson LiveWire. Stop by and see us in [LOCATION] to check out this electric motorcycle for yourself.</p>

</div>

</div>


YouTube Asset

<p style="margin-left: 60px; text-align: center;"><span class="fr-video fr-fvc fr-dvi fr-draggable" contenteditable="false"><iframe width="560" height="315" src="https://www.youtube.com/embed/exUDbWXi4Do" frameborder="0" allowfullscreen="" class="fr-draggable"></iframe></span></p>


Body Asset

<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5" style="padding-top: 100px;"><img class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/2019-05-16%2014_03_09-billboard-livewire-bike.jpg%20(1350%C3%971012).png"></div>

<div class="col-xs-12 col-sm-7">

<h2 class="text-center"><strong>Mind-Blowing Performance</strong></h2>

<p class="lead">It’s a common assumption that’ll you have to forfeit performance in exchange for this level of sustainability, but that’s not the case. In fact, the LiveWire offers instant torque, which allows it to go from zero to 60 mph in a mere 3.5 seconds. You might even be surprised to learn that some of the fastest bikes in the world right now are actually electric motorcycles, some of which can reach up to speeds of over 200 mph.</p>

<p class="lead">The permanent magnet electric motor is located just below the battery, which effectively lowers the center of gravity for easy handling at all times. You’l fall in love with the high-performance SHOWA front and rear suspension system, which is fully adjustable. This means you’ll be able to tailor it to your specific needs, so you can have the perfect combination of comfort and handling whenever you ride.</p>

</div>

</div>

<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5 margin-y-10 col-sm-push-7 " style="padding-top: 50px;"><img class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/2019-05-16%2014_06_46-key-feature-livewire-5.jpg%20(726%C3%97538).png"></div>

<div class="col-xs-12 col-sm-7 col-sm-pull-5">

<h2 class="text-center"><strong>Staying Connected</strong></h2>

<p class="lead">What’s more, staying updated on your performance has never been so easy with the state-of-the-art touchscreen display. The 4.3-inch full-color, liquid-crystal display on the LiveWire will keep you in the loop on your speed, battery status, and range</p>

<p class="lead">Want to go a step further? Download the latest version of the Harley-Davidson app on your smartphone so you can stay connected. You’ll be able to check all the vitals, including the charge status, its location on the map, and you’ll even receive security alerts if your bike has been moved or tampered with.</p>

</div>

</div>

<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5" style="padding-top: 100px;"><img class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/2019-05-16%2014_08_09-billboard-electric-plug.jpg%20(1350%C3%971012).png"></div>

<div class="col-xs-12 col-sm-7">

<h2 class="text-center"><strong>Battery Power</strong></h2>

<p class="lead">This Harley-Davidson model is equipped with a high-voltage battery, also known as a Rechargeable Energy Storage System (RESS). It’s composed of lithium-ion cells in a cast-aluminum housing. With a fully charged battery, you can expect 140 miles of city range or 88 miles of combined highway and stop-and-go range. The exact range can vary depending on your riding habits as well as weather and equipment conditions.</p>

<p class="lead">There are two ways you can go about charging the battery on your electric motorcycle. First, you can opt for the onboard Level 1 charger and power cord by connecting it to any household outlet, which will provide you with a full charge overnight. If you need a faster charge, you can pay a visit to any public Level 3 DC Fast Charge Station. You can reach an 80% charge in just 40 minutes or a 100% charge in one hour.</p>

</div>

</div>

<div class="row margin-y-10">

<div class="col-xs-12 col-sm-5 margin-y-10 col-sm-push-7 " style="padding-top: 120px;"><img class="img-responsive img-rounded center-block fr-fic fr-dib" src="https://ari-cms.com/Content/Site/25202/High-Res%20JPG%20-%20012A1443-2.jpg"></div>

<div class="col-xs-12 col-sm-7 col-sm-pull-5">

<h2 class="text-center"><strong>Benefits of Going Electric</strong></h2>

<p class="lead">As if all these perks weren’t enough, there are still more electric motorcycle benefits coming your way. First and foremost, you’re going to be saving quite a bit of money on fuel alone. After all, gas prices are consistently rising. You’ll be making a wise investment by choosing to make the switch to an electric motorcycle sooner rather than later. You’re also going to save time and money on general maintenance because you won’t be bogged down by a combustion engine that needs routine check-ups and changes.</p>

<p class="lead">Perhaps the most important benefit of all is the green aspect of electric motorcycles. These battery-powered bikes produce zero emissions. Say goodbye to the days of getting dirty while dealing with sludgy oil changes. No oil slicks on the ground, either. Plus, you’ll no longer be contributing to the overwhelming amount of non-renewable fossil fuels polluting our atmosphere.</p>

</div>

</div>


Footer Asset

<h2><strong>Contact Us</strong></h2>

<div class="row">

<div class="col-xs-12 margin-y-10">

<div class="col-xs-12 col-md-6 text-center">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2609.0015569139723!2d-122.67042388431483!3d49.162578679318536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5485d17a06c23a95%3A0x9def8167059ddd53!2sBarnes+Harley-Davidson!5e0!3m2!1sen!2sus!4v1558033324459!5m2!1sen!2sus" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

</div>

<p class="lead">By now, you’re probably eager to ride off into the sunset on your very own Harley-Davidson® LiveWire. This electric motorcycle is expected to make its debut in August 2019. If you simply can’t wait, you have the option of signing up for preorder.</p>

<p class="lead">For more detailed information on when and where to buy it, give us a call at <a href="tel:(866) 479-2693">(866) 479-2693</a>. If you’d like to learn more about the preorder option, be sure to visit us at [DEALERSHIP] in [LOCATION].</p>

<a href="###%20URL">

<button class="btn btn-primary btn-lg margin-bottom-20" type="button">Contact Us</button>

</a>

</div>

</div>