SW Module Use Cases & FAQs
Use cases, feature comparison, and common questions for Smithworks HubSpot modules. Choose the right module for your content.
Feature Comparison Chart
Compare modules by capabilities. Choose by what you need, not by page type.
| Module | Image | Video | Headings | Bullets | CTAs | Repeater | Best For | Not For |
|---|---|---|---|---|---|---|---|---|
| SW Pillar Section | ✓ | ✓ | ✓ | ✓ | ✓ | — | Image+content sections; alternating layout | Simple image+text only |
| SW Image & Text | ✓ | ✓ | — | — | — | — | Simple image+caption; image+text block | Headings, bullets, CTAs, alternating |
| SW Pillar Accordion | ✓ | — | ✓ | — | ✓ | ✓ | FAQs; accordion with image per panel | Sections (not accordion) |
| SW Blog Cards | ✓ | — | ✓ | — | ✓ | — | Blog listing pages; website blog | Related posts on post page |
| SW Blog Related Posts | ✓ | — | ✓ | — | ✓ | — | Related posts on blog post pages | Blog listing pages |
| SW Cards | ✓ | ✓ | ✓ | — | ✓ | ✓ | Feature cards; service cards; non-blog | Blog posts |
Use Cases by Module
SW Pillar Section
- Alternating image+content sections — Add multiple instances; set image left on one, image right on the next.
- Structured content with headings, bullets, CTAs — Full content column with optional image or video beside it.
- Video beside text — Secondary column = Video; supports HubSpot, file, or embed.
- Two content columns — Secondary column = Content for side-by-side text blocks.
- Full-width content — Secondary column = None when you don’t need media.
When to choose another: Need only simple image+text (no headings, bullets, CTAs) → SW Image & Text. Need accordion with image per panel → SW Pillar Accordion.
SW Image & Text
- Simple image + caption — One image, one rich-text block below.
- Standalone text block — Remove the image for text-only.
- Theme-aligned image/rich-text — Replaces generic HubSpot image or rich-text elements.
- Responsive image per breakpoint — Different images for XL, desktop, tablet, mobile.
When to choose another: Need headings, bullets, CTAs, or alternating layout → SW Pillar Section.
SW Pillar Accordion
- FAQs with supporting image — Accordion panels; image changes when user selects a different panel.
- Feature overview — Expandable panels with optional headings, content, CTAs per panel.
- Step-by-step guide — Each step in a panel; image illustrates the active step.
When to choose another: Need sections (not accordion) with image left/right → SW Pillar Section. Need simple accordion without image → SW Magic Accordion.
SW Blog Cards
- Blog listing page — Grid or slider of posts; uses listing’s posts or HubSpot pagination.
- Website/landing page blog feed — Fetches from selected blog; supports infinite scroll or grid.
- Tag-filtered posts — Show only posts with a specific tag.
When to choose another: Related posts on a blog post page → SW Blog Related Posts.
SW Blog Related Posts
- Related articles on blog post — “You might also like” or “Related Posts” section.
- Automatic related by tag — Leave Tag Filter blank for automatic related posts.
When to choose another: Blog listing or website page → SW Blog Cards.
SW Cards
- Feature cards — Icon + heading + description + CTA per card.
- Service offerings — Image or icon + rich text + button per card.
- Team members — Image + name + bio per card.
- Product highlights — Image or video + description + link per card.
When to choose another: Blog posts → SW Blog Cards or SW Blog Related Posts.
FAQs
Which module for image beside content, alternating left and right?
SW Pillar Section. Add multiple SW Pillar Section modules. Set Desktop Column Order = “Secondary on Left” on one instance, “Secondary on Right” on the next. Repeat for alternating layout. One section per instance; add more instances for more sections.
What’s the difference between SW Blog Cards and SW Blog Related Posts?
SW Blog Cards is for blog listing pages and website/landing pages. SW Blog Related Posts is for single blog post pages only (e.g. “Related articles” at the bottom of a post). Use SW Blog Cards for the main blog index; use SW Blog Related Posts for the related-posts section on each post.
What’s the difference between SW Cards and SW Blog Cards?
SW Cards is a generic card repeater for non-blog content (features, services, team, products). You add cards manually. SW Blog Cards pulls blog posts automatically from a blog or listing. Use SW Cards for custom content; use SW Blog Cards for blog posts.
Where do I find spacing (padding/margin) in a module?
Usually in the Style tab → Module Settings → Spacing. The exact path can vary by module; see the full module documentation for each module’s Configuration Reference.
Can I use SW Pillar Section for just one or two sections?
Yes. All modules work for 1 instance or many. There is no minimum. Choose by capabilities you need, not by page length.
Module not showing as expected. What should I do?
Check the module’s Configuration Reference in the full documentation. For module-specific support or bugs, contact smithworks.marketing/contact. For development or custom work, see smithworks.marketing/hubspot-development.
