HubSpot Design Certification Exam Answers

100% PASSING SCORE – 70 of 70 CORRECT ANSWERS HubSpot Design Certification Exam Answers

100% CORRECT ANSWERS HubSpot Design Certification Exam Answers

HubSpot Design Certification Exam Answers

The certification is suitable for designers with experience in crafting website pages, templates, and styles. Basic proficiency in writing HTML and CSS are required for completion. This two-part certification will test your proficiency with using HubSpot tools to design. This certification includes six training classes, each around 30 minutes in length.

Take the HubSpot Design Certification to learn how to design on the HubSpot COS (Content Optimization System). This certification is meant for web designers who have, at minimum, an intermediate familiarity with CSS and how it applies to HTML.

What’s in the course?
HubSpot has tons of powerful tools at your disposal. Learn how to unlock the full potential of these tools and how to design custom modules, edit page CSS and alter HTML code.

Who should get certified?
HubSpot Design Certification is meant primarily for web designers who have, at minimum, an intermediate familiarity with CSS and how it applies to HTML. Basic proficiency in writing HTML and CSS are required for completion.

HubSpot Design Certification Exam

70 questions
90 minutes
75% minimum grade to pass
Validity period of 13 months

Disclaimer: HubSpot trademarks are the property of HubSpot, Inc. This website is not officially affiliated or endorsed by HubSpot in any way.

1.) In terms of the HTML, what happens when two modules are grouped?

The two modules become part of an iframe, making it easier to dynamically position.
Two divs become one div, making it CSS styling easier.
The two modules are placed in a parent div, helping to maintain responsiveness.
Two divs are assigned the same CSS class, making styling easier.

2.) A Primary CSS File is enabled by default on all templates.

TRUE
FALSE

3.) According to the Nielsen-Norman Group, image sliders are highly effective tools for converting site visitors into leads.

TRUE
FALSE

4.) By default, new CSS files created in the Code Editor automatically include ‘modules.css’. What does ‘modules.css’ do?

It ensures that the layout is responsive — without it, nothing will be responsive.
It ensures that fixed-width modules, such as images or forms, become responsive.
It ensures that phones and tablets can correctly display the page layout.
It adds a ‘view Desktop Site’ link at the bottom of each page.

5.) By default, new CSS files created in the Code Editor automatically include ‘modules.css’. What does ‘modules.css’ do?

It ensures that the layout is responsive — without it, nothing will be responsive.
It ensures that fixed-width modules, such as images or forms, become responsive.
It creates styling for modules that only applies to desktop devices.
It adds a ‘View Desktop Site’ link at the bottom of each page.

6.) How can you set the menu display orientation?

In Options on a menu module.
In Content Settings under Advanced Menu.
With a HubL token.
It varies depending on the user’s screen size.

7.) Which module type helps HubSpot customers convert visitors into leads?

Call-to-Action
Conversion Button
Marketing Tools
Insert Offer Link

8.) In web design terminology, on a responsive website:

Your past site interactions define the navigation.
The content changes based on what the user searches for.
The layout of the site changes depending on the size of the screen it is being viewed on.
Everything can be moved by the user, creating a customized experience.

9.) In which of the following situations would body classes be most valuable?

Dropping a shadow behind your sidebar, site-wide
Styling different body elements for different types of pages, within a single stylesheet
Changing one type of font but not another
Changing the width of your layout based on screen size

10.) What are HubL tags?

HubL (short for HubSpot Lingo) tags are a way that you can use common JavaScript snippets easily.
HubL tags are a form of server-side code, used for building templates.
HubL tags are another form of CSS, used for advanced page design and typography.
HubL tags are similar to jQuery in that they enable features like interactive, animated divs.

11.) Which module type will help marketers convert visitors into leads?

Call-to-Action (CTA)
Conversion Button
Marketing Tools
Insert Offer Link

12.) What is one function of the ‘Edit CSS’ dropdown menu item?

