Recomma Support & Help Center
Find guides, troubleshooting steps, and answers to common questions about using Recomma.
Quiz Setup & Customization
How can I fix an external quiz link that redirects to the homepage instead of opening the quiz?
In your theme editor, open App Embeds and enable the Link Quiz app embed.
How can the storefront header and footer be hidden only on the quiz page?
To hide the header and footer only on the quiz page, first create a dedicated page template and assign it to your quiz page. Then, go to Online Store > Themes > Edit Code, open the theme.liquid file, and add the provided conditional CSS inside the <head> section.
Be sure to replace your-template-name with the actual name of your quiz page template. The CSS will hide the .header-wrapper and footer.footer elements only when that template is being used.
How can I stop the quiz popup from appearing repeatedly after the visitor completes it?
Enable **Hide after one submission** in the **Popup settings**, in the section where you inserted the quiz ID.
How can I edit my quiz's title?
Open your quiz’s Settings and edit the Quiz Title option.
How can I create and display five different quiz result pages instead of only one?
To create multiple result pages, first set up your quiz questions and then go to the Result Page section. In the right-hand settings panel, open General Settings, enable Allow Multiple Result Pages, and select By Choices.
This feature is available on the Basic plan.
How can I add email capture to the quiz?
Add a new quiz question and select the Email question type to capture email addresses.
How can I change the quiz design, including its colors, to match my brand style?
Go to the Styles and Settings tab, then open Styles. The design options there allow you to change the quiz colors and other styling.
How do I generate a shareable link that lets people take my quiz?
Open your quiz’s Publish tab, select External Link as the publishing method, and copy the generated link.
If the link redirects visitors to your website’s homepage instead of opening the quiz, go to Online Store > Themes > Customize > App Embeds and enable the Link Quiz option. Then, return to the quiz and copy the External Link again.
How can photos be added to each answer choice?
Set the question type to “Picture Choice” to add photos to each answer choice.
Where should I paste the custom CSS code in the quiz editor?
Add the CSS in the quiz editor under **Styles and Settings > Styles > Custom CSS Code**.
The CSS should hide the dropdown only for products with a single “Default Title” option.
How can I add a background to the quiz images?
To add this styling to your quiz, go to Styles and Settings > Styles > Custom CSS Code and paste the following:
#recommenda-container-3946 .recommenda-question-picture-choice-container {
background: white;
border: 1px solid rgba(63, 51, 126, 0.3);
}
Where can I find my quiz ID?
Go to the quiz’s Publish tab and find the quiz ID under the Inline publish type.
Can the welcome page be removed and an email field shown as the first quiz question?
To remove the welcome page, enable the Hide welcome page option. Then, add a new question using the Email question type and drag it to the first position in your quiz. This will prompt users to enter their email address before beginning the quiz.
How can I display the quiz as a popup on only one specific product page?
In your quiz’s Publish settings, select Popup and copy the generated Quiz ID.
Then, in Shopify, go to Themes > Customize > App Embeds and enable the Popup Quiz Recomma block. Under Show popup on selected pages, enter the product page path (for example, /products/plantarform) and add the Quiz ID. Save your changes.
If the popup doesn’t appear, temporarily disable Hide popup after one submission and Hide after Closing, then test again. Keep in mind that the popup may take up to 8 seconds to appear.
How can I hide the quiz title?
Hide the quiz title from Styles & Settings > Settings.
How can the quiz be configured to open in a popup when a button is clicked?
Use the button-link popup publishing method. Follow the provided video tutorials, especially the end of the video where publishing is explained, to configure the quiz to open as a popup when the button is clicked.
Why is the quiz button link not working when the quiz is added to a page?
Go to Online Store > Themes > Customize > App Embeds and enable the Link Quiz option. Then, follow the provided tutorial to add the quiz as a button using the appropriate quiz ID, such as #ttquiz-3508.
Why does the quiz not open or appear in the second theme even though the Link Quiz app embed is enabled?
First, verify that Online Store > Themes > Customize > App Embeds > Link Quiz is enabled.
If the setting is already enabled, check that the quiz has been added to the page in the second theme. If it hasn’t, have the developer publish the same quiz to that theme. Close the theme editor while the changes are being made.
How can the welcome-page image be made full-width and larger on mobile?
In the quiz editor, go to Styles and Settings > Styles > Custom CSS Code and add the provided mobile media query for the quiz container and welcome image.
The code sets the welcome image and its img element to width: 100%, max-width: 100%, and height: auto to make the image full-width on mobile. It also uses min-height: 220px and object-fit: cover to help maintain the image's size and appearance.
How can I make the Welcome Page Subheading bold?
In the Text Editor, click the B (Bold) button next to the font size option to make the Welcome Page Subheading bold.
How can the submit button be removed from the quiz?
To hide the submit button, go to Styles and Settings > Styles > Custom CSS Code and add the following CSS:
#recommenda-container-4125 .recommenda-buttons-wrapperdiv:has(.recommenda-submit-button) {
display: none!important;
}
How can the quiz be published and linked from the store instead of using the preview URL?
The URL shown was a preview link and cannot be used to publish the quiz on your store. To publish the quiz, open it in the editor, go to the Publish tab, select your preferred publishing method, and follow the instructions provided.
If you want to link to the quiz from a button on your store, select the External Link publishing method and copy the generated quiz link.
How do I add an email sign-up step before quiz users see their results?
Add a new question, choose Email from the question-type pop-up, and configure the email settings you want.
How can I change the font used in the quiz?
Open the quiz editor, go to the Styles & Settings tab, and then open the Styles section to change the quiz font. If the desired font is not listed, request that it be added.
Can the quiz automatically advance to the next question without requiring the customer to press the Next button?
Go to the Settings and Styles tab, open Settings, and activate the “Enable Auto next” option.
Where can I change the colors of my quiz?
Go to the Styles & Settings tab, then open Styles to change the quiz colors.
How do I add the quiz to a button on my storefront?
Quiz buttons and terms are automatically translated into 25 supported languages, including Dutch, once the quiz is published. Translations are not available in preview mode.
To verify the translation, publish the quiz using the External Link method and open the live quiz using the generated link.
How can I capture a customer's email address before displaying the quiz results page?
Add a new question to the quiz and choose the "Email" question type to capture the customer's email before displaying the results page.
Product Recommendations & Quiz Results
How can selected quiz answers be linked to specific product recommendations?
To set up product recommendations, go to the Products tab and connect the relevant products to each answer choice.
For a step-by-step walkthrough, watch the product recommendations tutorial.
Why does the quiz always recommend the same product even when that product is not linked to the selected answers?
If the quiz always recommends the same product, check the Result Page settings. Manually adding a product using the Select Product button can override the recommendations based on quiz answers.
Remove any manually selected product from the Result Page so that recommendations are determined by the products connected to the quiz answers.
How can quiz answers affect which products are recommended at the end of the quiz?
To configure product recommendations based on quiz answers, link products to each answer choice. A linked product receives +1 point, while an excluded product receives -1 point. At the end of the quiz, products with the highest total scores are recommended.
To prevent a product from being recommended entirely, select the Exclude completely checkbox.
How can I configure the results page to show all products matching the quiz answers instead of only one?
The Results Page displays only the highest-scoring product by default. To show all products that match the user’s answers, enable the Show all possible products option.
You do not need to enter a value in the Max Recommended Products Count field for this setting to work.
How can I configure quiz answers so the result page recommends products based on the customer’s answers?
To configure product recommendations, go to the quiz’s Products tab and link products to each answer choice. When an answer is selected, linked products receive +1 point, while excluded products receive -1 point. At the end of the quiz, the products with the highest total scores are recommended.
To remove a product from consideration entirely, enable the Exclude completely checkbox.
How can I limit the number of recommended products returned by the quiz?
Open the Result page settings and set a value for the “Max Recommended Products Count” option.
Why are the quiz results not appearing?
In Result Page settings, disable or untick the “Show in stock products” option.
How can the results show products instead of individual product variants?
Go to Result Page settings and activate the “Show Products instead of Variants” option.
Why is the quiz redirecting to the wrong result page?
Each result page linked to an answer receives 1 point by default. At the end of the quiz, the result page with the highest total score is displayed. If two or more result pages are tied, the quiz will display the first result page among those with the highest score.
To give a specific result page more weight, use the Point System to assign it additional points.
Can the quiz recommend product variants instead of only whole products?
On the Result Page, untick the Show products instead of variants option. This allows the quiz to display and recommend individual product variants in the results.
Why is no product appearing on the quiz results page even though products are linked to answers?
In Result Page settings, remove the value 0 from the “Max Recommended Products Count” option, then check the quiz again.
How can multiple products be displayed after the quiz, and how are the recommended products selected or configured?
Set the Maximum Product Count option to the desired number of products.
Product recommendations are based on scoring: linking a product to an answer gives it +1 point, while excluding it gives it -1 point. The products with the highest total scores are recommended.
You can fine-tune recommendations using the Point System, select Exclude completely to remove a product from consideration entirely, or enable Show All Possible Products in the Result Page settings to display all qualifying products.
Why does completing the quiz redirect directly to a product page instead of showing the results page?
Open Result Page settings and deactivate the “Redirect after completion” option.
Troubleshooting & Account
Why is the quiz submissions button slow to load, and how can the quiz loading speed be improved?
To help improve loading time, optimize the quiz welcome image by converting it from PNG to WEBP, compressing it with TinyPNG, and reducing its dimensions.
How can I grant the app team access to the Shopify store dashboard?
To accept the app team's access request, go to your Shopify store's Settings > Users, then accept the request shown there.
How can I cancel the free trial without uninstalling the app?
Open the Recomma Pricing menu, then click the Cancel button under your plan to cancel the free trial without uninstalling the app.
Integrations & Translations
Why are quiz email submissions not appearing in the connected Klaviyo list?
In the app’s integrations settings, connect Klaviyo, add a quiz question with the Email question type, and enter the Klaviyo Public API Key. Then test the quiz submission again.
How can the quiz be translated into the store's language instead of remaining in English?
To translate the quiz, add a new translation, select the store language, and edit that translation rather than the English version.
Why are the quiz Back and Next buttons still displaying in English instead of the store's language?
Quiz buttons and terms are automatically translated into 25 supported languages once the quiz is published. To customize a translation, open the quiz’s Translations menu and click View More.
If the language is still displaying incorrectly, go to Online Store > Themes > Customize > App Embeds and make sure the Link Quiz option is enabled.
Keep in mind that translations do not appear in preview mode.
Can the quiz button text be automatically translated into Dutch?
Quiz buttons and terms are automatically translated into 25 supported languages, including Dutch, once the quiz is published. Translations are not displayed in preview mode.
To verify the translation, use the External Link publishing method to open and test the live quiz.
If you'd like to know more, chat with us via email.