Shopmonkey Component Library

The Shopmonkey component library includes all components used across the website.

Component Types

Accordion

An accordion displays a list of headers with additional information shown when clicked on. Use accordions when you want to break down long or complex portions of text into smaller chunks.

1 variation

Awards

An awards component displays awards that the company has earned. Sharing this information creates additional trust from potential clients or employees.

3 variations

Card Decks

Cards provide simple yet rich information that guides a user to click and continue to a new page. Use cards to provide links to other pages.

6 variations

Case Studies

Case studies provide potential buyers with proof that their future purchase is a good choice. Use case studies to highlight how the company can benefit customers in their specific industry.

1 variation

Careers

Careers sections let potential candidates know you’re hiring. Use careers sections at the bottom of appropriate pages to encourage potential new hires to apply to open positions.

1 variation

Conversion Panel

Conversion panel sections guide users towards your goal conversion by leading them to purchasing or scheduling a demo. Use a conversion panel at the bottom of a webpage, above the footer.

9 variations

Exit Intent Popup

Exit-intent popups appear when a user is about to bounce. Use exit-intent popups to provide an additional offer and keep customers on the website.

1 variation

Features

Features sections explain what the product or service does and how it can help. Use features sections where you want to give a short description and a few key features of the product or service you are offering.

2 variations

Footer

Footers are another form of navigation to help users find pages they’re looking for quickly. Use at the end of every page except a checkout page.

1 variation

Header

Headers are the top portion of a page and useful for establishing where the user is on the site and what they can expect to find on the page. Use headers before switchback components to give context.

1 variation

Hero

The hero is the first thing users see when arriving on a website. It’s important that your hero is clear, easy to understand, and communicates exactly what you do. Use a hero on every page of the website unless there is a special circumstance.

3 variations

Navigation

The navigation is the topmost part of a web page that helps the user navigate a site. Use at the top of every page on the website unless there is a special circumstance.

1 variation

Quote

Quote sections are great for communicating social proof and building trust and authority for your product or service. Quote sections can be used at the end of every sales page.

4 variations

Switchbacks

Switchbacks provide a method to display important information with many supporting points. Switchbacks can include a variety of features to display different types of information or encourage user interaction. Use switchbacks when key information needs to be displayed in a clear, succinct manner.

3 variations

Testimonials

Testimonials are an endorsement for your product or service that comes from a previous customer. Testimonials can be used at the end of every sales page.

2 variations

Trust Bar

Trust bars use familiar business logos to build trust and increase conversion rates. Use trust bars underneath the hero component.

3 variations

Video Player

Video players highlight a video and give a short description of how your company can benefit customers for their specific industry. Use video players when you want to feature one video.

4 variations

Video Switcher

Video switchers display multiple videos at a time, with the description available for the first video. Video switchers can be used at the end of every sales page.

2 variations

Any Questions?

Get in touch! We are here to help.

Call Us

(408) 675-1879

Email Us

info@shopmonkey.io

Shopmonkey uses cookies

This website uses cookies to enhance your online experience. By using this website, you agree to ourPrivacy Policy.