The Edit CSS option allows you to change colors by selecting an element and clicking on a color.
The Edit CSS option allows you assign stylesheets to individual modules.
The Edit CSS option allows you to assign CSS Classes to modules and apply local CSS styling.
The Edit CSS option allows you to directly change the existing CSS applied to a module.

13.) What is a Flexible Column?

A module that allows an end user to add or remove modules in the Page Editor.
A div that stretches when the visitor clicks and drags it.
A module that remains editable after a page has been published.
A form that expands when a visitor types into it.

14.) When two modules are grouped, what happens to their associated HTML?

The two modules become part of an iframe, making it easier to dynamically position.
Two divs become one div, making it CSS styling easier.
The two modules are placed in a parent div, helping to maintain responsiveness.
Two divs are assigned the same CSS class, making styling easier.

15.) What is the Code Editor?

The primary content editing tool in HubSpot.
A tool used to help translate important content on your site.
The portion of the design tools where CSS/HTML/Javascript code is edited and previewed.
A console tool for monitoring, pausing, and rewinding code progress in real-time.

16.) What does COS stand for?

Coordinator of Styles
Content Optimization Software
Content Optimization System
Content Organization System

17.) Your new client, Top Chocolate Shop is considering using the HubSpot COS for their marketing efforts. Which of the following would you tell them about the COS?

The HubSpot COS is a Content Management System, built to make web content creation and editing easy.
The HubSpot COS contains tools for building responsive and dynamic page, email, and blog templates.
The HubSpot COS is a system that integrates your content creation with HubSpot’s marketing analytics tools.
All of the above.

18.) What option is used when making changes to a single instance of a global module?

Edit Module
Make a Local Copy
Convert Global to Local
Edit Instance

19.) Why is it better to use an attached stylesheet instead of inline styling, for pages?

Inline styles only work for text elements, and not more complex content, like divs.
It isn’t actually better. You should use inline styling wherever seems right.
Inline styles cannot be edited within the Layout Builder.
Stylesheets separate content and design, simplifying the development process.

20.) Why is it better to use an attached stylesheet instead of inline styling for page templates?

Inline styles only work for text elements, and not more complex content, like divs.
It isn’t actually better. You should use inline styling wherever seems right.
Inline styles cannot be edited within the Layout Builder.
Stylesheets separate content and design, simplifying the development process.

21.) Which of the following is a common example of when a global group would be useful?

A. Creating a masthead to be used across multiple pages.
B. Creating a sidebar for your entire website.
C. Formatting a “Contact Us” page.
A and B are correct.
B and C are correct.
A, B and C are correct.

22.) Which of the following is a common example of when a global group would be useful?

Creating a masthead to be used across multiple pages
Creating a sidebar for your entire site
Formatting a Contact Us page
Both A & B are correct

23.) What is the HubSpot COS and what does it do?

The HubSpot COS is a Content Management System, built to make web content creation and editing easy.
The HubSpot COS is contains tools for building responsive and dynamic page, email, and blog templates.
The HubSpot COS is a system that integrates your content creation with HubSpot’s marketing analytics tools.
All of the above.

24.) Why is module placeholder text important to the end user?

Placeholder text helps the end user understand a module’s purpose.
Placeholder text tells the visitor what information to enter into a form.
Placeholder text helps the end user add custom HTML to their site.
Placeholder text is not important, lorem ipsum will do.

25.) Which of the following is a true statement about email design?

As long as it looks correct in the template builder, it will look correct for all recipients.
You can easily build streaming video into emails.
Any website code can be dropped into an email to create highly-functional templates.
Due to differences in email software, not all viewers will see images by default.

26.) Which of the following is a true statement about email design?

“The email will render for all email recipients in the same way.”
“You can easily build streaming video into emails.”
“Due to differences in email software, not all viewers will see images by default.”
“Any website code can be dropped into an email to create highly-functional templates.”

27.) Why should you style email templates with inline styles instead of css stylesheets?

