On-site Content

On-site content is a dedicated screen where you configure all storefront placements of the quote feature in one place. This includes the floating Quote Widget, product page buttons, collection page buttons, cart page buttons, cart drawer buttons, and more.

Instead of setting up the Quote Widget from Settings, you can now manage quote entry points directly from On-site content.

Go to Apps → SP Request a Quote (RFQ) → On-site content. You can find this screen in the Configure group of the app sidebar.

Screen layout

The On-site content screen has 7 tabs at the top:

• All
• Quote Widget
• Product page
• Collection page
• Cart page
• Cart drawer

The All tab is selected by default and shows all available storefront placement blocks in a 2-column layout.

Click any tab to filter the view. The page URL stays the same when you switch between tabs.

The 6 blocks

Each block represents one placement of the quote feature on your storefront. You can use these blocks to decide where buyers can start a quote request.

• Quote Widget - the floating button on your storefront. Click Configure to open the full settings screen (see below).
• Product page - Add to Quote button on product pages. Click the CTA to open Shopify Theme Editor with the app block pre-selected.
• Cart page (below summary) - Add to Quote button at the bottom of the cart summary. Click the CTA to open Theme Editor.
• Collection page - Add to Quote button** on collection pages. Click the CTA to contact support via chat for setup assistance.
• Cart drawer - Add to Quote button in the cart drawer. Click the CTA to contact support via chat. Cart page (per item) - Add to Quote button next to each line item in the cart. Click the CTA to contact support via chat.

💡 Tip: Product page and Cart page (below summary) can be set up directly in Theme Editor. For Collection page, Cart drawer, and Cart page (per item), our support team will help set them up for your specific theme.

Configure the Quote Widget

Click Configure on the Quote Widget block in the All tab or Quote Widget tab to open the detail screen.

The Quote Widget detail screen lets you customize how the floating quote button appears on your storefront.

Style & position

Choose a Widget Style:

• Circle + Icon: Upload an icon and set the icon size.
• Rectangle + Text: Enter the button text and set the button size.

If you choose Rectangle + Text, you can also set the button orientation:

• Horizontal: Default layout.
• Vertical: More compact layout.

Next, set the widget position for desktop and mobile using the 3×3 position grids.

You can also customize:

• Background color
• Text or icon color
• Animation: None, Pulse, Bounce, or Fade

Display options

Choose where the Quote Widget appears on your storefront:

• Show on all pages
• Select specific pages, such as Home, Product, Collection, Cart, and more

Preview & save

Use the live preview to check how the widget looks before publishing the changes.

You can switch between desktop and mobile preview to make sure the widget works well across devices.

Click Save to apply your changes.

The save bar appears whenever you have unsaved changes.

💡 Note:

The Quote Widget displays the number of eligible items in the Quote Cart:

• As a badge at the bottom-right of the icon, or
• As a number (e.g. “Get Quote (1)”) on the button

Notes for existing merchants using Auto mode

If you are an existing merchant and still have Automatically add cart items to the Quote Cart enabled, you will see a banner on the On-site content screen.

This banner explains that products are currently added to the Quote Cart automatically.

If you want to use manual Add to Quote buttons instead, you can switch to manual mode.

You have two options:

• Click Settings in the banner to go to the eligibility setting and turn off auto mode manually.
• Click Switch to manual mode to turn off auto mode and set up manual buttons from On-site content.

After switching to manual mode:

• Auto mode is turned off.
• The banner disappears.
• The deprecated checkbox is hidden permanently.
• You can continue setting up manual quote buttons from On-site content.