Custom HTML Upload

Transcription

1 Demandforce, Inc. Custom HTML Upload Reference Guide This Custom HTML Upload Reference Guide is intended to present a guideline for the business users in their process of constructing and uploading their own html for newsletters and promotions. Reproduction, transfer, distribution, or storage of part or all of the content in this document in any form without prior written permission from Demandforce, Inc. is strictly prohibited. Last updated: 10/26/ Fourth Street, 12th Floor San Francisco, CA (800)

2 Table of Contents Overview of Custom HTML Upload HTML Specifications... 3 Size Specifications... 3 Size of the HTML File... 3 Dimensions of the Content HTML Template... 3 Custom Tags... 4 Definitions of Custom Tags... 4 Custom Tags Usage Navigation Bar... 8 Refer a Friend... 8 Write a Review... 9 Update Preferences... 9 Request Appointment Fourth Street, 12th Floor San Francisco, CA (800)

3 Overview of Custom HTML Upload The functionality of Custom HTML Upload allows Business Users to upload their own html for their promotion/newsletter s, completely replacing the template provided by Demandforce D3. The customized html file can be built in any format by the business users in accordance with the following instructions. HTML Specifications To write the correct html file, you need to follow the Demandforce D3 design specifications that prescribe the html file size limit and the custom tags usage. In this section, the correct format and specifications will be listed to ensure that your custom html renders properly. Size Specifications Size of the HTML File According to the size limit of the campaign s, the HTML file you are going to upload into the business portal should not exceed 100 KB. If the file s size is larger than the limit, it won t be able to upload successfully onto the business portal. Dimensions of the Content HTML Template The width of your entire HTML should be slightly less than or equal to 580px. Exceeding that will prevent the from rendering properly when delivered. 22 Fourth Street, 12th Floor San Francisco, CA (800)

4 Custom Tags Within the content of your promotions/newsletters, you have the option to display business information pulled from Demandforce D3 or action buttons such as Request Appointment. This is similar to the concept of mail merge in other major marketing services. You may do so by inserting what we call Custom Tags into your HTML. Custom Tags will be rendered dynamically by the Demandforce D3 system when your promotions/newsletters are generated. Definitions of Custom Tags All Custom Tags are comprised by words and square brackets in the format: [Content]. These Custom Tags will simplify your work while writing your own content html. The Demandforce D3 system will replace the Custom Tags accordingly. Customer Names 1) [CustomerFirstName] First name of your customer. 2) [CustomerLastName] Last name of your customer. Business User Information 1) [BusinessName] Your business name. 2) [Business ] Your business . Note this tag simply provides the address only. You will have to add <a href></a> around it to make it a hyperlink. 3) [BusinessAddress] Your business address. 4) [BusinessPhone] Your business phone. 5) [BusinessWebsite] Your business website. Note this tag simply provides the URL only. You will have to add <a href></a> around it to make it a hyperlink. 6) [BusinessProfile] URL of your Demandforce Business Profile. Note this tag simply provides the URL only. You will have to add <a href></a> around it to make it a hyperlink. Image Buttons 1) [EasySchedulerTile(Small)] Easy Scheduler Tile with dimension 120px x 60px. Clicking on the tile will open the Easy Scheduler in a popup. 22 Fourth Street, 12th Floor San Francisco, CA (800)

5 2) [EasySchedulerTile(Med)] Easy Scheduler Tile with dimension 180px x 150px. Clicking on the tile will open the Easy Scheduler in a popup. 3) [FacebookLike] Like us on Facebook graphic. If your customers click this graphic, they will be taken to your Facebook Page if entered in your Demandforce D3 portal. 4) [TwitterFollow] Follow us on Twitter graphic. If your customers click this graphic, they will be taken to your Twitter Page if entered in your Demandforce D3 portal. 5) [ReviewBusinessYelp] Help with Yelp graphic. If your customers click this graphic, they will be taken to your Yelp Page if entered in your Demandforce D3 portal. 6) [ReviewBusinessGoogle] Review us on Google Places graphic. If your customers click this graphic, they will be taken to your Google Places Page if entered in your Demandforce D3 portal. 7) [ReviewBusinessYahoo] Review us on Yahoo! graphic. If your customers click this graphic, they will be taken to your Yahoo! Local Page if entered in your Demandforce D3 portal. 8) [ScheduleButton] Request Appointment button. This button will take customers to your Business Profile Appointments tab where they can request appointments. 22 Fourth Street, 12th Floor San Francisco, CA (800)

6 9) [ReviewOnlyButton] Provide Feedback button. This button will take customers to your Business Profile Reviews tab where they can write a review for your Business. 10) [ReferFriend] Refer a Friend button. This button will take customers to your Business Profile where they can refer friends and family to your Business. Custom Tags Usage After you understand what these Custom Tags mean, you will learn how to embed these tags in your html file. In fact, implementing the Custom Tags in your own html file is quite simple. You can choose any Custom Tags you want to use and put them directly in your html source code. Make sure these tags are located in the correct place you want to display in your . Additionally, these chosen tags can be easily adjusted to any places of your html. The following sample codes assume that you are going to put your customer s First Name, a Request Appointment Button and your business information in the content area of your campaign Here will be replaced to your customer s first name Here will be interpreted to a request button Here will be substituted by your business information While the html is generating the campaign by the Demandforce D3 system, the Custom Tags will be interpreted to the relevant content: 22 Fourth Street, 12th Floor San Francisco, CA (800)

7 22 Fourth Street, 12th Floor San Francisco, CA (800)

8 Navigation Bar Studies have shown that navigation bar plays a big role in generating click through. navigation bar can appear either at the top or at the bottom of an . Below is an example: If you are considering adding a navigation bar to your , we have prepared the following four actions for you. They come in the form of tags, which will get dynamically rendered as URLs when the system processes the html. To use these, simply add them in the <a href> tag for your navigation item. Refer a Friend Tag to use: [LinkReferral] Sample Usage: <a href= [LinkReferral] ><img src= url for your hosted image ></a> This link takes consumers to a page on the Demandforce Business Profile where they can refer your Business to friends and family: 22 Fourth Street, 12th Floor San Francisco, CA (800)

9 Write a Review Tag to use: [LinkReview] Sample Usage: <a href= [LinkReview] ><img src= url for your hosted image ></a> This link takes consumers to a page on the Demandforce Business Profile where they can write a review for your business: Update Preferences Tag to use: [LinkPreferences] Sample Usage: <a href= [ LinkPreferences] ><img src= url for your hosted image ></a> This link takes consumers to a page on the Demandforce Business Profile where they can set their communication preferences with your business: 22 Fourth Street, 12th Floor San Francisco, CA (800)

10 Request Appointment Tag to use: [LinkRequest] Sample Usage: <a href= [ LinkRequest] ><img src= url for your hosted image ></a> This link takes consumers to a page on the Demandforce Business Profile where they can set their communication preferences with your business: 22 Fourth Street, 12th Floor San Francisco, CA (800)