Email stylesheets are often the cause of broken email responsiveness.
Stylesheets are rarely supported by email clients.
Inline styles help keep content ‘in line’ with the center of the template.
Statistically speaking, inline styles result in higher open rates.

28.) HubSpot emails can also exist as web pages. Why is this important?

This is important because web pages are guaranteed to display accurately, everywhere.
This is important because it makes the email easy to share on social media.
This is important because it enables navigation in emails.
This is important because it reduces email loading time.

29.) Why is making an email viewable as a webpage a helpful feature from a marketing perspective?

It makes the email easy to share on social media.
It reduces email loading time.
It enables navigation in emails.
Web pages are guaranteed to display accurately, everywhere.

30.) What question should you be asking yourself when testing an email template on a mobile device?

Do images load properly?
Is the text legible?
Do call-to-action modules work correctly?
All of the above

31.) What is CAN-SPAM and why is it a required module for email templates?

CAN-SPAM is a legal requirement for marketing email, and provides users the option to unsubscribe from marketing emails.
CAN-SPAM is a tracking module that informs a HubSpot user when their email is marked as “Spam’.
CAN-SPAM generates random code in every email, to help them look unique and prevent Spam complaints.
CAN-SPAM enables HubSpot emails to get through a recipient’s Spam filter.

32.) According to the US Consumer Device Preference Report, nearly half of all emails are opened on a mobile device.

TRUE
FALSE

33.) True or False: Nearly half of all emails are opened on a mobile device.

TRUE
FALSE

34.) According to the Emails Templates class, a “bullet-proof” CTA is designed with an image.

TRUE
FALSE

35.) If you were asked to modify a company’s homepage to include content that describes the company’s reputation, which of the following modules would best describe their reputation?

A module with testimonials from their current customers.
A module with a video message from with their CEO describing their company’s mission.
A module sharing the number of Twitter followers that they have.
A module that lists promotional discounts.

36.) What’s the most important first step in designing an effective marketing email template?

Choosing filler text and images
Deciding on the purpose of the template
Styling the colors and fonts
Cloning an existing template and giving it a name

37.) How can you use the Template Builder to help end users brand their emails?

Include a logo module to bring in their site-wide logo automatically
Include space for a brand-related image
Include HubL tags that will bring in email style settings from their Portal
All of the above

38.) How can you use the Template Builder to help a company brand their emails?

A. Include a logo module to bring in their website-wide logo automatically.
B. Include space for a brand-related image
C. Include HubL tags that will pull color and font choices from Content Settings.
A and B
A, B, and C are correct.

39.) Why is it important to include space for an image in an email template?

All email clients will display images before text, creating the best first impression.
An image ensures that the email looks professional and stylish.
Including space for an image makes it easier for companies to include small advertisements in each email.
Studies show that the brain processes visual imagery dramatically faster than text, keeping readers engaged.

40.) True or False: Forms function best when placed on Landing Pages.

TRUE
FALSE

41.) What specific element does HubSpot recommend having on every single page, for lead-generation purposes?

A call-to-action
The site logo
A ‘Contact Us’ link
An embedded social media feed

42.) What specific element does HubSpot recommend for every single page, for lead-generation?

An embedded social media feed
A “Contact Us’ link
A site logo
A Call-to-Action

43.) In terms of successful marketing, why is it important to use empty space effectively?

Empty space reduces eye strain for the visitor.
Empty space drives focus to the page elements that matter most.
Empty space makes a page look more modern and attractive.
A & C are correct.

44.) Which of the following is the most important reason to use whitespace, from a marketing perspective?

Whitespace reduces eye strain for the visitor.
Empty space drives focus to the page elements that matter most.
Empty space makes a page look more modern and makes the content more attractive to the visitor.
Whitespace makes sure that your designs are not too colorful and distracting.

45.) True or False: A logo should link to the homepage in a landing page template design.

TRUE
FALSE

