SW Modules

SW Button includes these style groups:

• Standard: Primary, Secondary, Tertiary, White, Light, Black, and Dark
• Outline: Outline Primary, Outline Secondary, Outline Tertiary, Outline White, and Outline Dark
• Gradient: Gradient One and Gradient Two
• Text link: Simple Link

Simple Link can use the module's Simple Links colors or custom colors for an individual button. Always enter meaningful button text and a real destination before publishing so visitors know what the button does and where it leads.

Yes. Add SW CTA Popup or SW Popup Panel to the global footer content so the popup is available across the site:

1. Open a page and choose Edit global content.
2. Select SW Global Site Footer.
3. Add the popup module beside the footer content.
4. Configure the popup, then publish the global content.

Because the content is global, publishing the change can affect every page that uses that footer.

You may be editing the SW Footer Simple module itself instead of the global footer partial. Select SW Global Site Footer so the footer layout and drag-and-drop area are visible.

Yes. You can match each popup item to a page body class:

1. In SW Popup Panel, open Content Items → Label & Body Class and enter a short label that can also work as a body-class token.
2. On the page, open Page contents → Hidden modules → Body Class.
3. Enter the same token, then preview the page to confirm that the intended popup appears.

Use a simple lowercase token with hyphens instead of spaces or punctuation so the two values match cleanly.

Use SW Quiz Simple for a linear quiz or assessment with weighted results and optional email capture through a HubSpot form embed.

The embed code connects quiz submissions to the HubSpot form you choose:

1. In HubSpot, open the form.
2. Choose Actions, select Share, and open the Embed code tab.
3. Copy the complete embed code.
4. In SW Quiz Simple, turn on Add lead capture form.
5. Paste the unchanged code into Form embed code (required).

Use SW Section Divider for a decorative wave, angle, or SVG band at the edge of a content band (for example under a hero). Keep it in the same drag-and-drop Section as that content—not alone in the next Section. It is not for real copy, bullets, buttons, or forms.

First confirm the divider shares the same DnD Section as the band it shapes. Then raise Pattern Layer (z-index) in Style, and confirm Overlap adjacent content matches the look you want.

Put SW Section Divider in the same HubSpot Section and Column as the hero—in the row directly below it—with Position set to Bottom. Do not leave the divider alone in the next Section.

You need permission to edit and publish website content in HubSpot. Then:

1. Open a page that uses the header or footer.
2. Select the global header or footer area and choose Edit global content.
3. Make your changes and preview them carefully.
4. Publish the global content.

Publishing global content affects every page that uses that same header or footer, so review links, navigation, and mobile layouts before you publish.