Frequently Asked Questions - SW Sprocket Rocket 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.

If you only see SW Footer Simple fields, you are probably editing the footer module instead of the full global footer area. Step back in the left sidebar and select SW Global Site Footer.

If you do not see it, check Hidden modules. Once the global footer layout is selected, you should see the drag-and-drop region where SW Popup Panel or SW CTA Popup can be added alongside the footer module.

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.

SW Quiz Simple is for assessment-style offers, such as helping a visitor choose a plan or result. It supports a linear question flow, configurable weighted outcomes, and optional email capture.

If you only need a regular form, use SW Form. If the form needs to sit beside content, use SW Pillar Section with the secondary column set to Form.

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 when you need a decorative full-width SVG band at the edge of a content band—most often a wave under a hero or at the bottom of a form band.

Required placement: Put the divider in the same HubSpot Section and Column as the module it shapes. For a wave under a hero, add it in the row directly below the hero and set Position to Bottom. For a wave at the top of a band, place it in the row above that module and set Position to Top (flips the shape).

Do not use this module for paragraphs, lists, buttons, or forms—use Pillar, Text and Media, Hero, or Form modules instead.

See the placement diagram in SW Module Documentation → SW Section Divider → Placement.

If the wave looks covered by the next block:

1. Confirm SW Section Divider is in the same Section/Column as the hero or content it shapes—not alone in the following Section.
2. Open the module → Style → raise Pattern Layer so the decorative bar stacks above neighboring content.
3. Confirm Overlap adjacent content and overlap amount match the intended tuck into neighboring modules.

Details: AI documentation → SW Section Divider.

The divider only shapes a band when it shares that band’s drag-and-drop Section.

Correct outline: Section → Column → SW Hero → SW Section Divider (siblings). Set Position to Bottom when the divider sits under the hero. Use Position Top only when the divider sits in the row above the content module (that setting flips the SVG).

Wrong: one Section with only the hero, then a second Section with only the divider.

See the content-tree diagram: Placement in SW Module Documentation.

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.