46.) If you were asked to modify the Home Page for a Company in order to describe the Company’s reputation, which of the following modules would best describe their reputation?

A module displaying a counter to show how many visitors have come to the site.
A module for success indicators — endorsements from other businesses, publications, or customers.
A module that lists promotional discounts.
A module sharing the number of Twitter followers that they have.

47.) A well-designed Landing Page is like an additional employee that works all hours of the day.

TRUE
FALSE

48.) A well-designed Landing Page is like an additional employee that works 24/7.

TRUE
FALSE

49.) True or False: Design consistency from the homepage to the rest of the website is important for promoting a good user experience.

TRUE
FALSE

50.) True or false: Design consistency with home page and site pages is important to user experience.

TRUE
FALSE

51.) Where are options such as Date Format and Commenting options controlled from?

Content Settings > Page Publishing Options
Blog Module Options button
Cloning the page to HTML, and editing the associated code
Content Settings > Blog Settings

52.) Where can you modify options such as date format and comments?

Content Settings > Page Publishing Options
Blog Module Options button
Cloning the page to HTML, and editing the associated code
Content Settings > Blog Settings

53.) Which of the following questions does not guide you in creating your website’s user personas?

What is their level of expertise?
Who would use this content?
How many times have they visited your site?
What devices do they use to browse the Internet?

54.) Which of the following questions does NOT factor into developing your site’s user personas:

What is their level of expertise?
Who would use this content?
How many times have they visited your site?
What devices do they use to browse the Internet?

55.) Fill in the blank: While most pages should be optimized for user interaction, responsive blogs should be first optimized for _________.

Readability
Simple Commenting
Shareability
Image rendering

56.) Fill in the blank: While most pages should be optimized for user interaction, responsive blogs should be first optimized for _________.

easy sharing.
fast-loading images.
readability.
shorter content

57.) True or False: You can only create one blog per site with HubSpot’s design tools.

TRUE
FALSE

58.) True or False: You can only create one blog per domain.

TRUE
FALSE

59.) Calls-to-Action should be included in Blog Posts and ________?

In a header banner
In the blog footer
In the blog sidebar
In blog entry titles

60.) Fill in the blank: calls-to-action should be included in blog posts and ________?

in the blog header.
in the blog sidebar.
in the blog post titles.
in the blog footer.

61.) Where do you change layout of individual blog posts?

This is changed in Content Settings > Blog Layout.
This is changed in the Blogging tool, when editing a post.
This is changed by clicking on the blog module settings button, and then “Edit Options’.
This is changed through the Blog Post Template Builder.

62.) Where do you change the layout of individual blog posts?

This is changed in the Blogging tool, when editing a post.
This is changed in Content Settings under Blog Layout.
This cannot be changed.
This is changed by clicking on the ‘Edit Post Template’ button.

63.) Where do you change the layout of individual blog posts?

This is changed in Content Settings > Blog Layout.
This is changed in the Blogging tool, when editing a post.
This is changed by clicking on the blog module settings button, and then “Edit Options’.
This is changed through the Blog Post Template Builder.

64.) What is the feedback principle in relation to designing the user experience?

To let users know that their action was completed successfully.
To gather feedback from users.
Changing the site design based on feedback.
Designing the site only after receiving feedback on the mockup.

65.) Of the following choices, which would be the best way to create a consistent site experience?

Using the same call-to-action button
Adding a border to all of your buttons
Keeping the navigation in the same location
Creating only one template for your pages

66.) Of the following choices, which would be the best way to create a consistent website experience?

Keeping the navigation in the same location.
Creating only one template for your pages.
Adding a border to the sidebar.
Using the same CTA button.

67.) Fill in the blank: According to by Akamai, 40% of people will abandon a webpage if it takes more than _____ seconds to load.

68.) Select the correct line of HTML that activates the phone app of a mobile device.

