Skip to main content

How to install the back in stock form on a legacy Shopify theme in Seguno Email Marketing

Install the Seguno Email Marketing back in stock form on a legacy Shopify theme using a custom Liquid snippet. Requires theme code familiarity.

The back in stock form in Seguno Email Marketing lets shoppers sign up to receive a notification when an out-of-stock product becomes available again. For Shopify Online Store 2.0 (OS 2.0) themes, Seguno Email Marketing uses an App Section to simplify installation. If your store uses a legacy theme, use this guide to install the form manually using a custom Liquid snippet.


Install the back in stock form on a legacy theme

Step 1: Create the snippet

  1. In your Shopify theme code editor, create a new snippet and name it seguno-back-in-stock.liquid.

  2. Copy the full snippet code and paste it into your new snippet file.

Note:

You can customize the form's appearance using the available attributes or by adding custom CSS in the designated input area. By default, TEST_MODE is set to true, which hides the form from shoppers while you configure and test it.

Step 2: Place the snippet on your product page

  1. Decide where on your product page you want the form to appear. Seguno recommends placing it above the Add to cart button and near the variant selector to maximize shopper visibility.

  2. Open the theme file that controls your product page layout. This is typically product-template.liquid, but may vary by theme; you may need to trace the product details rendering to the correct file.

  3. Add the following tag in your chosen location:

{% render 'seguno-back-in-stock' %}

Note:

Do not place the back in stock form inside another HTML form element. If the form does not appear on the product page, check whether product details are rendered from a different theme file.

Step 3: Test the form

  1. Navigate to an out-of-stock product or variant on your storefront.

  2. Add ?bis-test=true to the end of the page URL and reload the page.

  3. Confirm the form appears and renders as expected.

Tip:

If the form does not load, open your browser's developer tools to identify the error. CSS errors in the snippet may prevent the form from rendering.

Step 4: Go live

  1. Finish customizing the form's styling.

  2. In the snippet, update the TEST_MODE attribute value from true to false.

  3. Remove the ?bis-test=true URL parameter and reload the product page to confirm the form behaves correctly in production.


FAQs

Can I use the back in stock form on a Shopify Online Store 2.0 theme?

Do I need coding experience to install the form on a legacy theme?

  • Yes, familiarity with Shopify theme code is required. Seguno recommends working with a theme developer if you are not comfortable editing theme files directly.

What happens if I place the form inside another form element?

  • The back in stock form will not load correctly. The snippet must be placed outside of any existing HTML form tags on the product page.

Can I style the back in stock form to match my store's design?

  • Yes. You can customize the form using the available attributes in the snippet or by adding custom CSS in the designated input area.

Is Seguno responsible if the installation causes issues on my store?

  • No. Because installation on a legacy theme requires custom code edits, Seguno is not responsible for errors resulting from theme code customization.

Did this answer your question?