How to add Quotify to your theme

Setting up Quotify on your Shopify store is a two-step process. First, you enable Quotify on your theme so the app can load on your storefront. Then, you add the "Request Quote" button to your product pages. Both steps are done through the Shopify theme customizer — no coding required.

Step 1: Enable the Quotify app embed

The app embed is what allows Quotify to load on your storefront. Without it, nothing will appear on your store.

1. Open the Quotify app from your Shopify admin.
2. If this is your first time, you will see an onboarding screen. If not, you can access this from Settings.
3. Click the button to open the Shopify theme customizer. It will take you directly to the right place.
4. In the theme customizer, look at the left sidebar. You should see a section called App embeds.
5. Find Quotify in the list of app embeds and click the toggle to turn it on.
6. Click Save in the top-right corner of the theme customizer.
7. Go back to the Quotify app and click Verify or Next to confirm the embed is enabled.

If you have multiple themes and want to enable Quotify on a different one, you can select the theme from the dropdown before opening the theme customizer.

Step 2: Add the Request Quote button to your product page

Once the app embed is enabled, you need to add the "Request Quote" button to your product pages.

1. From the Quotify onboarding screen (or Settings), click the button to add the quote button to your theme. This will open the Shopify theme customizer on your product page template.
2. The Quotify button block will be pre-selected and ready to place. You will see it appear in the product section of your page.
3. Drag the block to position the button where you want it to appear (for example, below the "Add to Cart" button).
4. Click Save in the top-right corner of the theme customizer.

The "Request Quote" button will now appear on all your product pages.

How to customise the button

After adding the button block, you can click on it in the theme customizer to see its settings:

• Button text — Change the text on the button (default is "Request Quote").
• Button CSS class — If you want the button to match your theme's button styles, you can enter a CSS class here.
• Custom CSS — Add any extra styling you need.
• Button width — Set the button width from 0% to 100%.
• Button position — Choose whether the button appears side by side with other buttons or stacked below them.
• Horizontal alignment — Align the button to the left, centre, or right.
• Button gap — Set the spacing between the quote button and other elements.

You can also enable a Quote Cart button alongside the Request Quote button. This lets customers view their current quote cart directly from the product page.

If your theme uses the old "Request Quote Button" or "Quote Cart Button" blocks

If you installed Quotify some time ago, your theme might still be using one of the older theme blocks: "Request Quote Button" or "Quote Cart Button". These blocks still work, but they are no longer the recommended way to add Quotify to your storefront.

In the Shopify theme customizer, you will see a warning header on these blocks that reads "[Warning] This block is deprecated." with the info text "Please use the 'Button' block instead."

The new "Button" block replaces both deprecated blocks. With a single block you can:

• Enable the Request Button (the original "Request Quote" button that adds a product to the customer's quote).
• Enable the Quote Cart Button alongside it (so customers can open their current quote selection).
• Configure layout for both buttons together — side by side or stacked, alignment, gap, and per-button styling.

How to migrate to the new "Button" block

1. In your Shopify admin, go to Online Store → Themes and click Customize on your active theme.
2. Navigate to the product page template (or wherever you have added the old block).
3. Click the existing Request Quote Button or Quote Cart Button block to select it. Note any custom text, CSS class, or styling you have applied.
4. Add the new Button block from the Quotify app blocks section and position it where the old block was.
5. In the new block's settings, tick Enable Request Button and/or Enable Quote Cart Button to match the buttons you were using before, then re-enter your custom text, CSS classes, and styles.
6. Remove the old deprecated block.
7. Click Save in the top-right of the theme customizer.

There is no rush — the deprecated blocks will continue to work — but moving to the Button block keeps your setup aligned with the current Quotify experience and gives you the combined layout controls.

Good to know

• The app embed (Step 1) must be enabled for anything to work. If you disable it, the Request Quote button will stop appearing on your store.
• You can add the button to your product page in the theme customizer at any time by going to Online Store → Themes → Customize, navigating to a product page template, and adding the Quotify button block from the app blocks section.
• If your theme does not support the Shopify theme customizer (older themes), see the article "How can I manually add the request a quote button anywhere or install on an older theme?" for an alternative installation method.
• Changes are saved instantly when you click Save in the theme customizer.

Updated on: 11/05/2026