I am planning to build a Shopify store using the Dawn theme for a manufacturer of air pumps.
Our goal is to create a “Hybrid Store” that caters to both individual consumers (B2C) and corporate clients (B2B).
I would appreciate your advice or honest opinion on the best way to design and implement the following requirements using the Dawn theme.
1. Product Page Layout: Dual Action Buttons
I want to include two distinct call-to-action (CTA) buttons on a single product page:
Action A: “Add to Cart” (B2C Focus)
Display the retail price for a single unit.
Allow immediate checkout via credit card, PayPal, etc.
Targeting small orders, spare parts, or sample purchases.
Action B: “Request a Quote for Bulk/B2B” (B2B Focus)
Place a second button below the “Add to Cart” button.
Clicking this should lead to a dedicated B2B inquiry form (e.g., a HubSpot form).
Targeting bulk orders and technical consultations.
2. Pricing Strategy
Display the fixed retail price (MSRP) for a single unit.
Add a text snippet near the price: “Special pricing available for orders of 10+ units. Please contact us for a quote.”
Note: I am not planning to use paid Shopify B2B apps at this stage.
3. Functional Requirements
Custom Forms (HubSpot Integration): * The inquiry form needs to capture specific technical details like Application, Airflow, Voltage, and Estimated Quantity.
Content Organization: * In addition to general “Features & Benefits,” I need to provide download links for technical documents (PDF drawings, spec sheets, compliance docs) for B2B users.
Global Shipping (Managed Markets):
Maintain a system where individual unit purchases are handled via Shopify Managed Markets (calculating duties and taxes automatically).
4. Objectives
Automated Sample Purchases: Allowing engineers to buy one unit immediately as a sample without waiting for a quote, thereby speeding up lead generation.
SEO Benefits: Capturing traffic from keywords like “Air pump price” or “Air pump online shop” to attract potential corporate leads.
My Question:
What is the most efficient and “clean” way to implement this in the Dawn theme?
Should I customize the main-product.liquid file using Metafields to toggle the inquiry button, or is there a recommended way to add a custom block for the HubSpot form embed?
Any insights on UX/UI best practices for balancing these two different user paths would be greatly appreciated!
So for b2c you dont necessarily need to do anything extra as that is normal e-commerce behaviour that ships out of the box with Shopify. For displaying a small text message for bulk offers that’s where you need to add a text inside main-product.liquid file.
For b2b, there are lot of options.
You definitely need to create a button. Now on the click of it you can either send the user to a different page with your b2b contact form with all the necessary fields.
You can create a form inside the the page that it scrolls to on click of the button.
You can create or embed a third party form below the buttons or within product info section that is hidden at first but opens up when the b2b button is clicked.
For more simplicity of you are just starting out, you can just add a link to your mail-id so possible b2b customers can reach out via email. Also the extra info you wanna add that can be shown dynamically with metafields if the content is different for different products, if not then you can just use a text or collapsible tab field or add text with html i sode main-product.liquid file.
So there are lot of possibilities to achieve this. It all depends on your specific use case. May be you wanna create automations or add b2b customers to a workflow you can use Shopify flow for this or definitely a service as likely as hubspot.
Dawn can definitely handle this without making it messy. I’d suggest using product metafields + a custom block in the main product section to control when the “Request a Quote” button appears instead of heavily editing the core file.
For the HubSpot form, embedding it on a dedicated template and linking from the product page usually keeps things cleaner UX-wise.
There are a couple of smart ways to structure this depending on how scalable you want it long term. Curious are you planning to manage a large catalog or just a few core products?
Thank you so much for your prompt reply and the detailed breakdown!
I’m glad to know there are many options we can choose.
Also, it seems not so complicated.
Based on your advice, I think the best approach for us is:
Start simple with a mailto link for the B2B button (We will slowly migrate to HubSpot when we are ready)
Add a bulk pricing text message inside main-product.liquid
Use Metafields for product-specific technical specs
Thank you for giving me your insight!
The idea of using a custom block makes a lot of sense.
To answer your question: we are starting with 20 core products. However, we do plan to scale gradually as we expand into new markets.
A quick questions:
For the custom block approach, would you store the “show/hide” logic for the Quote button inside the block itself using a metafield boolean, or handle it at the section level?
