how wordpress skills apply to hubspot
TRANSCRIPT
©NEW BREED MARKETING, 2015
How WordPress Skills Translate to HubSpot
9.2015
©NEW BREED MARKETING, 2015
Presentation Overview
1 Intro to New Breed (10 min)2 You ALREADY Have HubSpot
Development Skills (20 min)3 Custom Content Types (15 min)4 Next Steps (5 min)5 Questions & Answers (10 min)
Agenda
©NEW BREED MARKETING, 2015
Chris MathieuVP of Product
Corinne MathieuVP of Cuteness
©NEW BREED MARKETING, 2015
Among other things it’s the home of...
and...
©NEW BREED MARKETING, 2015
RaytheonBirch Communications Xero
ShoreTelLinium
BizibleVertek Telus
Setra SystemsIntuit Quickbase
Salsa LabsBigcommerce Fonality
SadlierBrillio
©NEW BREED MARKETING, 2015©NEW BREED MARKETING, 2015
● Moved to HubSpot COS to provide customers with a cloud-based, all-in-one marketing solution
● This allowed for us to provide a trackable ROI for our customers
Progression of Web Technology
● Allowed us to do basic server-side things like global includes
● Required Adobe Contribute (a local editor) for customers to make basic changes and kept most of the site locked from the customer accidentally breaking it
● Moved to a proven Web-based platform so that clients had more control of their site and could update from a browser
● Allowed us to tap into a vibrant community full of themes, plugins and conversation
©NEW BREED MARKETING, 2015
1 One of the most mature pieces of open source Web software
2 Incredibly huge user base and development community
3 Simpler to develop on than Drupal or Joomla in most cases
4 etc...
WordPress is GREAT platform...
©NEW BREED MARKETING, 2015
1 All in one (websites, blogs, email, analytics, customer database, etc.)
2 Amazing support team3 HubSpot design certification4 Incredibly intuitive development
interface5 Smart content6 World-class CDN-based hosting7 No manual updates8 And I could go on and on and on…
But HubSpot is BETTER!
hubspot.com/products/faq/hubspot-vs-wordpress-cms
©NEW BREED MARKETING, 2015
Q: How many people here enjoy building sites in WordPress?
©NEW BREED MARKETING, 2015
Well then you’re going to be thrilled building on HubSpot not only because a ton of your skills
already apply, but also because the system is very intuitive and
streamlined.
©NEW BREED MARKETING, 2015
II. You ALREADY Have HubSpot Dev Skills… Even If You Don’t Know It.
©NEW BREED MARKETING, 2015
Design-wise, the COS is wide open
● designers.hubspot.com/inspire● If you’re already good at Photoshop, Illustrator,
Sketch, etc., then there’s no need to learn anything new
● If you start your design with a 12-column grid, it will be easier to maintain responsiveness
● designers.hubspot.com/docs/cos/the-cos-responsive-grid
Design Chops
©NEW BREED MARKETING, 2015
Q: Has anybody used a responsive grid system for designing WordPress sites?
©NEW BREED MARKETING, 2015
CSS & JavaScript
● Though we were decent at PHP, my team’s core development strength has always been our mastery of CSS and JavaScript
● The template HTML/HubL generation is very rapid thanks to the template builder, so you still spend the vast majority of your time in the development phase writing good ol’ CSS and JavaScript.
Coding Chops
©NEW BREED MARKETING, 2015
HubSpot - WYSIWYG Editor + SEO Optimizer
©NEW BREED MARKETING, 2015
WordPress● WYSIWYG Editor● Media Center● Plugins● Categories● Featured Image● Auto RSS Feeds● Revisions System● User Level Permissions● Drag and Drop Menu Builder● Widgets● PHP for Blog Loops● codex.wordpress.org● wordpress.org/support/● wordpress.org/themes/● etc.
Additional Parallels
HubSpot● WYSIWYG Editor (+ Page/Post Optimizer)● File Manager● Custom Modules● Topics● Featured Image● Auto RSS Feeds● Revisions System (for content AND code)● User Level Permissions● Drag and Drop Menu Builder● Global Modules/Groups● HubL for Blog Loops● designers.hubspot.com/docs● inbound.org/group/hubspot-designer-forum● marketplace.hubspot.com/templates● etc.
©NEW BREED MARKETING, 2015
WordPress PHP - Showing 5 Most Recent Post Links
HubSpot HubL - Showing 5 Most Recent Post Links
©NEW BREED MARKETING, 2015
Q: Is there any important feature not on this list that you’re concerned about?
©NEW BREED MARKETING, 2015
Yes, it’s possible
● One of the things I was most skeptical about when switching to building on HubSpot was the perceived lack of custom content types. WordPress Custom Post types and Custom Field types made the world our oyster as far as extending content types.
● I’m happy to say it’s totally possible in HubSpot and in fact I think it’s even easier
Custom Content
©NEW BREED MARKETING, 2015
Site Pages
● With site pages adding a new “custom field” is literally as easy as dragging a new module (or custom module) into the template
● You can have them locked at the template level or they can be editable per page
Custom Content
©NEW BREED MARKETING, 2015
Now here’s where things get REALLY powerful.
©NEW BREED MARKETING, 2015
Blogs
● By repurposing the HubSpot blog system for non-blog content you get a dynamic, filterable, custom content kit
● At New Breed we use the HubSpot “blog” system for all sorts of things. Case studies, resource libraries, news, team pages, events, products, etc.○ edisonpartners.com/team○ salsalabs.com/why-salsa/case-studies○ designers.hubspot.com/docs/tutorials/repurposing-
hubspot-blog-templates
Custom Content
©NEW BREED MARKETING, 2015
Q: What are the most common uses you’ve had for custom posts
and/or custom fields in WordPress?
©NEW BREED MARKETING, 2015
Blogs
● Just as with site pages, adding custom fields to a blog post is as easy as adding a module in the drag-and-drop system
● Expert Tip: Normally only standard blog fields are shown on the listing page (ex: Featured Image, Author, Publish Date, etc). However with a little bit of HubL we can show anything we want on the listing page○ Just use the syntax
{{ content.widgets.module_name.body.parameter }}○ Also if you use HubSpot’s “Export to Template Context”
feature you can have even more control over how parameters are displayed on a post
Custom Content
©NEW BREED MARKETING, 2015
Here’s how to get started
● (Optional) Go through the HTML & CSS and jQuery tracks on codecademy.com
● Get certified as a designer through HubSpot academy.hubspot.com/certification
● Read HubSpot designer docs designers.hubspot.com/docs● Join inbound.org/group/hubspot-designer-forum● Create greatness...
Excited?!
©NEW BREED MARKETING, 2015
Q: How many Grateful Dead shows has Brian Halligan attended?
©NEW BREED MARKETING, 2015
V. Questions & Answers
Thanks for listening! Submit more questions online at:newbreedmarketing.com/dev-skills