Fairing

Email Your NPS Question using Klaviyo and a Shopify Landing Page

This guide walks you through sending your NPS question to customers via a Klaviyo email flow. Customers can submit their NPS score directly within the email, then are taken to a Shopify landing page to complete any follow-up questions and view your success message.

Follow the instructions below to set up your NPS question, create your Shopify landing page, and configure your Klaviyo email flow.

If you are not using Klaviyo, please reach out to support@fairing.co for email embed instructions for your platform.

Target questions to your landing page

To display a question on your Landing Page, you must target it to Shopify Landing Page.

  1. Go to https://app.fairing.co and click on Questions in the navigation.

    Fairing Questions list page with navigation highlighted

  2. Find your NPS question and click on More actions then Edit.

    Question More Actions menu showing Edit option

  3. Scroll to Where should we ask? and select Shopify Landing Page.

    Question edit form showing Where should we ask targeting options

  4. Scroll to scroll to the bottom and and select Save.

    Question edit form with Save button highlighted

Landing page setup

Follow the steps below to create your Shopify Landing Page. You will link to this page from your email.

Copy your Fairing API key

  1. In Fairing, navigate to Settings.

    Fairing navigation with Settings menu item highlighted

  2. Copy your Publishable Key.

    Fairing Settings page with Publishable Key highlighted

  3. Paste your Fairing Publishable Key below

Create a Shopify landing page

  1. In Shopify navigate to Online Store › Pages.

    Shopify navigation with Online Store and Pages highlighted

  2. Click Add Page.

    Shopify Pages list with Add Page button highlighted

  3. Add a Title for your landing page.

    Shopify page editor with Title field highlighted

  4. Toggle Visible on.

    Shopify page editor with Visibility toggle highlighted

  5. Click Show HTML

    Shopify Show HTML on Page Editor

  6. Copy and paste the HTML below into the content box in Shopify.

    Shopify page editor HTML view showing where to paste code

  7. Click Save.

    Save Shopify landing page

  8. Click View.

    View Shopify landing page

  9. Copy your landing page URL from your browser and paste it into the box below.

    Copying landing page URL from browser

Test Your Shopify Landing Page

  1. In Shopify, go to the Orders page and select an order.

    Shopify Orders page with an order selected

  2. Select the order ID from the URL and copy it.

    Shopify order detail page with order ID in URL highlighted

  3. Paste the order ID in the box below, and then click the test link to preview your landing page.

    Open Landing Page Test Link

    Note: The test link loads Fairing in Test Mode, allowing you to submit responses without storing any data in your Analytics.

Klaviyo Flow Setup

Create a Flow in Klaviyo that triggers the email directing customers to your custom landing page.

  1. In Klaviyo, navigate to Flows and then click Create Flow.

    Klaviyo Flows page with Create Flow button highlighted

  2. Click Build your own.

    Klaviyo Create Flow page with Build your own option highlighted

  3. Name your flow and click Create flow.

    Klaviyo flow name dialog with Create flow button highlighted

  4. Select Placed Order as the trigger, then save and confirm.

    Klaviyo trigger selection showing Placed Order option
    Klaviyo Placed Order trigger with Save button highlighted
    Klaviyo confirmation dialog for Placed Order trigger

  5. Add a Time Delay action after the Placed Order trigger.

    Klaviyo flow editor showing Time Delay action being added

  6. Configure the time delay and click Save. We recommend 10-15 days to ensure the product has been received before sending your NPS question.

    Klaviyo Time Delay configuration with delay value and Save button

  7. Add an Email action after the Time Delay.

    Klaviyo flow editor showing Email action being added

  8. In Email details, set up your Email name, Subject line and Preview text.

    Klaviyo email configuration with name, subject, and preview text fields

  9. Click Select template.

    Klaviyo email configuration with Select template button highlighted

  10. Click Create.

    Klaviyo template selection with Create button highlighted

  11. Add a Text block to your email template. Change the text to your question — for example On a scale of 0-10, how likely are you to recommend our product to a friend or colleague? — and style it.

    Klaviyo email editor with Text block being added to template

  12. Add an HTML block to your email template.

    Klaviyo email editor with HTML block being added to template

  13. Use the tool below to customize how you would like the NPS component to appear in your email.

  14. Copy the generated HTML below and paste it into the HTML Content input in the email editor in Klaviyo.

    Klaviyo email HTML block with Content field for NPS code

  15. Optional: Preview and test your email.

    Note: The links in the preview email will not work because dynamic data is not populated.

    Klaviyo email editor with Preview button highlighted

  16. Click the ⋮ next to Exit and click Return to Flow.

    Klaviyo email editor menu with Return to Flow option

  17. Confirm your email has a Subject and Preview Text.

    Klaviyo email settings showing Subject and Preview text fields

  18. Change the email status to Live.

    Klaviyo email status dropdown with Live option highlighted

  19. Click Save.

    Klaviyo flow editor with Save button highlighted

  20. Congratulations! Your NPS email is now live.

    Klaviyo flow showing completed NPS email flow with Live status