SaaSquatch Help Center

Components are the individual building blocks, like hero images and task cards, that make up your widget or microsite. All of our current templates are powered by our mint and bedrock components libraries.

The table below shows the components you can use to build your participant experience, as well as how we group them in our visual editor for widgets and microsites. If you want to learn more about our widget and microsite templates and component libraries, then check out our doc on participant experiences.

Important: If your widget still uses our legacy vanilla components package, then you won't see the categories and components below. Manually upgrade to our current mint components library to begin using our newest features and participant experiences.

Category Components
Advanced
  • Conditional section on segment
  • Conditional section on custom field
  • Program section
Statistics (use only for verified access widgets and microsites)
  • Points balance
  • Gift card earned
  • Referrals
  • Container with three stats
Common Components
  • Brand container
  • Two column hero image
  • Overlay hero image
  • Image
  • Link button
  • Logout Current User
  • Program explainer
  • Program explainer step
  • Program timeline
  • Timeline entry
  • User name display
Rewards (use only for verified access widgets and microsites)
  • Task card feed
  • Reward exchange
  • Reward table
  • Reward table customer note column
  • Reward table date column
  • Rewards table reward column
  • Reward table source column
  • Reward table status column
  • One time task card
  • Repeatable task card
  • Event sending task card
Microsite components (use only for microsites)
  • Form checkbox field
  • Form dropdown field
  • Form input field
  • Form name fields
  • Sidebar item
  • Form password field
Sharing
  • Coupon Code
  • Facebook share button
  • Twitter share button
  • Email share button
  • Web share sheet share button
  • LinkedIn share button
  • SMS share button
  • Facebook Messenger share button
  • WhatsApp share button
  • Line Messenger share button
  • Pinterest share button
  • Share code
  • Share link
Layout
  • Two column hero layout
  • Row layout container
  • Column layout container
  • Tab
  • Generic tab group
  • Titled section
Referrals (use only for verified access widgets and microsites)
  • Referral card
  • Referral table
  • Referral table date column
  • Referral table rewards column
  • Referral table status column
  • Referral table user column
PayPal Components
  • PayPal Account Details
  • Referral Table Rewards Column
  • Reward Table Status Column
Typography
  • Paragraph
  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
In this Article: