Product quiz field guide # Where should a product recommendation quiz appear? Choose an inline embed, dedicated landing page, modal, teaser or direct link from the shopper task, traffic source and interruption cost. 12 October 2026·Product Quiz Guide Answer: put a product recommendation quiz where the shopper first needs decision help. Use an inline embed beside the decision, a dedicated landing page for campaign traffic, a user-opened modal for optional help and a direct link for email, social or support. Avoid an automatic interruption unless its trigger, dismissal, focus behavior and measurement are explicitly tested. ## What is product quiz placement? Product quiz placement is the combination of surface, trigger and entry context used to start a recommendation flow. The same quiz can be embedded in a collection page, opened from a button, displayed in a modal, published as a dedicated landing page or shared as a direct link. Placement determines what the shopper already knows, how interruptive the invitation feels and what context must be carried into the first question. This page owns where and how the quiz starts. The [drop-off worksheet](https://bestproductquiz.com/blog/product-quiz-drop-off) owns diagnosis after entry, while the [analytics guide](https://bestproductquiz.com/blog/product-quiz-analytics) owns the complete event vocabulary. ## Placement contract FieldQuestion to answerExampleentry_surfaceWhere is the invitation rendered?Collection-page embedtriggerWhat user or system action opens it?User selects “Find my routine”known_contextWhat can be passed without asking again?Market, collection, campaignentry_promiseWhat useful result is offered?Three compatible productsdismissalHow can the visitor leave or defer?Visible close and Escaperesume_ruleDoes a later visit restore progress?Same-tab session onlycompletion_destinationWhere does the next useful action happen?Results with add-to-cartmeasurement_keyHow is this placement distinguished?collection_inline_v1 ## Placement decision matrix PlacementBest fitMain riskRequired QAInline embedHelp is part of a collection or product decisionSurrounding page distracts or constrains heightResponsive height, scroll, inherited styles and context transferDedicated landing pagePaid, email, social or partner traffic needs a complete promiseCampaign and quiz messages driftMessage match, canonical, campaign parameters and destinationUser-opened modalHelp is optional and should preserve the current pageFocus loss or inaccessible dismissalDialog semantics, focus containment, Escape and focus returnTriggered teaserA visitor shows a defined help signalInterruption or repeated promptingTrigger evidence, frequency cap, dismissal memory and control groupDirect linkEmail, support, QR or social entryMissing catalog or campaign contextParameters, fallback context, share preview and return path ## How to choose the placement - Name the decision moment. Write the exact point where a shopper cannot confidently continue. - Inventory known context. Preserve market, collection, product family and campaign only when the data is appropriate and reliable. - Choose the least disruptive surface. Prefer an inline invitation or user-opened experience when help is optional. - Define the return path. A shopper who closes, completes or follows a result should know where they are going. - Assign a placement key. Starts from an embed and a campaign landing page are different cohorts. ## Trigger and focus QA - The invitation says what the quiz will return and does not disguise itself as ordinary navigation. - The quiz never opens on every page merely because the capability exists. - A modal receives focus when opened, contains the tab sequence, closes with Escape and returns focus to its invoker. - A close control is visible and operable without pointer input. - Automatic triggers have a documented signal, frequency cap and suppression rule. - Reopening does not silently discard completed answers. - The first question does not ask for context already passed from the entry surface. - The result destination preserves the shopper's market and relevant catalog state. The W3C modal-dialog pattern requires focus to move inside an opened dialog, remain within its tab sequence, support Escape and return logically when the dialog closes. Those are baseline interaction requirements, not evidence that a popup is the right commercial placement. ## Worked skincare placement Northstar has a routine collection containing 24 products. Shoppers need help before choosing a regimen, so the primary invitation is an inline card near the collection heading. The entry contract passes the current market and collection but not inferred skin concerns. A secondary user-opened modal appears on product pages from a “Compare routines” button; it does not open automatically. - Entry promise: “Build a compatible three-step routine.” - Placement keys: routine_collection_inline and routine_product_modal. - Destination: a traceable routine result in the current market. - Comparison rule: evaluate starts and result views by placement before interpreting completion. ## Worked B2B placement Atlas uses a dedicated plan-matcher landing page for paid and partner traffic because the visitor needs a clear promise, plan vocabulary and privacy context before answering. Pricing-page visitors get a user-opened inline drawer that carries the selected billing period. Existing customers receive a direct support link with account context handled separately from public campaign parameters. The decision is not “which format converts best.” Each placement serves a different entry state, so the team compares downstream fit and routing quality within each placement. ## Measurement record Record placement impression, invitation activation, quiz start, result view and next-step action with the same placement key. Google Analytics documents recommended events and parameters, but the site should define its own stable quiz event contract. Do not treat an automatic modal impression as a voluntary quiz start. EventRequired contextQuestion answeredplacement_viewplacement_key, page_typeWas the invitation available?quiz_openplacement_key, triggerDid the visitor activate it?quiz_startquiz_version, placement_keyDid the visitor begin?result_viewresult_id, rule_versionWas a recommendation rendered?next_stepaction_type, result_idWhat happened after the result? ## Limitations This framework is not a universal conversion benchmark and does not claim that one placement universally improves conversion. Traffic intent, page design, catalog complexity, privacy choices and the recommendation itself can dominate the result. Vendor documentation currently shows landing-page, popup and embed formats, but availability and implementation details vary. Validate the chosen format in the actual stack and run controlled tests rather than importing a benchmark. ## Sources - [W3C WAI, Dialog (Modal) Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) - [Google Analytics, Recommended events](https://support.google.com/analytics/answer/9267735) - [ConvertFlow, Product recommendation quiz formats](https://www.convertflow.com/quizzes/product-recommendation) - [Jotform, Product recommendation quiz placement guidance](https://www.jotform.com/ai/how-to-make-a-product-recommendation-quiz/) Method: the original Placement contract, Placement decision matrix and Trigger and focus QA were applied to Northstar skincare and Atlas B2B entry paths. Sources were rechecked on 12 October 2026. No customer dataset, placement winner or universal conversion benchmark is claimed. Corrections can be submitted through the site's [corrections process](https://bestproductquiz.com/corrections). Corrections: send the page URL, the exact statement and a current source through the [contact form](https://bestproductquiz.com/contact). [Compare the eight product recommendation quiz builders](https://bestproductquiz.com/#comparison) or read the [full testing protocol](https://bestproductquiz.com/how-we-test). --- Canonical: https://bestproductquiz.com/blog/product-quiz-placement