< a href="tel:+16178675309" target="_blank">
< a href="call:+1-617-867-5309" target="_blank">
< a href="tel:+1-617-867-5309" target="_blank">
< a href="call:+16178675309" target="_blank">

69.) Select the correct line of HTML that would activate the phone app of a mobile device.

< a href="tel:+16178675309" target="_blank">
< a href="call:+1-617-867-5309" target="_blank">
< a href="tel:+1-617-867-5309" target="_blank">
< a href="call:+16178675309" target="_blank">

70.) True or False: A custom font should not be used on a blog in order to maximize readability.

TRUE
FALSE

71.) What category of templates contains the option to build an Error Page?

Notification Pages
Alert Pages
Warning Pages
System Pages

72.) What category of templates contains the option to build an Error Page?

Alert Templates
System Templates
Warning Templates
Notification Templates

73.) What category of pages contains the option to build an Error Page?

Notification Pages
Alert Pages
Warning Pages
System Pages

74.) What is a Flexible Area?

A module that allows an end user to add or remove modules in the Page Editor.
A div that stretches when the visitor clicks and drags it.
A module that remains editable after a page has been published.
A form that expands when a visitor types into it.

75.) What does the “Edit CSS” module option allow you to do?

The Edit CSS option allows you to change colors by selecting an element and clicking on a color.
The Edit CSS option allows you assign stylesheets to individual modules.
The Edit CSS option allows you to assign CSS Classes to modules and apply local CSS styling.
The Edit CSS option allows you to directly change the existing CSS applied to a module.

76.) What does the “Edit CSS” module option allow you to do?

It allows you to change colors by selecting an element and clicking on a color.
It allows you to assign stylesheets to individual modules.
It allows you to remove any default CSS applied to a module.
It allows you to assign CSS Classes to modules and apply local CSS styling.

77.) True or False: Templates built in the Template Editor are automatically mobile-optimized.

TRUE
FALSE

78.) Your client, Top Chocolate Shop, has hired a new marketer named Ethel. Why will placeholder text help Ethel efficiently use your templates?

Placeholder text allows Ethel to add custom HTML.
Placeholder text will help Top Chocolate Shop visitors know what information to enter into a form.
Placeholder text helps Ethel understand a module’s purpose.
Placeholder text automatically adds in lorem ipsum to show Ethel where to add her content.

79.) Where can you reference a JavaScript library?

Using the JavaScript module in their template
In the File Manager, by clicking on a .js file and selecting “Use in Template’
Within the Site Header or Footer HTML section, under Content Settings
Within the Site Maps tool, under Content Settings

80.) If a user is interested in utilizing JavaScript libraries, where do they reference them?

Using the JavaScript module in their template
In the File Manager, by clicking on a .js file and selecting “Use in Template’
Within the Site Header or Footer HTML section, under Content Settings
Within the Site Maps tool, under Content Settings

81.) Which of these is a reason for using HubSpot for sending emails versus other tools?

HubSpot’s email tool can bypass Spam filters, promoting engagement.
HubSpot’s email tool can use JavaScript and other languages to compute logic in emails.
HubSpot’s email tool is fully integrated with HubSpot’s marketing channels.
HubSpot guarantees deliverability to all email addresses.

82.) Why would you use inline styling in an email template rather than a stylesheet?

Email stylesheets are often the cause of broken email responsiveness.
Stylesheets are rarely supported by email clients.
Inline styles help keep content ‘in line’ with the center of the template.
Statistically speaking, inline styles result in higher open rates.

83.) Which of the following is NOT a reason to use descriptive default text in an email?

Default text gives the content creator an impression of what the finished email will look like.
Default text helps the content creator know what to write.
Default text can inform the content creator of each module’s purpose.
Default text locks the content creator into the inline styling you’ve created.

84.) True or False: Adding the HTML background-color property to an image will display a color, even if images are turned off.

TRUE
FALSE

85.) Adding the HTML background-color property to an image will display a color, even if images are turned off.

TRUE
FALSE

