When you produce and publish a white paper or case study with Hospitality Net, you can decide to include a lead-gen embedding code originating from your own CRM platform such as HubSpot or Salesforce. This document describes the procedure to follow in order to get your own lead-gen form embedded in your Hospitality Net news contents.
The embedding code should follow these recommendations:
Embedding code should be responsive in order to serve both desktop and mobile browsers.
We recommend using color settings which are in line with Hospitality Net's Style Guide (see below).
Please send the embedding code to [email protected] referencing the white paper or case study you wish to promote.
SAMPLE
Sample output of embedded form in this Hospitality Net article:
Sample embedding code for this Hospitality Net article:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"/>
<script> hbspt.forms.create({ portalId: "506469", formId: "4eae38d1-0b94-4a56-85de-987e7ce67638", css: "", sfdcCampaignId: "7010B000001hcgiQAA" }); </script>
Hospitality Net Style Guide:
Fonts:
<link href="//fonts.googleapis.com/css?family=Merriweather:300,400,700,900%7COpen+Sans:300,300i,500,600" rel="stylesheet">
Headers:
font-family: Merriweather, serif;
color: #666;
font-size: 1.25rem;
Text:
font-family: "Open Sans", sans-serif;
color: #666;
line-height: 1.75;
Input Fields:
font-family: "Open Sans", sans-serif;
padding: 10px;
background-color: #f1f1f1;
width: 100%;
margin-top: 5px;
margin-bottom: 10px;
Buttons:
font-family: "Open Sans", sans-serif;
margin-left: auto;
font-size: 0.875rem;
background-color: #b81838;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
padding: 8px 20px;