Support

We answer every email: hello@fairstride.app, usually within one business day.

Quick start

Share a link to your quiz

Every published quiz also has its own page on your store, inside your theme's header and footer. Put the link in an email, an ad, or your Instagram bio. It works without the Product Quiz block.

To copy the link, open the quiz in the app, select Quiz settings, then select Copy link next to Share link. Right after you publish, the Quiz published message also has a Copy share link button.

Common answers

Show a welcome screen before question 1

A welcome screen shows a title, a line of text, and a Start button before the first question. You can add an image too. It is off for every quiz until you turn it on.

  1. Open the quiz in the app and select Welcome screen in the quiz outline.
  2. Select Show a welcome screen before the first question.
  3. To use your own wording, fill in Welcome screen title, Welcome screen text, and Start button. Leave the title empty to show the quiz title.
  4. To add an image, select Add image. On a phone the image shows above the text, and on a wider screen beside it.
  5. Save the quiz.

Starts on the Responses page, and the fairstride:quiz_started event, still count from the shopper's first answer, not from the Start button. A shopper who leaves on the welcome screen counts as a view only. Retake quiz goes straight back to question 1.

Let shoppers type their own answer

A choice question can end with an Other answer. A shopper who picks Other types their own answer in a text box, up to 200 characters. They can't continue until they type something.

To add it, select the question in the quiz outline and select Add an "Other" answer below its answers. Then save the quiz. Each question has its own setting, and it is off by default.

Send quiz events to Meta or Google Analytics

The quiz sends two events to Shopify's customer events. A custom pixel can pass them on to Meta Pixel, Google Analytics, or another tool.

Both events carry the quiz's ID and title as event.customData.quizId and event.customData.quizTitle. They never include the shopper's answers or email. The app's Preview sends no events.

To set it up:

  1. In Shopify admin, go to Settings, then Customer events, and select Add custom pixel. Give it a name, such as Fairstride quiz.
  2. Paste the base code from Meta Events Manager or Google Analytics, without its <script> tags.
  3. If Shopify's Facebook & Instagram app already tracks page views, delete the base code's fbq('track', 'PageView'); line. If Shopify's Google & YouTube app already does, change the config line to gtag('config', 'G-XXXXXXXXXX', { send_page_view: false });, with your own ID. Otherwise each page view counts twice.
  4. Paste the matching lines below after the base code, then select Save and Connect. Shopify runs the pixel only for shoppers whose consent allows it under the pixel's Customer privacy settings.
  5. Take the quiz on your storefront, then look for the events in Meta Events Manager under Test events, or in Google Analytics under Realtime.

For Meta Pixel:

analytics.subscribe("fairstride:quiz_started", (event) => {
  fbq("trackCustom", "QuizStarted", {
    quiz_id: event.customData.quizId,
    quiz_title: event.customData.quizTitle,
  });
});
analytics.subscribe("fairstride:quiz_finished", (event) => {
  fbq("trackCustom", "QuizCompleted", {
    quiz_id: event.customData.quizId,
    quiz_title: event.customData.quizTitle,
  });
});

For Google Analytics:

analytics.subscribe("fairstride:quiz_started", (event) => {
  gtag("event", "quiz_start", {
    quiz_id: event.customData.quizId,
    quiz_title: event.customData.quizTitle,
  });
});
analytics.subscribe("fairstride:quiz_finished", (event) => {
  gtag("event", "quiz_complete", {
    quiz_id: event.customData.quizId,
    quiz_title: event.customData.quizTitle,
  });
});

You can rename QuizStarted, QuizCompleted, quiz_start and quiz_complete to match your own reports. To see the quiz ID and title in Google Analytics reports, register quiz_id and quiz_title as custom dimensions.

Start a Shopify Flow workflow when a shopper finishes

The app adds a Quiz completed trigger to Shopify Flow. It runs once for each response you see under View responses, when the shopper gets their results. Use it to post each finished quiz to Slack, add a row to a Google Sheet, or email your team.

The trigger gives your workflow these details:

It includes no email address and no customer, so a workflow can't tag the customer or email the shopper. The app's Preview doesn't run it, and neither do responses paused by your plan's monthly limit.

To set it up:

  1. Open the Shopify Flow app and create a workflow.
  2. For the trigger, search for Quiz completed. It is listed under Fairstride Product Quiz.
  3. Add your actions. To put quiz details in a message or a row, use Add a variable in the action's fields.
  4. Turn on the workflow. Take the quiz on your storefront, then check that the workflow ran.

See where shoppers leave the quiz

The Where shoppers leave card on the Responses page lists your questions in quiz order, including the email step. Each line shows how many of the shoppers who reached that question left the quiz there, for example 9% left (37 of 412). A question that no one reached shows Not reached.

Data requests

To export or delete your store's data, email hello@fairstride.app from the email on your Shopify account. Deletion completes within 30 days. See the privacy policy for details.

When you write

Include your store domain (yourstore.myshopify.com) and, if it is about a specific quiz, the quiz name. Screenshots help.