Setting up the Back in Stock Flow
    • Dark
      Light

    Setting up the Back in Stock Flow

    • Dark
      Light

    Article summary

    Products


    SMS & Email

    Supported plans

    All Plans

    eCommerce Platform

    Shopify, Shopify Plus

    Back in Stock Flow Overview

    Yotpo's Back in Stock flow helps you turn product availability updates into sales opportunities. This feature allows you to automatically notify your subscribers when an out-of-stock item they are interested in becomes available again. With this proactive communication, you can build excitement and reconnect with customers at just the right moment.

    With the Back in Stock flow, you can reduce missed sales opportunities and enhance your brand’s reliability by delivering the information your customers care about most.

    Back in Stock Basics

    With this feature, a pop-up button appears on your store’s product pages, allowing shoppers to opt in for notifications. Once the product is back in stock, Yotpo instantly sends an SMS or email to let them know. For products with multiple variants, your customers can select any of the out of stock variants for notifications.

    Important

    Back in Stock is effectively a subscriber collection method. Once a customer opts in for Back in Stock notifications, they become a part of your Yotpo SMS & Email subscriber list.

    Enabling the Back in Stock flow

    To set up the Back in Stock flow:

    1. In the Yotpo SMS & Email main menu > My Flows > Flow Templates or Browse Templates.

    2. Search for Back in Stock and choose the template that suits you: Review the flow overview in the pop-up. Click the Customize flow button to finalize your setup.

    Editing Pop-up Button Design

    You can edit the look of the pop-up button that appears on your product pages by clicking on the Configure button in the Back in stock settings menu.

    Now you can edit the three form steps - Button, Pop-up, and Success. You’ll find that the customization is the same as editing a subscriber collection pop-up. You can change colors, button position, shapes, and text, so it perfectly fits your brand. In fact, with the Custom position toggle you can move the button from the default position to one that better fits your style. Make sure you add the correct links to your Privacy Policy and Terms of Service in the Pop-up section. When you are done, simply click Apply.

    Important

    A pop-up button will be added to all of your product pages after activating the flow. You cannot select which product pages to add it on.

    Additionally, you can use your own buttons and forms with our Yotpo flow, however, you will need to reach out to Yotpo Support to set this up.

    Customizing Trigger Options

    The trigger section also allows you to choose when the flow is triggered from the following options:

    • Minimum inventory to notify customers: The minimum quantity of a product required to send a SMS or Email.

    • Number of subscribers to notify per restocked unit (optional): The number of subscribers who will receive a notification per product unit. If that number is 2 and the product quantity is 10, 20 customers will get notified via the flow.

    • Maximum number of days to notify customers after they ask to be notified: The number of days after which the customer will no longer receive a notification if the product becomes available.

    Customizing Your Button Position

    If you  have customized your Shopify theme you might experience some issues with the default button positioning on their product pages. That is why you can add a custom button position while you're editing its design. To do so follow the steps:

    • Go to your Product page, and right-click on the element before or after which you wish to place the Back in stock button.

    • Select Inspect.

    • Right-click the highlighted element.

    • Select Copy > Copy selector.

    • Paste it in the Custom position box in the Back in stock editor.

    Tip

    We recommending taking the CSS selector by opening Google Dev Tools on your product page and selecting the element above or below where you want to place the Back in Stock button.

    Frequently Asked Questions

    What if more than one variant of a product is out of stock?

    If more than one of the product’s variants is out of stock, a pre-selected dropdown menu will appear on the form, allowing the shopper to select a different variant.

    The button does not appear, even after I set up the custom position.

    This can be solved with our JS API. It allows store owners to control the behavior of the Back in Stock form. Some heavily customized themes do not reliably update Shopify on the product variant's status. Our API features the ability to trigger a specific JS event when a customer changes the selected variant. A developer can interface with the JS API to send information about that change by incorporating the following code:  window.smsBumpBackInStock.changeSelectedVariant(VARIANT_ID) Where VARIANT_ID is the Shopify variant ID.

    I don't want to use the SMS & Email button and pop-up, just the functionality.

    If you already have a form of your own, or our form doesn't match your store's criteria, you are free to create your own. Keep in mind that any shopper who subscribes to Back in Stock also becomes an SMS subscriber so you need to add a compliance text to your pop-up just like you do to collect SMS subscribers on other popups.

    To pass the shoppers' information to SMSBump, we recommend using the following structure:

    window.smsBumpBackInStock.subscribe({

    phone: 'test', // Customer phone number

    email: 'test@test.com', // Customer Email

    country: 'US', // Country ISO Code

    timezone: '',

    customer_id: 123456, // Optional Shopify Customer ID

    variant: {

    id: 123456, // Variant ID

    title: 'Green', // Variant Name

    sku: "SKU", // SKU},

    product: {

    id: 123456, // Product ID

    title: 'ADIDAS | CLASSIC BACKPACK', // Name

    }

    })


    Was this article helpful?