Your
client, Top Chocolate Shop, is ready for a website redesign. Why
might you recommend moving their website to HubSpot from their
current CMS?
A) HubSpot can
create high-quality templates without HTML or PHP, while most other
CMS platforms rely on it.
B) HubSpot tools
provide a simplified, data-rich experience for marketers and a
personalized experience for visitors.
C) HubSpot is
the only platform that can be used to develop HubSpot-compatible
websites.
D) Answers A and
B are correct.
E) Answers A, B
and C are correct.
Why
is it important to include space for an image in an email template?
A) All email clients will display images before text, creating the best first impression.
A) All email clients will display images before text, creating the best first impression.
B) An image
ensures that the email looks professional and stylish.
C) Including
space for an image makes it easier for companies to include small
advertisements in each email.
D) Studies show
that the brain processes visual imagery dramatically faster than
text, keeping readers engaged.
Your
client, Top Chocolate Shop, has hired a new marketer named Ethel. Why
will placeholder text help Ethel efficiently use your templates?
A) Placeholder
text allows Ethel to add custom HTML.
B) Placeholder
text will help Top Chocolate Shop visitors know what information to
enter into a form.
C) Placeholder
text helps Ethel understand a module’s purpose.
D) Placeholder
text automatically adds in lorem ipsum to show Ethel where to add her
content.
Your
client Lucy, a marketer at Top Chocolate Shop, wants you to add a CTA
to every image in the slider on the homepage so she can generate more
leads. How would you respond?
A) 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.
A) 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.
B) 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.
C) You’re
right, Lucy. CTAs above the fold are more likely to be seen and so we
should add as many CTAs as possible.
D) 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.
Why would you use
inline styling in an email template rather than a stylesheet?
A) Email stylesheets are often the cause of broken email responsiveness.
A) Email stylesheets are often the cause of broken email responsiveness.
B) Stylesheets are rarely supported by email clients.
C) Inline styles help keep content ‘in line’ with the center
of the template.
D) Statistically speaking, inline styles result in higher open
rates.
Fill in the
blank: calls-to-action should be included in blog posts and ________?
A) In a header banner
B) In the blog footer
C) In the blog sidebar
D) In blog entry titles
True or False: A
custom font should not be used on a blog in order to maximize
readability.
A)
TRUE
B) FALSE
Which
of the following is a true statement about email design?
A) As long as it looks correct in the template builder, it will look correct for all recipients.
A) As long as it looks correct in the template builder, it will look correct for all recipients.
B) You can easily build streaming video into emails.
C) Any website code can be dropped into an email to create
highly-functional templates.
D) Due to differences in email software, not all viewers will see
images by default.
True
or False: The mail client Outlook has specific CSS rules for what
will and will not render when displaying an email.
A) TRUE
A) TRUE
B) FALSE
What is the
purpose of a global group or module?
A) Global groups
and modules become accessible from any layout within HubSpot.
B) Global groups and modules are translated automatically depending
on the user’s country of origin.
C) Global groups and modules are edited in one location. Changes
apply to all instances.
D) A & C are correct.
Where
can you reference a JavaScript library?
A) Using the
JavaScript module in their template
B) In the File Manager, by clicking on a .js file and selecting
“Use in Template’
C) Within the Site Header or Footer HTML section, under Content
Settings
D) Within the Site Maps tool, under Content Settings
Your
client, Top Chocolate Shop, wants to use their blog as a way to
establish their company as a thought leader in the chocolate
industry. How can you help them promote thought leadership through
your template design?
Which of the
following is a common example of when a global group would be useful?
A) The two modules become part of an iframe, making it easier to
dynamically position.
B) Two divs become one div, making it CSS styling easier.
C) The two modules are placed in a parent div, helping to maintain
responsiveness.
D) Two divs are assigned the same CSS class, making styling
easier.
Where
can you modify options such as date format and comments?
A)
Content Settings > Page Publishing Options
B) Blog Module Options button
C) Cloning the page to HTML, and editing the associated code
D) Content Settings > Blog Settings
True
or False: Responsive design relies on predefined screen sizes.
A)
TRUE
B) FALSE
Select the
correct line of HTML that would activate the phone app of a mobile
device.
A) < a
href=”tel:+16178675309? target=”_blank”>
B) < a href=”call:+1-617-867-5309? target=”_blank”>
C) < a href=”tel:+1-617-867-5309? target=”_blank”>
D) < a href=”call:+16178675309? target=”_blank”>
How
is the layout of a Blog Post Template constructed?
A) Similar to
the Template Builder, using the Blog Post Layout Editor
B) HTML to build the structure, HubL tags to bring in information
and specify fields
C) A mixture of PHP and CSS
D) Using Blog Content modules for each section
How can you
provide the best blog writing experience for your client, Top
Chocolate Shop?
A) Guiding the
author with assistive module labels
B) Creating modules that automatically fill in content based on
keywords
C) Enabling rich text options in every new module
D) Automatically creating blog drafts from the author’s tweets,
using HubL.
True
or False: Adding the HTML background-color property to an image will
display a color, even if images are turned off.
A)
TRUE
B) FALSE
Which
of the following is NOT a reason to use descriptive default text in
an email?
A) Default
text gives the content creator an impression of what the finished
email will look like.
B) Default text helps the content creator know what to write.
C) Default
text can inform the content creator of each module’s purpose.
D) Default text locks the content creator into the inline styling
you’ve created.
D) Answers A &
C are correct.
Which of the
following is the most important reason to use whitespace, from a
marketing perspective?
A)
Whitespace reduces eye strain for the visitor.
B) Empty space drives focus to the page elements that matter
most.
C) Empty space makes a page look more modern and makes the content
more attractive to the visitor.
D) Whitespace makes sure that your designs are not too colorful
and distracting.
Which
module is required by the Template Builder to be in every email
template that you design and why?
A) A CAN-SPAM module must be included to give the recipients a
way to unsubscribe from marketing emails.
B) A view as webpage module must be included on every email
template to ensure that every recipient can view the email.
C) A logo module must be included as a visual way to identify the
email sender.
D) A rich text module must be included so that the email content
creator has a place to insert the copy for the email.
How
can you use the Template Builder to help a company brand their
emails?
A)
Include a logo module to bring in their site-wide logo automatically
B) Include space for a brand-related image
C) Include HubL tags that will bring in email style settings from
their Portal
D) All of the above
What is a
Flexible Column?
A) A module
that allows an end user to add or remove modules in the Page Editor.
B) A div that stretches when the visitor clicks and drags it.
C) A module that remains editable after a page has been published.
D) A form that expands when a visitor types into it.
What question
should you be asking yourself when testing an email template on a
mobile device?
A)
Do images load properly?
B) Is the text legible?
C) Do call-to-action modules work correctly?
D) All of the above
True or False: A
logo should link to the homepage in a landing page template design.
A) TRUE
B) FALSE
Your
new client, Top Chocolate Shop is considering using HubSpot to
hosTemplates built in the Template Editor are automatically
mobile-optimizedou tell them?t their website. Which of the following
would you tell them?
What is the Code
Editor?
A)
The primary content editing tool in HubSpot.
B) A tool used to help translate important content on your site.
C) The portion of the design tools where CSS/HTML/Javascript
code is edited and previewed.
D) A console tool for monitoring, pausing, and rewinding code
progress in real-time.
True or False: A
Primary CSS file is enabled by default on all templates.
A) TRUE
B) FALSE
What is the most
important reason to include personalization tokens for lead
generation when designing email templates?
A)
Personalization Tokens will change the content of a marketing email
based on lead intelligence.
B) Personalization Tokens can recommend products or services based
on social media connections.
C) Personalization Tokens can be used to address an email to
multiple people at once.
D) Personalization Tokens automatically pull recipient
information from a HubSpot user’s contact properties.
What is the best
way to ensure a customized site footer is consistent across all
pages?
A)
Use the same style on each page’s footer module, to keep colors
and fonts the same.
B) Create the footer with custom HTML and copy it into each
template.
C) Publish each layout as a page, and switch from window to window
to ensure accuracy.
D) Convert a footer to a global group to be reused throughout
your site.
True or False:
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?.
A) TRUE
B) FALSE
Which of the
following is NOT the correct method for determining which classes are
assigned to a module?
A) Call HubSpot support at 1-888-HUBSPOT
B) Use your browser’s “Inspect Element’ feature or a similar
browser extension such as Firebug
C) Clone your layout to raw HTML and read through the code
D) Publish your page and “View Source’
What is a
Flexible Column?
A) A module
that allows an end user to add or remove modules in the Page Editor.
B) A div that stretches when the visitor clicks and drags it.
C) A module that remains editable after a page has been published.
D) A form that expands when a visitor types into it.
What specific
element does HubSpot recommend having on every single page, for
lead-generation purposes?
A)
An embedded social media feed
B) A “Contact Us’ link
C) A site logo
D) A Call-to-Action
Which element is
most important when writing a CSS media query?
A)
device type
B) image load time
C) screen size
D) mobile operating system
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?
A) The content changes based on what the user searches for.
B) The website
layout changes depending on the size of the screen it is being viewed
on.What are the two principal design tools used for building website
page, blog, and email templates in HubSpot?
C) Everything can be moved by the user, creating a customized
experience.
D) The visitor’s previous website interactions define the
navigation.
What does the
"Edit CSS" module option allow you to do?
A) It allows you to change colors by selecting an element and
clicking on a color.
B) It allows you to assign stylesheets to individual modules.
C) It allows you
to remove any default CSS applied to a module.
D) It allows you to assign CSS Classes to modules and apply local CSS
styling.
Which of the
following is true about the HubSpot email tool?
A)
HubSpot guarantees deliverability to all email addresses.
B) HubSpot’s email tool can promote engagement by bypassing SPAM
filters.
C) HubSpot’s email tool can use JavaScript and other languages
to compute logic in emails.
D) HubSpot’s email tool collects analytics information which
integrates with the contact record in HubSpot.
True or False:
One default module type in HubSpot is an "Email Signature"
module.
A) TRUE
B) FALSE
What category of
templates contains the option to build an Error Page?What category of
templates contains the option to build an Error Page?
A) The Content Builder and Template Designer
B) The Content Editor and Code Editor
C) The Template Builder and Code Editor
D) The Layout Builder and Style Workshop
In which of the
following situations would body classes be most valuable?
A)
Dropping a shadow behind your sidebar, site-wide
B) Styling different body elements for different types of
pages, within a single stylesheet
C) Changing one type of font but not another
D) Changing the width of your layout based on screen size
True or False:
Since blogs will consistently have new content on the blog listing
page, "above-the-fold" content is less important.
A)
TRUE
B) FALSE
Which of the
following questions does not guide you in creating your website's
user personas?
A)
What is their level of expertise?
B) Who would use this content?
C) How many times have they visited your site?
D) What devices do they use to browse the Internet?
What
is the purpose of a global group or module?
A)
Notification Pages
B) Alert Pages
C) Warning Pages
D) System Pages
What are HubL
tags?
A) HubL (short for HubSpot Lingo) tags are a way that you can use
common JavaScript snippets easily.
B) HubL tags are a form of server-side code, used for building
templates.
C) HubL tags are another form of CSS, used for advanced page
design and typography.
D) HubL tags are similar to jQuery in that they enable features
like interactive, animated divs.
What’s the most
important first step in designing an effective marketing email
template?
A)
Choosing filler text and images
B) Deciding on the purpose of the template
C) Styling the colors and fonts
D) Cloning an existing template and giving it a name
True or False:
Design consistency from the homepage to the rest of the website is
important for promoting a good user experience.
A) TRUE
B) FALSE
True or False:
When designing for your users, your initial site prototype should be
written in code.
A)
TRUE
B) FALSE
"Affordances"
can also be described as:
A) visual cues
B) connections
C) progress
D) limitations
What option
allows you to convert a template to raw code?
A)
Copy to HTML, found under the Actions menu.
B) Clone to File, found under the Actions menu.
C) Advanced Mode, found under the Actions menu.
D) Create Code File, found by right-clicking on a template.
Fill in the
blank: While most pages should be optimized for user interaction,
responsive blogs should be first optimized for _________.
A) Readability
B) Simple Commenting
C) Shareability
D) Image rendering
Which of the
following best describes how to use the "feedback principle"
when designing the user experience?
A) To let
users know that their action was completed successfully.
B) To gather feedback from users.
C) Changing the site design based on feedback.
D) Designing the site only after receiving feedback on the mockup.
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 site
C) Formatting a Contact Us page
D) Both A & B are correct
Of the following
choices, which would be the best way to create a consistent website
experience?
A)
Using the same call-to-action button
B) Adding a border to all of your buttons
C) Keeping the navigation in the same location
D) Creating only one template for your pages
True or False:
You can only create one blog per domain.
A)
TRUE
B) FALSE
In addition to
the content, a blog should feature a _________________ in order to
keep readers engaged with the blog.
A)
Most recent blog posts listing
B) Image slider
C) Blog subscription module
D) Picture of the author
True or False:
Nearly half of all emails are opened on a mobile device.
A) TRUE
B) FALSE
Where do you
change the layout of individual blog posts?
A) This is changed in Content Settings > Blog Layout.
B) This is changed in the Blogging tool, when editing a post.
C) This is changed by clicking on the blog module settings button,
and then “Edit Options’.
D) This is
changed through the Blog Post Template Builder.
True or False: A
menu module stacks vertically on smaller screens by default.
A) TRUE
B) FALSE
Why is making an
email viewable as a webpage a helpful feature from a marketing
perspective?
A) It makes
the email easy to share on social media.
B) It reduces email loading time.
C) It enables navigation in emails.
D) Web pages are guaranteed to display accurately, everywhere.
When designing
site architecture and navigation, whose experience should be the
primary consideration?
A) The
Visitor’s experience
B) The Marketer’s experience
C) The Salesperson’s experience
D) The Designer’s experience
By default, new
CSS files created in the Code Editor automatically include
‘modules.css’. What does ‘modules.css’ do?
A) It ensures that the layout is responsive — without it, nothing
will be responsive.
B) It ensures
that fixed-width modules, such as images or forms, become responsive.
C) It creates styling for modules that only applies to desktop
devices.
D) It adds a ‘View Desktop Site’ link at the bottom of each page.
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) A module with
testimonials from their current customers.
B) A module with a video message from with their CEO describing their
company’s mission.
C) A module sharing the number of Twitter followers that they have.
D) A module that lists promotional discounts.
What option is
used when making changes to a single instance of a global module?
A) Edit Module
B) Make a Local Copy
C) Convert Global to Local
D) Edit Instance
Why is it better
to use an attached stylesheet instead of inline styling for page
templates?
A)
Inline styles only work for text elements, and not more complex
content, like divs.
B) It isn’t actually better. You should use inline styling
wherever seems right.
C) Inline styles cannot be edited within the Layout Builder.
D) Stylesheets separate content and design, simplifying the
development process.
True or False: A
well-designed landing page is like an additional employee that works
all hours of the day.
A) TRUE
B) FALSE
Which module type
will help marketers convert visitors into leads?
A)
Call-to-Action
B) Conversion Button
C) Marketing Tools
D) Insert Offer Link
How
can you set the menu display orientation?
A) In Options on a menu module.
B) In Content Settings under Advanced Menu.
C) With a HubL token.
D) It varies
depending on the user’s screen size.
Your
new client, Top Chocolate Shop is considering using HubSpot to host
their website. Which of the following would you tell them?
In terms of the HTML, what
happens when two modules are grouped?