designing websites with lead generation goals
TRANSCRIPT
![Page 1: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/1.jpg)
How to Build Websites for Lead Generation Using HubSpot's CMS
Partner Program Webinar SeriesJuly 2009July 2009
Peter Caputa IV
Partner Program Manager
Twitter: @pc4media
![Page 2: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/2.jpg)
Your Participation, Feedback, Questions are Welcome
• http://www.inboundmarketing.com/node/1175
• Use @pc4media or @hubspot on Twitter
![Page 3: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/3.jpg)
Start Learning by Doing with the Partner Program
• Watch the partner program launch webinar.
• Partners get special access to extended free trials.
• Contact Pete Caputa w/ questions about your trial.
http://www.hubspot.com/partners
![Page 4: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/4.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• How Business Goals Should Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 5: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/5.jpg)
What’s HubSpot?
• Inbound marketing software + training
• Over 1,500 customers in 2 years
• 90+ employees
![Page 6: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/6.jpg)
Proven ROI
Cilk Arts Increases Leads 500%
Makana Solutions 3x Leads, 2x Conversions
Vocio Pays for HubSpot 30x Over with New Leads
Objective Management Group Grows Leads 360%
Bridge Group Doubles Online Leads
www.HubSpot.com/ROI
![Page 7: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/7.jpg)
Awards
![Page 8: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/8.jpg)
Buzz
![Page 9: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/9.jpg)
HubSpot Inbound Marketing
Get Found
• Publish
• Promote
• Optimize
Process Tools
Get Found
• Content Mgmt
• Blogging
• Social Media
• SEO
Convert
Get Found
Convert
• Test
• Target
• Nurture
• SEO
• Analytics
Convert
• Offers / CTAs
• Landing Pages
• Lead Intelligence
• Lead Mgmt
• Analytics
![Page 10: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/10.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 11: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/11.jpg)
Why HubSpot Wants to Partner with Service Providers
• We Make & Sell Software & Training that Most of Your Clients Need
• Many of Our Customers Need & Want Coaching & Services
HubSpot
Customers
Marketing Service
ProvidersExchanging Value
1 + 1 = 3
![Page 12: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/12.jpg)
How Agencies Benefit from Partnering with HubSpot
• Serve Clients Better. Efficiently
• New Revenue from New Services
Level of Im
port
ance t
o Y
ou
Services
• Growth from Exposure & Referrals
• Direct Revenue from HubSpotLevel of Im
port
ance t
o Y
ou
![Page 13: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/13.jpg)
We Want to Help You Grow Your Business…
"Our agency is on pace to grow 130 – 150% this year…
Obviously there is demand in the market for these
services that will likely increase as HubSpot's profile
does. I don’t know if we could build a profitable model
around Inbound Marketing services without HubSpot.”-Paul Roetzer | President, PR 20/20-Paul Roetzer | President, PR 20/20
Watch the case study: http://bit.ly/ZjGs1
![Page 14: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/14.jpg)
How we Plan to Support Our New Partners
1. Extended Free Trials for You, Your Clients
2. Access to Inbound Marketing Methodology
3. Virtual Workshops on Delivering Inbound 3. Virtual Workshops on Delivering Inbound Marketing Services.
Cost to Partner with HubSpot: Your Time
![Page 15: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/15.jpg)
Learn the Value of the HubSpot Software
• Start a 30 day free trial for your website. http://bit.ly/99SOv or client: http://bit.ly/7bENS
• Gives you access to • Gives you access to http://success.hubspot.com
![Page 16: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/16.jpg)
Partner Program Webinar Series
1. 7/13/2009 - How to design websites for lead generation on HubSpot’sCMS
2. How to Deliver ongoing SEO services
3. How to predict, execute and demonstrate a solid ROI through online lead generation
4. How to deliver effective Pay-Per-Click Services
5. How to deliver social media services that deliver an ROI
6. How to leverage HubSpot’s free trial to sell inbound marketing services
Subscribe to Company Blog for Dates: http://www.hubspot.com/blog
![Page 17: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/17.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS
• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 18: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/18.jpg)
The Website Design Opportunity for Marketing Agencies
• 2/5’s of SMBs Still Don’t Have a Website.
• Most websites don’t have more than one conversion form.
• 500+ HubSpot customers using HubSpot CMS. 74 added in July. added in July.
![Page 19: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/19.jpg)
Skills Required to Build a Lead-Gen Website w/ HubSpot
• Inbound Marketing Skills
• Writing Skills
• Some Graphic Design Skills
• Cascading Style Sheets (CSS) Skills
• Software/Hosting Configuration Skills• Software/Hosting Configuration Skills
• Software Development Skills
![Page 20: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/20.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 21: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/21.jpg)
Start Building Websites that Generate Business
![Page 22: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/22.jpg)
Turning Websites into Lead Generation Machines
Start a HubSpot Free Trial for Your Prospect:
1. Audit the current site’s performance first.
2. SEO and competitive research next.
3. Test compelling offers, landing Pages, calls to action
4. Then, redesign the site. 4. Then, redesign the site.
Free Trial for Your Prospect: http://www.hubspot.com/partners
![Page 23: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/23.jpg)
What Keywords Should You Focus? What Converts?
1. Use keyword grader to identify keywords:
• Satisfactory search volume
• Low enough difficulty
2. Use conversion tracking to determine which keyword traffic converts into leads and customers.
http://success.hubspot.com/content-library/bid/8109/Keyword-Research-A-Comprehensive-Guide
![Page 24: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/24.jpg)
Analyzing & Improving each Page of the Site
1. Page Grader Provides Page Level Analysis of: Keyword Ranks and Inbound Links.
2. Identify Top Performing Pages
3. Identify Areas for Improvement of each page:
• Optimize for different keyword
• Improve links that are already pointing to that page. • Improve links that are already pointing to that page.
![Page 25: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/25.jpg)
What Offers & Landing Pages Convert Traffic to Leads?
• Experiment to Determine Most Effective: Compelling Offers, Landing Pages and Calls to Action
http://success.hubspot.com/methodology/convert/landing-pages
![Page 26: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/26.jpg)
What Links, Keywords, Campaigns Refer Customers?
• Identify what leads from what sources for what offers are most likely to convert into customers.
![Page 27: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/27.jpg)
Use Data to Build a Formal Proposal w/ ROI Calculations
• Calculate ROI on $ & time invested in website redesign, ongoing internet marketing activities.
• Build Formal Proposal with ROI numbers
Free ROI Prediction Worksheet: http://bit.ly/2rEw0
![Page 28: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/28.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 29: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/29.jpg)
The Value of a Web Content Management System (CMS)
• Gives less technical developers ability to design and build websites.
• Removes need to write code from scratch. scratch.
• Forces web design best practices
• Gives non-technical users editing control .
![Page 30: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/30.jpg)
Value of a HOSTED Web CMS
• No hosting infrastructure setup
• No installation required
• No configuration required
• No manual upgrades required• No manual upgrades required
![Page 31: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/31.jpg)
Additional Value of HubSpot’s Hosted Web CMS
• Low monthly cost vs large upfront investment
• We do migration of existing sites for free.
• Integration of Inbound Marketing Tools • Integration of Inbound Marketing Tools Out of the Box
• Blogging platform
• Landing pages and lead tracking
• Analytics, SEO, social media tools
![Page 32: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/32.jpg)
Additional Value of HubSpot’s Hosted Web CMS
• Low monthly cost vs large upfront investment
• We do migration of existing sites for free.
• Integration of Inbound Marketing Tools • Integration of Inbound Marketing Tools Out of the Box
• Blogging platform
• Landing pages and lead tracking
• Analytics, SEO, social media tools
![Page 33: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/33.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 34: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/34.jpg)
Who is a Good Fit for HubSpot’s CMS?
• Small businesses.
• Primary need is lead generation.
• Leads more important than fancy design.
![Page 35: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/35.jpg)
When NOT to Use HubSpot CMS?
• Web Applications with Custom Server Side Scripting/App Required
• Workflow/Roles Are Required
• When CUSTOM Design Is Really • When CUSTOM Design Is Really Important….
![Page 36: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/36.jpg)
Custom Design Examples on HubSpot’s CMS
Design by WakeFly
![Page 37: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/37.jpg)
Custom Design Examples on HubSpot’s CMS
www.channelvmedia.com
![Page 38: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/38.jpg)
Custom Design Examples on HubSpot’s CMS
Design by PR 20/20
![Page 39: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/39.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 40: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/40.jpg)
HubSpot’s Migration Process
• Not a redesign process. We move what’s there to the CMS.
• Up to 100 pages migrated for free. $25/page after that. $25/page after that.
• Design will probably not be exactly the same.
• Takes 2-4 weeks.
• Must get site approved first to ensure good fit for CMS.
![Page 41: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/41.jpg)
Figuring out the Page Count for a Site
• Do a search at google like… • site:www.clientsite.com -filetype:pdf -filetype:xls -filetype:doc• .pdf, xls., doc don’t count towards the 100. they are free.
![Page 42: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/42.jpg)
Scroll to the Last Page to Find the Real Page Count…
1st: 450
Last: 300
![Page 43: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/43.jpg)
We Can’t Migrate All Flash Websites…
![Page 44: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/44.jpg)
We Can’t Migrate Certain Designs…
Floating “Contact”
button
Images for
Navigation
Probably too many design issues to go on cms w/out a full redesign by a partner.
![Page 45: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/45.jpg)
We Can’t Migrate Database Driven Stuff…
• Logins to extranets that are hosted on main domain. • Look for Forms that require user to enter something and that return results. • Ecommerce, dealer locators, dynamic directories, etc.
If you still want to use HubSpot’s CMS:• Can functionality move to a subdomain? Embed via iframe?• Can they do without it? Do it another way?
![Page 46: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/46.jpg)
CMS Approval Process
• http://www.hubspot.com/cms-approval
• Number of pages?
• Database driven stuff?
• Flash? • Flash?
• Other questions/concerns?
![Page 47: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/47.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design•• Value of Content Management Systems• Qualifying What Companies Are a Good
Technical & Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot
![Page 48: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/48.jpg)
Basics: Using the CMS
• Basic CMS Functionality:• http://success.hubspot.com/webinars/cms-
boot-camp• Add, remove, move pages• Add, move, remove modules on pages• Edit content• Edit content• Add images and video• Add forms to pages
• Blogging, landing pages, webvoter:• http://success.hubspot.com/webinars/cms-
blog-landing-pages-web-voter
![Page 49: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/49.jpg)
Building a Site from Scratch on HubSpot’s CMS
1. Choose Theme (Only: Brighton, Cambridge, Duxbury, Everett)
• Settings � Theme
2. Configure Design through Interface• Upload images/flash elements• Styles: Settings �Theme Configuration
3. Create Page Designs• Set global images. Then, create pages for rest of site.• Set global images. Then, create pages for rest of site.
4. Overwrite theme styles by creating custom style sheet• Use Firefox Firebug to determine template css
styles/properties• Settings � File Manager � Custom � custom.css
![Page 50: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/50.jpg)
Choosing a Template for the Site
• Choose a Template from: http://hubspot-migrations.web6.hubspot.com/hubspot-
templates
• Call support and ask them to change the template for you. template for you.
![Page 51: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/51.jpg)
Choosing a Template for the Site
• Choose a Theme (Coming soon for partners)
• Use Only Supported themes:
• Brighton, Cambridge, Duxbury, Everett
• Settings � Theme• Settings � Theme
![Page 52: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/52.jpg)
Standard Page Layouts
• Standard page layouts for all templates
Example of 2 column layout
• Each page can be set independently to be 1, 2 or 3 columns in main area
• Standard width is 25%, 50%, 25% for 3 columns. 25%, 75% for 2 columns.
column layout page.
![Page 53: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/53.jpg)
Customizable Template Examples
Background
3 Column Layout
Background Color
![Page 54: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/54.jpg)
Customizable Template Examples
BG Extends Width of Screen
Rollover Secondary Navigation
![Page 55: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/55.jpg)
Customizable Template Examples
Flash Elements
(below nav)
Full Image Across Top
Nav Across Top (Change font/bg on rollover/presence)rollover/presence)
![Page 56: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/56.jpg)
Customizable Template Examples
Secondary Nav
(two column)
![Page 57: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/57.jpg)
Customizable Template Examples
3 Column Layout (Width customized in css)
![Page 58: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/58.jpg)
Customizable Template Examples
Left Hand NavigationNavigation
Rounded Corners!
![Page 59: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/59.jpg)
Customizable Template Examples
Left Hand NavigationNavigation
Rounded Corners!
![Page 60: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/60.jpg)
Create Design Before Adding Content
• Implement design fully first:
• Home page
• Inner page design
• Other page designs• Other page designs
![Page 61: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/61.jpg)
Wipe Out Acme Content
• Delete or Hide Acme Holes Content Using Page Manager
• Do not delete “Home”
• Remove modules• Remove modules
![Page 62: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/62.jpg)
Configuring Fonts & Colors
• Configure colors, font, background, etc…
• Settings � Template Configuration
![Page 63: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/63.jpg)
Choose Page Specific Layouts
• On each page…
• Page Properties � Advanced Options �Layout
![Page 64: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/64.jpg)
Upload Header Graphic
• Upload Logo/Top Graphic
• Set for all pages. Or page specific headers.
• Use HTML tab for full control. • Use HTML tab for full control.
![Page 65: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/65.jpg)
Add Modules to Pages
• Add content to pages.
![Page 66: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/66.jpg)
Set Global Modules • Settings � Global Modules
• Global Modules are added to EVERY new page automatically.
• Not added to pages that are already created.
• You can’t add a “global” module to a page after it’s created.
• Global Modules can be edited globally on any instance of the module. the module.
![Page 67: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/67.jpg)
Set up Navigation Items
• Set up main nav items by creating pages in page manager.
Top Navigation: Brighton, Cambridge, Everett
Left Navigation: Duxbury
![Page 68: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/68.jpg)
Set up Secondary Navigation Items
• Set up secondary nav items by creating pages in page manager as child pages.
![Page 69: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/69.jpg)
Option: Insert Courtesy Navigation (Everett Only)
• Another set of nav at the top right corner. Often used for “contact us” links.
• Settings � Template Configuration � Courtesy Links
![Page 70: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/70.jpg)
Option: Two Sets of Primary Navigation (Everett only)
• Top and Left on Every Page
• Create a page called “SideMenu”
• Add child pages under that.
• If pages already exist on site, use the redirect in advanced page properties.redirect in advanced page properties.
![Page 71: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/71.jpg)
Inserting Flash into an HTML Module
• Insert Flash file in Content Module
![Page 72: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/72.jpg)
Map Old URLs to New URLS (301 redirects)
• Settings � Configure URL Mappings
• Maintain SEO Rankings
![Page 73: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/73.jpg)
Customizing Templates with Custom CSS
HubSpot CSS Customization Instructions http://bit.ly/21NPI
1. Use Firefox Firebox to determine cssclasses and properties in template. classes and properties in template.
2. Create custom.css file in file manager
3. Change properties of css classes.
4. Create new classes, if necessary.
![Page 74: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/74.jpg)
Use Firebug to Find Classes
![Page 75: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/75.jpg)
Create Custom.CSS file in File Manager
Design by Commareus.
![Page 76: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/76.jpg)
Add Classes to Create New Elements
![Page 77: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/77.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 78: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/78.jpg)
Does Your Client/Prospect Need a CMS?
• Are you able to edit your site?
• Add pages to your site?
• Can you make the changes you need to make for On Page SEO? make for On Page SEO?
• Is it easy to launch landing pages?
• Do you have a plan to launch a blog on your site?
![Page 79: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/79.jpg)
Finding Out How Important a CMS is for them…
• Who makes these changes for you? How much does that cost? How longdoes that take?
• How do you plan to do this stuff now? • How do you plan to do this stuff now? Why?
• What happens if you can’t do this stuff?
• When do you need to do this stuff by?
• Would you like to talk about how we can help you with some of these things?
![Page 80: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/80.jpg)
Positioning the Benefits of a CMS….
• Do you understand what a CMS is? Benefits of it? • A CMS helps a “business owner” take control over their website
and do the things necessary to turn it into a lead generation machine.
• It allows you to add/modify pages. To add forms for landing pages so you can collect leads. A good CMS also lets you make the changes necessary to do SEO yourself. (Explain why having lots of content helps them target more keywords and generate more traffic from SE’s.)generate more traffic from SE’s.)
• A good CMS also helps you more effectively attract traffic through blogging, social media and it makes sure that – if you spend money on ppc advertising – that you’ll get a return.
• It allows you – the business owner – or someone who works for you who doesn’t have to be technical – to do all of this stuff w/out spending money on an outside resource. If you rely on a webmaster now, a CMS can save you a lot of money this way.
• Is this stuff important to you? Now that you know about a CMS, do you think you’d be able to achieve your goals without one?
![Page 81: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/81.jpg)
Additional Benefits of HubSpot’s CMS
• Very Inexpensive + Simple to use.
• Blog, landing pages, webvoterintegrated.
• SEO Tools + Analytics out of the box • SEO Tools + Analytics out of the box + integrated.
• SaaS: Software will always be current. Constantly developing new capabilities.
![Page 82: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/82.jpg)
What Other Things Can You Help Them With?
• The biggest value of HubSpot’s CMS is the integration with all of the other tools that a small business needs to predict, plan and achieve their traffic and lead generation goals. goals. • Probe about lead generation.
• Probe about SEO.
• Probe about Blogging.
• Probe about social media.
• Educate, if necessary. Tell stories. Tie these activities back to their goals.
![Page 83: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/83.jpg)
Ensuring that HubSpot’s CMS Is Qualified For Their Needs
Design• What do you love/hate about the design of your website? • I’m looking at your site design and it looks pretty sharp. If our CMS and
the rest of our integrated software can help you generate more traffic and leads, will it matter if the design is not exactly the same?
• Let’s walk through the things we’d have to change and make sure you’re ok with that.
Custom Applications.Custom Applications.• Do you have any database driven applications on your site now? What
are they? • Would you be able to move that stuff to a subdomain?
Migration• As part of buying a subscription to HubSpot, HubSpot moves 100 pages
over to the CMS. Do you understand why it’s really important to keep all of your pages from an SEO perspective?
• Since you have more than that now and we agree that you should keep them all, you should know that HubSpot charges an additional $25/page to move them over.
![Page 84: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/84.jpg)
List of HubSpot Sites Live on the CMS
• Gallery of Sites: http://www.hubspot.com/products/content-management/
![Page 85: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/85.jpg)
Agenda
• What is HubSpot?• Review of Partner Program Benefits• The Website Design Opportunity for Marketing
Professionals• Business Goals Drive Website Design• Value of Content Management Systems• Value of Content Management Systems• Qualifying What Companies Are a Good Technical &
Business Fit for HubSpot’s CMS• Migrating a Site to the CMS (Free)• Building Sites from Scratch on HubSpot’s CMS• Selling a Web Design Project + HubSpot• Marketing Your HubSpot Website Design Packages
![Page 86: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/86.jpg)
We’re Looking for More Partners Who Can Speak “CMS”
• 1500 customers w/ CMS Needs
• 150 new customers/monthcustomers/month
• Let’s work together to help them.
![Page 87: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/87.jpg)
First, Get Some “Wins” Under Your Belt
1. Start a 30 day free trial for your website. http://bit.ly/99SOv or client: http://bit.ly/7bENS
2. Learn the software and the inbound marketing methodology: http://success.hubspot.comhttp://success.hubspot.com
3. Take the HubSpot Partner certification exam.
4. Sell inbound marketing services.
5. Do a really good job.
6. Receive Traffic, Leads, Referrals.
![Page 88: Designing Websites with Lead Generation Goals](https://reader031.vdocument.in/reader031/viewer/2022032305/55d502e3bb61eb4e7e8b473a/html5/thumbnails/88.jpg)
Then, Let’s Go To Market Together