86.) Your client, Top Chocolate Shop, is ready for a website redesign. Why might you recommend moving their website to HubSpot from their current CMS?

HubSpot can create high-quality templates without HTML or PHP, while most other CMS platforms rely on it.
HubSpot tools provide a simplified, data-rich experience for marketers and a personalized experience for visitors.
HubSpot is the only platform that can be used to develop HubSpot-compatible websites.
Answers A and B are correct.
Answers A, B and C are correct.

87.) Your client Lucy, a marketer at Top Chocolate Shop, wants you to add a CTA to each image in the image slider on the homepage. Lucy tells you that she wants to have more CTAs so she can generate more leads. How would you respond?

You’re correct, Lucy. The more CTAs we can place on the homepage, the more likely it is for a user to click on one.
I don’t think that’s the best approach. An extremely small percentage of users are likely to click on CTAs beyond the first CTA in an image slider.
You’re right, Lucy. CTAs above the fold are more likely to be seen and so we should add as many CTAs as possible.
I’d like to add the CTAs to the image slider, but it’s not possible to have a CTA and image slider in the same space.

88.) Which of the following is true about the HubSpot email tool?

HubSpot guarantees deliverability to all email addresses.
HubSpot’s email tool can promote engagement by bypassing SPAM filters.
HubSpot’s email tool can use JavaScript and other languages to compute logic in emails.
HubSpot’s email tool collects analytics information which integrates with the contact record in HubSpot.

89.) A default module type in HubSpot is an “Email Signature” module.

TRUE
FALSE

90.) True or False: One default module type in HubSpot is an “Email Signature” module.

TRUE
FALSE

91.) Which module is required by the Template Builder to be in every email template that you design and why?

A CAN-SPAM module must be included to give the recipients a way to unsubscribe from marketing emails.
A view as webpage module must be included on every email template to ensure that every recipient can view the email.
A logo module must be included as a visual way to identify the email sender.
A rich text module must be included so that the email content creator has a place to insert the copy for the email.

92.) True or False: The mail client Outlook has specific CSS rules for what will and will not render when displaying an email.

TRUE
FALSE

93.) When designing site architecture and navigation, whose experience should be the primary consideration?

The Visitor’s experience
The Marketer’s experience
The Salesperson’s experience
The Designer’s experience

94.) When designing site architecture and navigation, which of the following is paramount?

The Visitor’s experience
The Marketer’s experience
The Salesperson’s experience
The Designer’s experience

95.) Why does HubSpot recommend customers create websites with the HubSpot design tools instead of other popular CMS platforms?

HubSpot can create high-quality templates without HTML or PHP, while most other CMSes rely on it.
HubSpot tools provide a simplified, data-rich experience for marketers and a personalized experience for visitors.
HubSpot is the only tool that can be used to develop HubSpot-compatible websites.
Answers A & B are correct.

96.) True or False: Effective landing pages include a menu navigation.

TRUE
FALSE

97.) True or False: Effective Landing Pages include site navigation.

TRUE
FALSE

98.) True or False: When designing for your users, your initial site prototype should be written in code.

TRUE
FALSE

99.) True or False: Since blogs will consistently have new content on the blog listing page, “above-the-fold” content is less important.

TRUE
FALSE

100.) True or false: Since blogs are always changing, content “above-the-fold’ is less important.

TRUE
FALSE

101.) Your client, Top Chocolate Shop, wants to leverage their blog as a way to establish their company as a thought leader in the chocolate industry. As their designer, how can you help them promote thought leadership through your template design?

Create a “blogs we read” module so the company can generate external links.
Format the blog author’s name to be larger than other text on the page so the authors start to get recognized.
Include an “about the author” page or module so readers can see the author’s background and level of expertise on the topic.
Provide a “topics” module so the company can showcase how often they write about different chocolate topics.

102.) A client wants to catapult themselves into a thought leader for their industry. As their designer, how can you help to promote a company’s thought leadership through templates?

