Every Rocketworks widget can be tuned to look at home on your storefront. This tutorial lists the style settings for each plugin and where to find them.

#In short

1. Settings → Look: colours, corners and font.
2. Settings → Storefront widget: heading, accent colour and price note.
3. The plugin’s Settings page: font, accent, corners and background.
4. The plugin’s Settings page: heading, font, accent, corners and background.
5. The builder’s Look and feel, and your statements’ branding.
6. Use a font your shoppers already have.

#1. Quick Order Pad

In Quick Order, open Settings and find Look: Accent colour, Button colour, Corner radius (in pixels) and Font. Leave them empty for a neutral style that suits most stores, then press Save settings.

#2. Delivery & Installation

In Deliveries, open Settings and find Storefront widget — the “Add installation” box on product pages:

• Heading — the title above the services.
• Accent colour — leave it blank for black buttons. It’s used on the booking page and in customer emails too.
• Price note — shown after the total, for example “+ VAT”.

#3. AI Product Recommendations

Open the plugin’s Settings page (the Open settings link on the AI Recommendations Widget tab takes you there):

• Widget font
• Widget accent colour — used for prices and the keyboard focus ring. Leave it empty for Orbit green.
• Widget corner radius — 0 to 24 pixels.
• Widget background — Transparent blends into your page; Surface puts a white card behind the widget.

The Widget tab shows a live preview with your settings.

#4. Product Bundles & Kits

Open the plugin’s Settings page: Widget heading (“Bundle & save” by default, shown above bundle offers on item pages), Widget font, Widget accent colour (used in the mix & match picker), Widget corner radius and Widget background. The Storefront widget tab in Bundles shows a preview.

#5. Modular 3D Builder and statements

In 3D Builder, Settings → Look and feel sets the builder’s accent colour, button colour, corner radius and font. Statements & Credit Control has no storefront widget, but its statements and emails use your store logo and theme colour — change them under Settings → Branding in Credit control.

#6. Fonts in widgets

Widgets run in their own frame, so they can’t load your storefront’s web fonts. Name a font that’s on your shoppers’ devices — a system font, or a stack such as Georgia, serif — or leave the font empty for a clean system font.

Widgets are always shown on a light background. On a dark storefront, choose the Surface background where the plugin offers it.