Lectures

    1. Social Media Trends Image 
      Download the sample image for customizing the landing page.

    2. Social Media Trends Ebook 
      Download the sample Social Media Trends Ebook.


    3. Creating a smart form requires some thought about the types of information you need to capture.
      Create Smart Forms: /articles/create-smart-forms
      Progressive Profiling: /articles/use-progressive-profiling-in-forms 
      Styling Forms: /articles/style-forms-on-your-hubspot-pages 
      Captcha: /articles/prevent-spam-form-submissions 

    4. Create a Popup Form  
      Popup Forms MOVED!! Comments in the video explain where to find them.  
      Creating a popup form is straightforward.  The goal is to capture information from a popup form from the home page.
      Additional Information/articles/create-pop-up-forms 

    5. Introduction to Calls-to-Action -- Videos from HubSpot 
      "CTAs ("calls-to-action") are what connect your website and blog to your landing pages. They are the clickable buttons that compel a casual reader to become a qualified lead by filling out one of your forms. "


    6. A call-to-action encourages the visitor to take the next step on your website. A call-to-action requires thought.

    7. Introduction to Landing Pages -- Videos from HubSpot 
      "Landing pages do the heavy lifting of convincing your visitors to fill out a form and become leads. Learn how you can create landing pages that work like a dream to capture the maximum number of qualified leads possible."


    8. Building a landing page template for the website is similar to creating templates for site pages. CSS is required.  It is the same as a site page -- just without the navigation / menu and has a form.  


    9. Once the landing page template is created, it is simply a matter of using the template and filling in the appropriate content.

Template Requirements

Your template must satisfy the following criteria. Your template must …

  1. … be built within the Template Builder tool. Your styling must be done with CSS.
  2. … be yours and not a clone of someone else’s created template thus demonstrating that you understand the procedures of using the layout builder.
  3. … be Fully Responsive on smartphone and tablet-sized viewports. When viewing your template on a smaller viewport, nothing must be cut off on the screen, including embedded content.
  4. … utilize at least one Global Group. It must be used under correct circumstances (ie. Footer).
  5. … have assigned Custom CSS Classes within at least one module in the Template Builder. Do not restyle the existing structural classes - use custom classes. You may not use inline styling.
  6. … feature a Responsive Drop-down Navigation Menu.
  7. … feature a Form Submit Button that has been restyled using CSS.
  8. … use a Custom Body Class on your template using the Template Builder.