Provide an “about the author’ page or module
Format the “author name’ to be larger than other text on the page
Provide a “blogs we read’ module, for external links
Provide a “tags’ or “categories’ module

103.) In order to maximize readability of your blog, you should design using only one color.

TRUE
FALSE

104.) In addition to the content, a blog should feature a _________________ in order to keep readers engaged with the blog.

Most recent blog posts listing
Image slider
Blog subscription module
Picture of the author

105.) For the sake of keeping users engaged over time, it is vital that a blog feature a ________ in addition to content.

Most recent blog posts listing
Image slider
Blog subscription module
Picture of the author

106.) How can you provide the best blog writing experience for your client, Top Chocolate Shop?

Guiding the author with assistive module labels
Creating modules that automatically fill in content based on keywords
Enabling rich text options in every new module
Automatically creating blog drafts from the author’s tweets, using HubL.

107.) How can the layout of a blog post improve the blog author’s experience?

Guiding the author with assistive module labels
Creating modules that automatically fill in content based on keywords
Enabling rich text options in every new module
Automatically creating blog drafts from the author’s tweets, using HubL.

108.) How can you provide the best blog writing experience for your client, Top Chocolate Shop?

Guiding the author with helpful module labels.
Creating modules that automatically fill in keywords.
Enabling rich text options in every new module.
Automatically creating blog drafts from the author’s tweets, using HubL.

109.) True or False: Responsive design relies on predefined screen sizes.

True
False

110.) Responsive design relies on predefined screen sizes.

TRUE
FALSE

111.) Adaptive design relies on predefined screen sizes.

TRUE
FALSE

112.) When designing a mobile-optimized menu in HubSpot, the menu stacks vertically on smaller screens by default.

TRUE
FALSE

113.) True or False: A menu module stacks vertically on smaller screens by default.

TRUE
FALSE

114.) Your client, Top Chocolate Shop has read that they need a responsive website, but they aren’t sure what that is. How would you describe a responsive website to them?

The content changes based on what the user searches for.
The website layout changes depending on the size of the screen it is being viewed on.
Everything can be moved by the user, creating a customized experience.
The visitor’s previous website interactions define the navigation.

115.) What are the two principal design tools used for building website page, blog, and email templates in HubSpot?

The Content Editor and Code Editor
The Layout Builder and Style Workshop
The Content Builder and Template Designer
The Template Builder and Code Editor

116.) What are the two principal design tools used for building site page, blog, and email templates in HubSpot?

The Content Builder and Template Designer
The Content Editor and Code Editor
The Template Builder and Code Editor
The Layout Builder and Style Workshop

117.) What is the purpose of a global group or module?

A. Global groups and modules can be used from any layout within HubSpot.
B. Global groups and modules are translated on the page depending on the user’s country of origin.
C. When global groups and modules are edited in one location, those changes apply to all instances of their use.
A and B are correct.
A and C are correct.
A, B and C are correct.

118.) What is the purpose of a global group or module?

Global groups and modules become accessible from any layout within HubSpot.
Global groups and modules are translated automatically depending on the user’s country of origin.
Global groups and modules are edited in one location. Changes apply to all instances.
A & C are correct.

119.) Which of the following is NOT the correct method for determining which classes are assigned to a module?

Clicking the Help button.
Use your browser’s ‘Inspect Element’ feature or a similar browser extension.
Clone your layout to raw HTML and read through the code.
Publish your page and ‘View Source’.

120.) Which of the following is not the correct method for determining which classes are assigned to a module?

Call HubSpot support at 1-888-HUBSPOT
Use your browser’s “Inspect Element’ feature or a similar browser extension such as Firebug
Clone your layout to raw HTML and read through the code
Publish your page and “View Source’

121.) What option allows you to convert a template to raw code?

“Clone to File”, found under the Actions menu.
“Create Code File”, found by right-clicking on a template.
“Copy to HTML”, found under the Actions menu.
“Advanced Mode”, found under the Actions menu.

