Menu Close

Get Support From ShopWired Close

All Systems Are Operational

Subscribe To Updates
Prefer To Live Chat? Chat directly with ShopWired support Available 9.00am to 7.00pm Monday to Friday
11.00am to 5.00pm Saturday
Quickest response time

Send A Message
Response within 24 hours

Menu Close

Menu

Back in stock notifications

If a product or variation of that product is out of stock, you can include a 'back in stock notification' form on your website.

Your website visitors can then enter their name and email address and be automatically notified when you put the item back in stock in the admin system.

An example of the form is shown above. It's simple to use and is entirely automatic, you don't need to do anything apart from place the product back in stock on your admin system and the customer will be notified automatically.

ShopWired account functionality
Installation instructions (for version 2 themes or earlier)
Installation instructions (for version 3 themes or later)


ShopWired account functionality

Once the extension is installed in your account a new menu item will appear in the products submenu. Select 'products' from the left menu and then 'view stock requests'.


Request settings

Notifications are sent out from ShopWired each day at a set time, after the platform has checked the stock levels of products that customers have requested to be notified about. You can set the time notifications are sent by selecting 'settings' from the top right.

It's probably wise to set the notification time after you update your stock levels (if you do this at the same time each day).

Stock requests will also expire automatically after a fixed period of time. Notifications are not sent out to expired requests. You can set the expiration time in the 'requests expire after' box.


Viewing and managing requests

Requests made by visitors will display in the table on the page.

In the status column you'll see whether a product has come back in stock and the customer has been notified. A request can have one of 3 status (either expired, notified or not notified).

You can adjust the status yourself by ticking the box (in the 'select' column) and at the bottom of the page selecting the new status from the drop down list (and then clicking 'save').


Installation instructions (for version 2 themes or earlier)

Once the extension is activated you'll need to add the relevant code to your website's files (described below). Adding the code will enable the notification form to display when a product is out of stock or when the visitor selects a product variation that is out of stock. To change the code you'll need to use the page editor, alternatively you can click the 'request installation' button and we'll change the code for you (a small charge will be made for the installation, which is listed on the extension page).

1. Locate the product.twig file (located in /views/product pages/product.twig)

2. Add the code, shown below, where you'd like the form to be shown on the product page. It's important that this code is placed within the main <form> on the product page

<div class="stock-requests-container">
    <p>
        <b>Want to be notified when this product is back in stock?</b> 
        Complete the form below and we'll send you an email when it is.
    </p>
    <input type="text" name="stock_request_name" placeholder="Your Name">
    <input type="text" name="stock_request_email" placeholder="Your Email Address">
    <button name="stock_request" value="1" type="submit">Send Your Request</button>
</div>

For example

Click to save your changes to the file.

Please Note: The code for the above comes with no styling, so it will need to be styled (with CSS or inline styles) to display nicely.

3. If your theme just uses one CSS file (usually default.twig.css) locate #product-container and add the following code

#product-container.in-stock .stock-requests-container {
  display:none;
}

Click to save your changes.

4. Test the product page on your website (by viewing a product) to make sure that the form behaves properly. It should only display when a product or selected product variation is out of stock, and should be hidden when a product or variation is in stock.

5. You should also test that a product can be added to the basket without any problems.

Warning!

The back in stock notification system is not compatible with bundle products so, if you are using the product bundles extension, you should code the section not to display on bundle products.


Installation instructions (for version 3 themes or later)

Once the extension is activated you'll need to add the relevant code to your website's files (described below). Adding the code will enable the notification form to display when a product is out of stock or when the visitor selects a product variation that is out of stock. To change the code you'll need to use the page editor, alternatively you can click the 'request installation' button and we'll change the code for you (a small charge will be made for the installation, which is listed on the extension page).

If you're using a version 3 (or later) theme, locate the product_form.twig file (located in /views/partials/product_form.twig).

1. Add the code, shown below, where you'd like the form to be shown on the product page. It's important that this code is placed within the main

on the product page.

{% if global.features.extensions.back_in_stock and not modal %}
	<div class="stock-requests-container">
		<p>
			Want to be notified when this product is back in stock? Complete the form below and we'll send you an email when it is.
		</p>
		<label class="field-block">
			<span class="field-label">Your name</span>
			<input type="text" name="stock_request_name" class="required">
		</label>
		<label class="field-block">
			<span class="field-label">Your email address</span>
			<input type="text" class="required jsv_email" name="stock_request_email">
		</label>
		<button class="button" name="stock_request" value="1" type="submit">Send Your Request</button>
	</div>
{% endif %}

For example

2. Click to save your changes to the file.

Please Note: The code for the above comes with no styling, so it will need to be styled (with CSS or inline styles) to display nicely.

3. Locate the _components_product.scss file in your theme's stylesheets and add the code below.

.in-stock .stock-requests-container {
    display: none;
}
	

4. Click to save yoru changes to the file.

4. Test the product page on your website (by viewing a product) to make sure that the form behaves properly. It should only display when a product or selected product variation is out of stock, and should be hidden when a product or variation is in stock.

5. You should also test that a product can be added to the basket without any problems.

Warning!

The back in stock notification system is not compatible with bundle products so, if you are using the product bundles extension, you should code the section not to display on bundle products.