Make your products available to your customers
- What is managed on Nyla vs on Shopify
- How to launch products on Nyla
- Making a Shopify product available on Nyla
- Creating a product page on Nyla
- Best practices for updating an existing Shopify product
- Ensure products are not discoverable on your site
- Removing products from your Nyla site
What's on Nyla vs Shopify?
- You manage your product data on Shopify
- On Nyla you reference your product data via Sources and Properties on pages, using sections and templates to create the experiences that you want for your customers.
How to launch products on Nyla
In order to launch a product on Nyla:
- Add the product on Shopify, and make it available to Nyla. Remember to set up all required information on Shopify as per your product setup (e.g product images, description, metafields, adding it to the collections it should show up in and so on).
- Create the product page (or the page where you are featuring your product, such as a landing page) on Nyla. Just like with any other page, once you are ready, you need to publish your changes to make sure that they show up on your site.
Making a Shopify product available on Nyla
- Product Status needs to be set to Active on Shopify (not in Draft or Archived state)
- The product needs to be made available on the Nyla and the Online Store Sales Channels in Shopify (41 second screen recording here)
- After you have made those changes you should refresh the data on the relevant page(s) on Nyla, or rebuild your site
After having set up your product in Shopify and populating all the required data there and then making it available to Nyla, you'll need to add your product page in Nyla. In order to do this:
- Create a page within the Products folder in Nyla, using the appropriate page template for that product (if applicable). Note that is is best practice not to unlink your section templates above the fold or your page templates unless needed in order to enable better future facing management.
- (Best practice) add your product as the page source. If you aren't using page source for a reason specific to you, then set the source product in the relevant place(s) on your page.
- (As applicable) add content to your PDP using overrides, or by populating metafields/similar data in Shopify as per your PDP setup.
- (As applicable) set up features such as:
- Swatches (to ensure that your colour product options show with the correct swatches)
- Image filtering (to allow your images to filter based on a selected product option value, like colour)
- Product option defaults (to set a specific default variant for your product when customers land on the page)
- Once you are done, save and publish your page for it to appear live on your site.
Helpful resources:
Best practices for updating an existing product on Shopify
In order to make changes to your product data, you should do so on Shopify. This includes things like updating product images, product description, price and so on (this is the case for anything that is referenced as a property on Nyla).
When making minor changes, you can normally do this directly on Shopify without any issues, however when making more sweeping changes, we recommend to make a backup of your product first, and then make your changes to your current product.
Our recommended process is as follows:
- Make a backup of your product by duplicating your existing product in Shopify. End the title and handle of the duplicate with "old". Don't publish the duplicate, and don't set it as available on any channels -- this is purely a backup in case you want to refer to it later
- Next, make the changes to your original product in Shopify
- After having made your changes, make sure to publish them on Nyla if they aren't included in automated publishes
Ensuring products are not discoverable on your Nyla site
- Set the product page in Nyla to be Hidden (this will exclude the page from being indexed by search engines)
- Remove any manual links to the product
In Shopify:
- Exclude the product from appearing in Algolia search by adding the correct tag in Shopify
- Remove the product from all Collections in Shopify, including all automated collections
-
- Hint: it’s easy to configure your Shopify Collections to always exclude products that have a certain tag set. For example, if you add the tag collection-hidden to a product, and then go into a collection and set it to Exclude products with the tag collection-hidden, the product will never appear in that collection.
When removing a product, if you wanted to, you could change the styling or messaging on your product page to make it clear that it is no longer for sale and indicating customers elsewhere.
Remember to force a rebuild your site after making these changes.
Removing products from Nyla
- Ensure the product is not discoverable on your site, by following the steps outlined here
-
Remove links and source product references: In order to avoid broken links or other undesired behaviour, it is important to ensure that when removing products from Shopify that you also remove all references in Nyla set with that product as its source.
- Exclude from third party feeds and apps: Check whether you have any native Shopify apps in place that retrieve product information directly from Shopify such as marketing or advertising platforms (like Facebook or Google) or on-site product recommendation apps (like Nosto). Most such apps can be easily configured to exclude products directly from their admin area, but if not, you can contact the app provider for assistance — excluding product information is a common request and they’ll be able to assist.