Skip to content

Sprocket Rocket

Sprocket Rocket

Ask Sprocket Rocket

Sprocket Rocket AI

PRO vs. Stack vs. Core Why are some modules locked?Do I need a HubSpot account?Change a page template Shared asset folders Remove the Sprocket Rocket icon from a page jQuery issues Does Sprocket Rocket support React?What happened to presets?Customize a column layout Change a hero module’s height Link to another module on the same page Style a HubSpot CTA Style Sprocket Rocket forms Use the SR Animations module Edit a Sprocket Rocket blog Edit the blog post sidebar Does Sprocket Rocket include email or case study templates?Why do buttons show an outline when clicked?

Figma Changelog

FAQs

Link to another module on the same page

Use an anchor link to connect a CTA or menu item to a page section.

In the destination module's settings, enter a unique value in the ID field, such as pricing. Most Sprocket Rocket modules have this field.
In the CTA, set CTA Type to Button and set its Link to that ID with a leading #, such as #pricing. A menu link works the same way.
Preview the page and confirm the link scrolls to the correct section.

Use lowercase IDs without spaces and do not reuse the same ID on one page.

Open the CTA walkthrough

Change a hero module’s height

Set a hero's height with its Height field or its padding.

Style a HubSpot CTA

Apply Sprocket Rocket button styles to a HubSpot CTA.