122.) What option allows you to copy a template to raw code?

Copy to HTML, found under the Actions menu.
Clone to File, found under the Actions menu.
Advanced Mode, found under the Actions menu.
Create Code File, found by right-clicking on a template.

123.) When your CSS style is ready to be previewed, how do you make it available as a choice in the Style Menu?

Click ‘Save’ and it will automatically become available.
Copy all of the associated CSS styling and paste it into each module.
Click ‘Publish’ in the Code Editor to make it selectable.
Import the Style and insert the code at the top of your stylesheet.

124.) When your CSS style is ready to be previewed, how do you make it available as a choice in the Style Menu?

Hit “Publish” in the Code Editor to make it selectable.
Hit “Save’ and it will automatically become available
Import the Style insert code, at the top of your stylesheet
Copy all of the associated CSS styling and paste it into each module

125.) What is the most important reason to include personalization tokens for lead generation when designing email templates?

Personalization tokens will change the content of a marketing email based on lead intelligence.
Personalization tokens automatically pull recipient information from the HubSpot contacts database.
Personalization tokens can recommend products or services based on social media connections.
Personalization tokens can be used to address an email to multiple people at once.

126.) What is the most important reason to include Personalization Tokens for lead generation when designing email templates?

Personalization Tokens will change the content of a marketing email based on lead intelligence.
Personalization Tokens can recommend products or services based on social media connections.
Personalization Tokens can be used to address an email to multiple people at once.
Personalization Tokens automatically pull recipient information from a HubSpot user’s contact properties.

127.) What is the best way to ensure a customized site footer is consistent across all pages?

Add a custom HTML module to each page template that is used in the website.
Use the default site footer module and lock it to prevent any changes.
Convert a footer to a global group to be reused throughout the page templates.
Use the same style on each page’s footer module, to keep colors and fonts the same.

128.) What is the best way to ensure the site footer is consistent across all pages?

Use the same style on each page’s footer module, to keep colors and fonts the same.
Create the footer with custom HTML and copy it into each template.
Publish each layout as a page, and switch from window to window to ensure accuracy.
Convert a footer to a global group to be reused throughout your site.

129.) What is the best way to ensure a customized site footer is consistent across all pages?

Use the same style on each page’s footer module, to keep colors and fonts the same.
Create the footer with custom HTML and copy it into each template.
Publish each layout as a page, and switch from window to window to ensure accuracy.
Convert a footer to a global group to be reused throughout your site.

130.) Affordances can also be described as:

visual cues
connections
progress
limitations

131.) “Affordances” can also be described as:

visual cues
connections
preference
limitations

132.) Which element is most important when writing a CSS media query?

Device type
Mobile operating system
Screen size
Image load time

133.) What element is most important when writing a CSS media query?

device type
image load time
screen size
mobile operating system

134.) How is the layout of a Blog Post Template constructed?

Similar to the Template Builder, using the Blog Post Layout Editor.
Using HTML to build the structure, with HubL tags to bring in information and specify fields.
Using a mixture of PHP and CSS code.
Using Blog Content modules for each section.

135.) How is the layout of a Blog Post Template built?

Similar to the Template Builder, using the Blog Post Layout Editor
HTML to build the structure, HubL tags to bring in information and specify fields
A mixture of PHP and CSS
Using Blog Content modules for each section

136.) Why is it important to use descriptive default text?

A. Default text gives the sender an impression of what the finished email will look like.
B. Default text helps the sender write strong marketing copy.
C. Default text can inform the sender of each module’s intention, increasing their chances for success.
Answers A & C are correct

137.) Which of the following best describes how to use the “feedback principle” when designing the user experience?

It serves as a way to let users know that their action was completed successfully.
You should design a way for users to provide real-time feedback on the website.
User feedback provides direction for website design changes.
The website should only be designed after receiving feedback on the mockup.